/* Shared cream/ink scrolling controls. Native scrolling, touch and keyboard stay intact. */
:root{--wayb-scroll-thumb:#92897c;--wayb-scroll-hover:#6e6254;--wayb-scroll-active:#51473c;--wayb-scroll-track:transparent;scrollbar-width:thin;scrollbar-color:var(--wayb-scroll-thumb) var(--wayb-scroll-track)}
*{scrollbar-width:thin;scrollbar-color:var(--wayb-scroll-thumb) var(--wayb-scroll-track)}

/* Long menus and authoring panels keep a visible, draggable vertical control. */
:root :is(#mobile-nav,#aftercare-mobile-nav,.nav-panel,.aftercare-select-options,.aftercare-contact-menu,.consult-dock[data-dock-enhanced] .contact-dock-actions,.case-editor-dialog,.case-editor-canvas-wrap,.treatment-authored-article [role=region],.pricing-ledger .tariff-tabs,#treatment-navigation .treatment-menu-filters,#treatment-navigation .mega-grid,textarea,pre),
:root body.editorial-inner.editorial-refined .treatment-directory-filters,
:root .banner-studio .banner-library ul{scrollbar-width:thin;scrollbar-color:var(--wayb-scroll-thumb) var(--wayb-scroll-track)}

/* Chromium/WebKit use a quiet rounded thumb; Firefox retains its thin native control. */
@supports selector(::-webkit-scrollbar){
 :root,:root *{scrollbar-color:auto;scrollbar-width:auto}
 :root :is(#mobile-nav,#aftercare-mobile-nav,.nav-panel,.aftercare-select-options,.aftercare-contact-menu,.consult-dock[data-dock-enhanced] .contact-dock-actions,.case-editor-dialog,.case-editor-canvas-wrap,.treatment-authored-article [role=region],.pricing-ledger .tariff-tabs,#treatment-navigation .treatment-menu-filters,#treatment-navigation .mega-grid,textarea,pre),
 :root .pricing-ledger .tariff-tabs,
 :root #treatment-navigation .treatment-menu-filters,
 :root #treatment-navigation .mega-grid,
 :root .treatment-directory-filters,
 :root body.editorial-inner.editorial-refined .treatment-directory-filters,
 :root .banner-studio .banner-library ul{scrollbar-width:auto;scrollbar-color:auto}
 ::-webkit-scrollbar{width:10px;height:8px;background:transparent}
 ::-webkit-scrollbar-track{background:var(--wayb-scroll-track);border-radius:20px}
 ::-webkit-scrollbar-thumb{background:var(--wayb-scroll-thumb);border:2px solid transparent;background-clip:padding-box;border-radius:20px;min-height:32px;min-width:32px}
 ::-webkit-scrollbar-thumb:hover{background-color:var(--wayb-scroll-hover)}
 ::-webkit-scrollbar-thumb:active{background-color:var(--wayb-scroll-active)}
 ::-webkit-scrollbar-button{display:none;width:0;height:0}
 ::-webkit-scrollbar-corner{background:transparent}
 :is(.equipment-filters,.tariff-tabs,.treatment-directory-filters,.treatment-menu-filters)::-webkit-scrollbar{height:6px}
 :is(.equipment-filters,.tariff-tabs,.treatment-directory-filters,.treatment-menu-filters)::-webkit-scrollbar-thumb{border-width:1px}
 :root :is(#mobile-nav,#aftercare-mobile-nav)::-webkit-scrollbar{display:block;width:8px;height:0}
 :root body.editorial-inner.editorial-refined .treatment-directory-filters::-webkit-scrollbar,
 :root .banner-studio .banner-library ul::-webkit-scrollbar{display:block;height:6px}
}

/* An intentional rail already has arrow buttons and keyboard/touch navigation. */
:root body.editorial-main #equipment .equipment-viewport{scrollbar-width:none;-ms-overflow-style:none}
:root body.editorial-main #equipment .equipment-viewport::-webkit-scrollbar{display:none;width:0;height:0}
:root body .treatment-page .treatment-contents{scrollbar-width:none;-ms-overflow-style:none}
:root body .treatment-page .treatment-contents::-webkit-scrollbar{display:none;width:0;height:0}

/* Foreign navigation switches to a drawer at 1240px, not the Korean 900px breakpoint. */
@media(max-width:1240px){body[data-site-locale]:has(.menu[aria-expanded=true]){overflow:hidden}}

/* Respect OS high-contrast preferences, including previously hidden rails. */
@media(forced-colors:active){
 :root,:root *{scrollbar-color:auto!important;scrollbar-width:auto!important}
 :root ::-webkit-scrollbar{all:revert!important}
 :root ::-webkit-scrollbar-thumb,:root ::-webkit-scrollbar-track,:root ::-webkit-scrollbar-button,:root ::-webkit-scrollbar-corner{all:revert!important}
 :root :is(#mobile-nav,#aftercare-mobile-nav,.equipment-viewport,.treatment-contents)::-webkit-scrollbar{display:revert!important;width:revert!important;height:revert!important}
}