/* A slim reading indicator along the sticky header's top edge. */
.site-header .reading-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  pointer-events: none;
  overflow: hidden;
}

.reading-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 180ms ease-out;
}

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