/* responsive-4k.css — large-screen "zoom" layer.
 *
 * The design tops out at a 1440px container (--at-container-max), so on very
 * wide viewports (4K / ultrawide running at low OS scale) everything looks
 * small and stranded in big empty margins. Rather than stretch text to
 * unreadable line-lengths, we scale the whole page up proportionally — a true
 * zoom — so it fills the screen while keeping the exact design ratios.
 *
 * `zoom` reflows (unlike transform: scale) so there's no overflow/scrollbar,
 * and it scales BOTH the token-based and the hardcoded-px parts of the theme
 * uniformly. Supported in all current browsers (Firefox since v126).
 *
 * Targets genuinely wide CSS viewports only: 4K screens at the common
 * 150–200% OS scale report ~1920–2560 CSS px and are intentionally left alone.
 * Overlapping queries cascade by source order (the largest match wins). */

@media (min-width: 2560px) { :root { zoom: 1.2;  } }
@media (min-width: 3440px) { :root { zoom: 1.35; } }
@media (min-width: 3840px) { :root { zoom: 1.5;  } }