.mup-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background: linear-gradient(
    to right,
    var(--mup-gold-deep, #a08530),
    var(--mup-gold, #c9a84c) 60%,
    rgba(201, 168, 76, 0.5) 100%
  );
  z-index: calc(var(--mup-z-header, 9990) + 5);
  pointer-events: none;
  transform-origin: left center;
  
  box-shadow: 0 0 8px rgba(201, 168, 76, 0.4);
}


.mup-scroll-progress.is-hidden {
  opacity: 0;
  transition: opacity var(--mup-t-fast, 200ms) var(--mup-ease-hover, ease);
}

@media print {
  .mup-scroll-progress { display: none !important; }
}