/* An end boundary, not a second page hidden below the first. */
.next-page {
  --pull: 0;
  --progress: 0;
  overscroll-behavior-y: contain;
  isolation: isolate;
}
.next-page .next-name {
  display: inline-block;
  transform: translate3d(0, calc(var(--pull) * -24px), 0);
  transition: transform 110ms ease-out;
  will-change: transform;
}
.next-page .next-progress > span {
  transform: scaleX(var(--progress, 0));
  transform-origin: left center;
  transition: transform 110ms linear;
}
.next-page .next-hint {
  min-height: 1.5em;
}
html[data-nav-state="loading"] .next-page .next-name {
  transform: translate3d(0, -36px, 0);
}
html.route-scroll-reset,
html.route-scroll-reset body {
  scroll-behavior: auto !important;
}
#page h1:focus {
  outline: none;
}
html[data-motion="off"] .next-page .next-name,
html[data-motion="off"] .next-page .next-progress > span {
  transform: none;
  transition: none;
}
html[data-motion="off"] .next-page .next-progress > span {
  visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .next-page .next-name { transform: none !important; transition: none !important; }
  .next-page .next-progress > span { visibility: hidden; }
}