/* =========================================================
   Divine Reading Progress
   ========================================================= */

.divine-reading-progress {
	position: fixed;
	left: 0;
	width: 100%;
	height: var(--divine-reading-progress-height, 3px);
	background: rgba(20, 19, 15, 0.06);
	z-index: 99999;
	pointer-events: none;
}

.divine-reading-progress--top {
	top: 0;
}

.divine-reading-progress--bottom {
	bottom: 0;
}

.divine-reading-progress-fill {
	height: 100%;
	width: 0%;
	background: var(--divine-reading-progress-color, #D4A373);
	box-shadow: 0 0 8px rgba(212, 163, 115, 0.5);
	/* No transition on width itself — a scroll-driven bar should track
	   the scroll position 1:1, not lag behind it with an eased
	   animation, which looks laggy/rubber-banded during fast scrolls. */
}

@media (prefers-reduced-motion: reduce) {
	.divine-reading-progress-fill {
		box-shadow: none;
	}
}