/* No hidden starting states: the site is fully readable without JavaScript. */
[data-reading-progress] {
  position: fixed;
  inset: 0 0 auto;
  height: 3px;
  z-index: 100;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: var(--orange, #b55230);
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-motion-hover] {
    transition: translate 220ms ease;
  }
  [data-motion-hover]:hover {
    translate: 0 -3px;
  }
  [data-motion-arrow] {
    display: inline-block;
    transition: translate 220ms ease;
  }
  a:hover [data-motion-arrow], button:hover [data-motion-arrow] {
    translate: 3px -3px;
  }
}

@media print {
  [data-reading-progress] { display: none; }
  [data-motion], [data-motion-item] {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
  }
}