/* Visible feedback while an ordinary PHP page navigation is in flight. */
html[data-twoam-navigating] { cursor: progress; }
html[data-twoam-navigating]::before {
  content: "";
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 2147483647;
  height: 3px;
  width: 75%;
  pointer-events: none;
  background: #ff6b35;
  box-shadow: 0 0 8px #ff6b3566;
  transform-origin: left;
  animation: twoam-navigation 12s cubic-bezier(.1,.8,.2,1) forwards;
}
@keyframes twoam-navigation {
  from { transform: scaleX(.04); }
  to { transform: scaleX(1.25); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-twoam-navigating]::before { animation: none; width: 60%; }
}