/* Keep large desktop viewports visually aligned with the site's 1440px reference size. */
@media screen and (min-width: 1600px) and (any-hover: hover) and (any-pointer: fine) {
  html {
    zoom: 1.08;
  }

  #scroll-container {
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    scrollbar-color: rgba(92, 92, 92, 0.8) transparent;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
  }

  #scroll-container::-webkit-scrollbar {
    width: 6px;
  }

  #scroll-container::-webkit-scrollbar-track {
    background: transparent;
  }

  #scroll-container::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(92, 92, 92, 0.8);
  }
}

@media screen and (min-width: 1800px) and (any-hover: hover) and (any-pointer: fine) {
  html {
    zoom: 1.2;
  }
}

@media screen and (min-width: 2400px) and (any-hover: hover) and (any-pointer: fine) {
  html {
    /* Map a 2560px desktop to an exact 1920px layout to avoid fractional baseline drift. */
    zoom: 1.3333333333;
  }
}

@media screen and (min-width: 3000px) and (any-hover: hover) and (any-pointer: fine) {
  html {
    zoom: 1.5;
  }
}