/* Mobile scroll position indicator — no flow/layout change. */
#zeyep-reading-progress {
  display: none;
  position: fixed;
  top: var(--zes-progress-top, 0px);
  left: 0;
  right: 0;
  height: var(--zes-progress-height, 3px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: var(--zeyep-rule, #e7dcc3);
  z-index: 100000;
  pointer-events: none;
  user-select: none;
  contain: layout style paint;
}
#zeyep-reading-progress[hidden] { display: none !important; }
#zeyep-reading-progress > .zes-reading-progress-fill {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--zes-progress-color, var(--zeyep-accent, #8f6334));
  transform: scaleX(0);
  transform-origin: left center;
  transition: none;
}
@media screen and (max-width: 780px) {
  body.single-post:not(.cooking-mode) #zeyep-reading-progress:not([hidden]) {
    display: block;
  }
}
body.cooking-mode #zeyep-reading-progress { display: none !important; }
@media print {
  #zeyep-reading-progress { display: none !important; }
}
@media (forced-colors: active) {
  #zeyep-reading-progress { background: Canvas; }
  #zeyep-reading-progress > .zes-reading-progress-fill { background: Highlight; forced-color-adjust: none; }
}