/* ============================================================
   READING-PROGRESS.CSS - Sayfa okuma ilerlemesi
   Bagimlilik: base.css (--brand)
   HTML: <div class="reading-progress" id="readingProgress" aria-hidden="true"></div>
   ============================================================ */

.reading-progress {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1100;
    height: 3px;
    background: var(--brand);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .08s linear;
    pointer-events: none;
}

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

@media print {
    .reading-progress { display: none; }
}