/* Page scrollbar: native one hidden (no gutter), thin overlay thumb from scrollbar.js shown on scroll or near the right edge. */
html { scrollbar-width: none; }
html::-webkit-scrollbar { display: none; }

.lb-scroll { position: fixed; top: 0; right: 2px; z-index: 2147483000; width: 4px; min-height: 32px; border-radius: 4px; background: rgba(54, 97, 235, .55); opacity: 0; pointer-events: none; transition: opacity .15s ease, width .15s ease, background .15s ease; touch-action: none; }
.lb-scroll.is-visible { opacity: 1; pointer-events: auto; }
.lb-scroll:hover, .lb-scroll.is-dragging { width: 7px; background: rgba(54, 97, 235, .85); cursor: grab; }
.lb-scroll.is-dragging { cursor: grabbing; }
html.lb-scroll-dragging { user-select: none; }

/* Inner scroll areas keep a native, thin, theme-coloured bar. */
body * { scrollbar-width: thin; scrollbar-color: rgba(54, 97, 235, .45) transparent; }