/* The browser-page scroll track is transparent; inner component scrollbars
   retain their existing styles. */
html{scrollbar-color:rgba(16,32,74,.38) transparent;}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner{background:transparent!important;}


/* Clear every document-scrollbar track layer so no dark backing surface is
   exposed beside the homepage. Scoped component scrollbars stay unchanged. */
html,
body{scrollbar-color:rgba(16,32,74,.38) transparent!important;}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-track-piece,
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}

/* The homepage canvas behind a transparent document track remains light,
   preventing the global dark fallback from appearing at the viewport edge. */
html:has(body.home-v2){background-color:#fff;}
body.home-v2{background-color:var(--h-paper,#fff);}