/*
 * anyWeblink — shared scrollbar style.
 * One slim dark bar used on every page. Colours come from the site palette
 * (the same --ink / --ink-line / --amber used by surf.php and the rest of the site).
 * Linked from every page's <head>: <link rel="stylesheet" href="/scrollbar.css?v=1">
 * Change the numbers here and every page follows.
 */

/* Chrome, Edge, Safari, Opera — the page scrollbar and every inner scrollable box */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.28);
    border-left: 1px solid rgba(255, 255, 255, 0.07);   /* --ink-line */
}
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18);
    border: 2px solid transparent;                      /* gives the thumb breathing room */
    background-clip: padding-box;
    border-radius: 10px;
    min-height: 44px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(245, 166, 35, 0.70);               /* --amber */
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:active {
    background: #f5a623;                                /* --amber */
    background-clip: padding-box;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

/* Firefox (and anything else that only knows the standard properties).
   Wrapped so Chrome/Edge — which ignore ::-webkit-scrollbar once these are set —
   keep the fuller style above. */
@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.28) rgba(0, 0, 0, 0.28);
    }
}