/* Reading progress bar — pinned to the very top of the viewport.
   The shared header is now a floating glass pill (see site-header.css), so the
   bar sits at top:0 across every breakpoint and stays visible/functional as the
   reader scrolls (filled by static/js/progress.js). */
#progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 1100; /* above the header pill */
}

#myBar {
    height: 100%;
    width: 0;
    background-color: #FF6A1A; /* brand accent, matches the main site */
    transition: width 0.1s ease;
}