/* Reading Progress — Figma 718:18279. 4px track (text/muted) + fill (accent/hover). */
.reading-progress{width:100%;height:4px;background:var(--text-muted);overflow:hidden}
.reading-progress__fill{display:block;height:100%;width:0;background:var(--accent-hover)}
/* On an article it is pinned to the very top of the viewport, above the nav */
.reading-progress--fixed{position:fixed;top:0;left:0;right:0;z-index:70;transform:translateY(-100%);visibility:hidden}
/* appears once the reader scrolls past the main image */
.reading-progress--fixed.is-visible{transform:none;visibility:visible}
@media (prefers-reduced-motion:no-preference){.reading-progress__fill{transition:width .08s linear}.reading-progress--fixed{transition:transform .2s ease,visibility .2s}}