/* Native page scrollbar: keeps wheel, keyboard and touch navigation intact. */
html{scrollbar-color:#b09a74 #f5f1e9;scrollbar-width:thin}
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:#f5f1e9}
html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbb996,#a58b61);border:2px solid #f5f1e9;border-radius:20px;min-height:48px}
html::-webkit-scrollbar-thumb:hover{background:#92764b}
html::-webkit-scrollbar-thumb:active{background:#78603c}
html::-webkit-scrollbar-corner{background:#f5f1e9}
@supports selector(html:has(body.dark)){
  html:has(body.dark){scrollbar-color:#a99670 #171d1a}
  html:has(body.dark)::-webkit-scrollbar-track,html:has(body.dark)::-webkit-scrollbar-corner{background:#171d1a}
  html:has(body.dark)::-webkit-scrollbar-thumb{border-color:#171d1a;background:linear-gradient(180deg,#c4b18c,#96825c)}
  html:has(body.dark)::-webkit-scrollbar-thumb:hover{background:#d1bf9b}
}
@media(forced-colors:active){html{scrollbar-color:auto;scrollbar-width:auto}}