/* V1 track dimensions/colors and fade; overlay takes no document width. */
html.public-overlay-scroll { scrollbar-width: none; }
html.public-overlay-scroll::-webkit-scrollbar { width: 0; height: 0; }
.public-scroll-track {
  position: fixed; z-index: 150; top: 0; right: 0; width: 8px; height: 100dvh;
  opacity: 0; background: rgba(222, 222, 222, .75); user-select: none;
  touch-action: none; transition: opacity .5s ease-out;
}
.public-scroll-track[hidden] { display: none; }
.public-scroll-track:hover, .public-scroll-track:focus-within,
.public-scroll-track.is-scrolling, .public-scroll-track.is-dragging { opacity: 1; }
.public-scroll-thumb { position: absolute; top: 0; left: 0; width: 8px; min-height: 20px; border-radius: 4px; background: rgba(0, 0, 0, .5); }
.public-scroll-thumb:focus-visible { outline: 2px solid var(--color-ivory); outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) { .public-scroll-track { transition: none; } }