/* ============================================================================
   READING PROGRESS BAR - Blog V2
   Extracted from blog-v2.css
   ============================================================================ */

.reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--c-bg-alt, #f0f0f0);
  z-index: 1000;
  pointer-events: none;
}

.reading-progress__bar {
  height: 100%;
  background: linear-gradient(90deg, var(--c-accent, #3b82f6), var(--c-accent-dark, #2563eb));
  transform-origin: left;
  transition: transform 0.1s linear;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
}