/* Widescreen density — mirrors MX Labs scaling.
   Rem-based type/spacing scales via html font-size; layout widths via --mx-wrap-scale. */

:root {
  --mx-wrap-scale: 1;
}

@media (min-width: 1441px) and (max-width: 1920px) {
  html {
    font-size: 110%;
  }

  :root {
    --mx-wrap-scale: 1.1;
  }
}

@media (min-width: 1921px) {
  html {
    font-size: 120%;
  }

  :root {
    --mx-wrap-scale: 1.2;
  }
}