/*
 * Keep desktop pages comfortable on compact laptop-sized viewports.
 * This is the page-level equivalent of Chrome's 80% zoom; a webpage cannot
 * change Chrome's toolbar zoom preference itself.
 */
html {
  --fc-layout-vw: 1vw;
  zoom: 1;
}

/* Keep the existing mobile breakpoints and typography unchanged. */
@media screen and (min-width: 1081px) and (max-width: 1600px) {
  html {
    --fc-layout-vw: 1.25vw;
    zoom: 0.8;
  }
}

@media screen and (min-width: 1601px) {
  html {
    --fc-layout-vw: 1vw;
    zoom: 1;
  }
}