.navigation-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 2147483647;
  height: 3px;
  background: var(--accent, #eb1c22);
  pointer-events: none;
  transform-origin: left;
  animation: navigation-progress 30s ease-out forwards;
}
.navigation-progress[hidden] { display: none; }
@keyframes navigation-progress {
  0% { transform: scaleX(.08); }
  5% { transform: scaleX(.45); }
  20% { transform: scaleX(.7); }
  50% { transform: scaleX(.85); }
  100% { transform: scaleX(.95); }
}
@media (prefers-reduced-motion: reduce) {
  .navigation-progress { animation: none; transform: scaleX(.4); }
}
@media (max-width: 899px), (hover: none) and (pointer: coarse) {
  .navigation-progress { display: none; }
}
@media print {
  .navigation-progress { display: none; }
}