fix mobile pages - changelog, downloads

[dmytrotkk]

This pull request focuses on improving layout consistency and responsive design across several pages, especially for mobile and desktop platforms. The main themes are: (1) fixing the skip link placement in the Linux desktop app, (2) harmonizing column widths, and (3) ensuring full-bleed hero/cover sections and correct text alignment on small screens for /download, /changelog, and /brand.

Accessibility and Desktop App Fixes:

• The .skip-link is now always visually hidden at the top of the viewport and, when focused, moves below the Tauri title bar using a transform instead of a top offset. This prevents the skip link from overlapping desktop window controls on Linux. [1] [2]

Layout Consistency:

• The .tail-inner container on the /changelog page now uses a max-width of 60rem (matching the rails), instead of the homepage's wider 70.5rem, ensuring better column alignment.

Responsive Design Improvements (Grouped by Page):

• /download, /changelog, and /brand pages now apply a full-bleed hero/cover treatment on screens narrower than 40rem. This includes:

  • Removing frame padding and background, letting the canvas go edge-to-edge.
  • Removing borders and box-shadows from canvases.
  • Left-aligning text and aligning padding to the overlay header gutter, so the wordmark and headline share a clean left edge.
  • Adjusting vertical padding for improved spacing below the overlay header.
  • Removing centered margins from lede text. [1] [2] [3]

• On /brand, for screens narrower than 48rem, the background behind the shader is adjusted to ensure the wave effect doesn't overpower the content, matching the treatments on /download and /changelog.

These changes ensure a more polished, consistent, and accessible user experience across devices and platforms.