.site-reading-progress {
  background: rgba(255, 255, 255, .16);
  height: 4px;
  inset: 0 0 auto;
  pointer-events: none;
  position: fixed;
  z-index: 5000;
}

.site-reading-progress__value {
  background: linear-gradient(90deg, #7dc242 0%, #23b977 34%, #2188d9 68%, #5834a5 100%);
  background-size: 100vw 100%;
  display: block;
  height: 100%;
  transform-origin: left center;
  transition: width 90ms linear;
  width: 0;
}

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

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