/* Browser-owned scrolling with the current brand palette. */
:root{--site-scroll-thumb:var(--coral);--site-scroll-track:var(--violet);--site-scroll-hover:var(--mint);--site-scroll-active:var(--mint-light)}
@supports not selector(::-webkit-scrollbar){html:root,html:root *{scrollbar-color:var(--site-scroll-thumb) var(--site-scroll-track)}}
@supports selector(::-webkit-scrollbar){
 html:root,html:root *{scrollbar-color:auto;scrollbar-width:auto}
 ::-webkit-scrollbar{width:11px;height:9px}
 ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--site-scroll-track)}
 ::-webkit-scrollbar-thumb{background:var(--coral);border:2px solid var(--site-scroll-track);border-radius:2px;min-height:44px}
 ::-webkit-scrollbar-thumb:hover{background:var(--site-scroll-hover)}
 ::-webkit-scrollbar-thumb:active{background:var(--site-scroll-active)}
}
@supports (-moz-appearance:none){html:root,html:root *{scrollbar-color:var(--site-scroll-thumb) var(--site-scroll-track);scrollbar-width:auto}}
@media(forced-colors:active){html:root,html:root *{scrollbar-color:auto}::-webkit-scrollbar,::-webkit-scrollbar-track,::-webkit-scrollbar-corner,::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{all:revert}}
