/**
 * Reading progress bar (Sahifa port). A thin fixed bar at the very top of the
 * viewport that fills as the reader scrolls a single post. Loaded only when
 * Theme Options → Blog Features → "Reading progress bar" is on and on single
 * posts (body.atr-reading-progress-on). Colour follows --atr-accent.
 */
.atr-reading-progress-bar {
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	width: 0;
	background: var(--atr-accent, #4c6775);
	z-index: 99999;
	transition: width 0.1s linear;
	will-change: width;
}