/* ============================================================
   scrollbar.css — THE standard scrollbar (v5).
   Spec (tuned with the user 2026-06-11): translucent dark thumb,
   ~13px, flat (zero radius), hugging the panel edge (asymmetric
   gutter — wider on the content side), NO arrow buttons.

   Pure ::-webkit-scrollbar rules ONLY. Do NOT set the standard
   `scrollbar-width` / `scrollbar-color` properties anywhere in any
   stylesheet OR JS-injected CSS (nav.js!): in Chrome 121+ any
   non-auto value on a scroller disables everything below
   (scrollbar-color inherits down). Firefox keeps its default
   scrollbar — acceptable; this app is Chrome-first.

   ⚠ This block is DUPLICATED in nav.js's NAV_CSS (the sitewide
   carrier) — keep the two copies' values identical.
============================================================ */

::-webkit-scrollbar {
  width: 18px;
  height: 18px;
  background: transparent;
}
::-webkit-scrollbar-track {
  background: transparent;
}

/* Thumb: translucent dark, flat, ~13px, biased toward the panel
   edge (4px gutter on the content side, 1px on the edge side). */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.22);
  border-left: 4px solid transparent;
  border-right: 1px solid transparent;
  background-clip: padding-box;
  border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

/* No arrow buttons. */
::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
::-webkit-scrollbar-corner {
  background: transparent;
}