.reading-progress {
  position: fixed;
  z-index: 10000;
  inset: 0 0 auto;
  height: 3px;
  overflow: hidden;
  background: rgba(24, 40, 56, .12);
  pointer-events: none;
}

.reading-progress__fill {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #9f5555, #263b52);
  transform: scaleX(0);
  transform-origin: left center;
}

@media (prefers-reduced-motion: reduce) {
  .reading-progress__fill { transition: none; }
}