/* Page scrollbars only: leave demo and carousel rails unchanged. */
html { color-scheme: dark; }
html:has(body.lp), html:has(.page--white-label) {
  scrollbar-width: thin;
  scrollbar-color: #b8793e #171512;
}
/* Prefer WebKit paint hooks where supported so the hover color remains visible. */
@supports selector(::-webkit-scrollbar) {
  html:has(body.lp), html:has(.page--white-label) { scrollbar-color: auto; scrollbar-width: auto; }
}
html:has(body.lp, .page--white-label)::-webkit-scrollbar { width: 10px; height: 10px; }
html:has(body.lp, .page--white-label)::-webkit-scrollbar-track, html:has(body.lp, .page--white-label)::-webkit-scrollbar-corner { background: #171512; }
html:has(body.lp, .page--white-label)::-webkit-scrollbar-thumb { background: #b8793e; border: 2px solid #171512; border-radius: 999px; }
html:has(body.lp, .page--white-label)::-webkit-scrollbar-thumb:hover { background: #fdac53; }
@media (forced-colors: active) {
  html:has(body.lp), html:has(.page--white-label) { scrollbar-color: auto; scrollbar-width: auto; }
  html:has(body.lp, .page--white-label)::-webkit-scrollbar, html:has(body.lp, .page--white-label)::-webkit-scrollbar-track, html:has(body.lp, .page--white-label)::-webkit-scrollbar-corner,
  html:has(body.lp, .page--white-label)::-webkit-scrollbar-thumb, html:has(body.lp, .page--white-label)::-webkit-scrollbar-thumb:hover { all: revert; }
}