/* ============================================================================
 * Reading Progress Bar
 *
 * A thin horizontal bar fixed at the very top of the viewport that fills
 * left-to-right based on scroll position. Only active on study content pages
 * (URL contains /study/ but is NOT /study/index.html).
 * ============================================================================ */

#reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 3px;
  background: var(--primary);
  z-index: 10001;
  pointer-events: none;
  transition: width 0.15s linear;
}

/* ── Reduced motion: instant width changes, no transition ─────────────── */
@media (prefers-reduced-motion: reduce) {
  #reading-progress {
    transition: none;
  }
}

/* ── Hide on print ────────────────────────────────────────────────────── */
@media print {
  #reading-progress {
    display: none;
  }
}