Emphasize landscape embed + fix external-link icon wrap

[polter-dev]

Summary

• widen only desktop landscape result rails from 300px to 400px, preserving the existing 300px vertical and mobile layouts
• tighten landscape-only source metadata and desktop actions so the 16:9 embed is the focal point
• keep every external-link icon attached to the final visible character while preserving overflow-wrap: anywhere for long URLs
• cover landscape/vertical dimensions, mobile safeguards, safe external-link behavior, and actual wrapped-glyph/icon alignment

Root cause

The result grid used a fixed 300px rail regardless of source orientation. External-link labels also allowed a break at the text/icon seam, while the SVG reset left the Lucide icon block-level.

TDD evidence

• orientation test first failed because the result grid had no data-embed attribute
• desktop browser test first failed with a 300px landscape rail
• external-link seam test first failed without a no-break trailing unit, then exposed the block-level SVG in the rendered layout

Validation

• npm run lint
• npm run typecheck
• npm run test:unit — 226 passed, 5 skipped
• npm run test:e2e — 34 passed, 2 expected skips
• npm run build

Stack note

This branch stacks on polish/analyze-header-logo, which itself includes the /analyze embed-aspect work. No header/logo, fixture, streaming, validation, feed, tab, meter, or contract behavior was changed.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
capcheck	Ready	Preview, Comment	Jul 12, 2026 1:15am