:root { --ui-scale: 0.67; } /* The critical zoom rule (body { zoom: 0.67 }) is inlined in in _header.html so it applies synchronously before first paint — eliminating scroll jank. This file keeps only the non-critical supplementary rules: - CSS @supports declarations that the inline style can't use - Fallback transform for browsers without zoom support - Print reset */ /* Standard browsers: ensure html stays at 100% (scrollbar anchor) */ @supports (zoom: 1) { html { zoom: 1; } } /* Fallback: transform scaling for browsers with no zoom support at all */ @supports not (zoom: 1) { body { transform: scale(var(--ui-scale)); transform-origin: top left; width: calc(100% / var(--ui-scale)); } } @media print { html, body { zoom: 1 !important; transform: none !important; width: auto !important; height: auto !important; } } }