/* Offers page viewport scrollbar — warm autumn palette without changing scroll behavior. */
html{scrollbar-width:thin;scrollbar-color:#b45309 #fff1df}
html::-webkit-scrollbar{width:13px}
html::-webkit-scrollbar-track{background:linear-gradient(180deg,#fff7ed,#ffedd5 54%,#fef3c7);border-inline-start:1px solid #fed7aa}
html::-webkit-scrollbar-thumb{min-height:4.5rem;border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,#9a3412,#d97706 54%,#b45309) padding-box;box-shadow:inset 0 0 0 1px rgba(255,247,237,.55),0 .2rem .7rem rgba(154,52,18,.18)}
html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c2d12,#ea580c 54%,#c2410c) padding-box;box-shadow:0 .25rem .9rem rgba(154,52,18,.3)}
html[data-theme="dark"]{scrollbar-color:#fb923c #26130f}
html[data-theme="dark"]::-webkit-scrollbar-track{background:linear-gradient(180deg,#1d100e,#2b1712 54%,#351b0d);border-inline-start-color:#5b2b1b}
html[data-theme="dark"]::-webkit-scrollbar-thumb{border-color:transparent;background:linear-gradient(180deg,#f97316,#ea580c 54%,#b91c1c) padding-box;box-shadow:0 0 .8rem rgba(249,115,22,.32),inset 0 0 0 1px rgba(255,237,213,.14)}
html[data-theme="dark"]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fdba74,#f97316 54%,#dc2626) padding-box;box-shadow:0 0 1.15rem rgba(251,146,60,.5)}