/* A restrained progress indicator for navigation between local HTML pages. */
.page-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 2px;
  background: var(--orange);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 160ms cubic-bezier(.4, 0, .2, 1);
}

html.is-leaving .page-progress { transform: scaleX(1); }

@media (prefers-reduced-motion: reduce) {
  .page-progress { transition: none; }
}