/* The opaque safe-area cover never scales; only its decorative child does. */
open-g-reading-guide .reading-progress-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(env(safe-area-inset-top, 0px) + 8px);
  z-index: 10;
  background: #fff;
  pointer-events: none;
}
open-g-reading-guide .reading-progress-cover > .reading-progress {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #be1526;
  transform: scaleX(0);
  transform-origin: left;
}
html:has(open-g-reading-guide) {
  scroll-padding-top: calc(env(safe-area-inset-top, 0px) + 16px);
}