/* Native scrolling remains available; only page-owned scrollbar presentation changes. */
:root { --scrollbar-thumb: #a8a89e; --scrollbar-thumb-hover: #73766b; --scrollbar-track: transparent; }
* { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); }
*:hover, *:focus-within { scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track); }
@supports selector(::-webkit-scrollbar) {
  *, *:hover, *:focus-within { scrollbar-width: auto; scrollbar-color: auto; }
}
*::-webkit-scrollbar { width: 3px; height: 3px; }
*::-webkit-scrollbar-track, *::-webkit-scrollbar-corner { background: var(--scrollbar-track); }
*::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border: 0; border-radius: 999px; }
*::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); }
@media (forced-colors: active) {
  *, *:hover, *:focus-within { scrollbar-width: auto; scrollbar-color: auto; }
  *::-webkit-scrollbar { width: auto; height: auto; }
  *::-webkit-scrollbar-track, *::-webkit-scrollbar-corner { background: Canvas; }
  *::-webkit-scrollbar-thumb { background: ButtonText; }
  *::-webkit-scrollbar-thumb:hover { background: Highlight; }
}