/* ============================================================================
   RESOLUTION SCALER — HD / FHD / 2K / 4K / 5K
   Auto-scales typography + spacing. Pair with shared/res-scaler.js for runtime.
   ============================================================================ */
:root {
  --res-scale: 1;
  --res-scale-text: 1;
}
@media (max-width: 480px)                                  { :root { --res-scale: 0.88; --res-scale-text: 0.94; } }
@media (min-width: 1920px) and (max-width: 2559px)         { :root { --res-scale: 1.08; --res-scale-text: 1.05; } }
@media (min-width: 2560px) and (max-width: 3839px)         { :root { --res-scale: 1.22; --res-scale-text: 1.12; } }
@media (min-width: 3840px) and (max-width: 5119px)         { :root { --res-scale: 1.45; --res-scale-text: 1.22; } }
@media (min-width: 5120px)                                 { :root { --res-scale: 1.70; --res-scale-text: 1.34; } }
html { font-size: calc(16px * var(--res-scale-text, 1)); }