/* Site-wide overlay systems: the square scrollbar overlay and the pixel
   icon set. Loaded last on every page (after the page stylesheet) because
   these sections sat at the end of the old single style.css and win their
   cascade ties by order, e.g. .sqs-area disabling native scrollbars that
   page rules style as a no-JS fallback. */



/* ---- Square overlay scrollbars (site-wide) ----
   Every vertical scrollbar, the window's included, is replaced with a custom
   square overlay so Firefox's unstylable rounded thumbs never appear. Native
   scrolling stays intact; see static/src/js/square-scrollbar/. */
.sqs-area {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.sqs-area::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
html.sqs-window {
    scrollbar-width: none;
}
html.sqs-window::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.sqs-track {
    position: absolute;
    width: 12px;
    z-index: 6;
    display: none;
    background: var(--surface-0);
    border: 1px solid #2a2418;
    box-shadow: inset 2px 0 3px rgba(0, 0, 0, 0.5);
}
.sqs-track--window {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
}
.sqs-track.is-visible {
    display: block;
}
/* Plain gold thumb; a light inset ring gives it its edge, no pattern. */
.sqs-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 24px;
    background: var(--gold-500);
    border: 1px solid #000000;
    box-shadow: inset 0 0 0 1px rgba(255, 233, 173, 0.28);
    cursor: grab;
}
.sqs-thumb:hover {
    background: var(--gold-300);
}
body.sqs-dragging {
    user-select: none;
}
body.sqs-dragging .sqs-thumb {
    cursor: grabbing;
}
/* Current-page marker in the top nav (replaces per-page inline styles). */
.nav-links a.is-current {
    color: var(--accent);
    font-weight: 700;
}
#clear-all-layers-btn {
    color: var(--accent);
    font-size: 0.75rem;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    font-family: var(--font-ui);
    padding: 0;
}