/* FFSCROLL — one scrollbar look for the whole site.

   Before this file six pages styled their own scrollbars inline (9px on the tool rails, 8px on
   the lists, 7px in the profile log, two different thumb colours) and every other page shipped
   the raw browser default. Moving between pages meant the scrollbar changed shape, which reads
   as three different sites wearing the same paint.

   This is the single source. Link it on EVERY page, tool pages included; do not re-style a
   scrollbar in a page again. Changing the look here changes it everywhere, so bump the ?v= on
   the links when you touch it.

   Both syntaxes are here on purpose: Firefox understands `scrollbar-width`/`scrollbar-color`,
   Chromium and Safari the `::-webkit-scrollbar` pseudo-elements. Neither one covers both. */

*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.17) transparent}

*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
/* The transparent border plus `background-clip:padding-box` is what leaves air around the
   thumb — without it a 10px bar reads as a heavy slab against a dark panel. */
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.17);border-radius:8px;
  border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(230,135,92,.55);background-clip:padding-box}
*::-webkit-scrollbar-thumb:active{background:rgba(230,135,92,.75);background-clip:padding-box}
*::-webkit-scrollbar-corner{background:transparent}

/* Smooth anchor jumps on the marketing/doc pages. forge.css set this unconditionally; honouring
   the reduced-motion preference is part of the a11y score the landing pass already paid for. */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}