.site-navigation-progress {
  display: none;
  position: fixed;
  inset: 0 0 auto;
  height: 3px;
  z-index: 1000001;
  pointer-events: none;
  overflow: hidden;
  background: #e0e7ff;
}

.site-navigation-progress::after {
  content: "";
  display: block;
  height: 100%;
  width: 35%;
  background: #4f46e5;
  animation: site-navigation-progress 1.2s ease-in-out infinite;
}

html[data-navigation-pending] .site-navigation-progress { display: block; }

.site-navigation-status {
  position: fixed;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@keyframes site-navigation-progress {
  from { transform: translateX(-100%); }
  to { transform: translateX(390%); }
}

@media (prefers-reduced-motion: reduce) {
  .site-navigation-progress::after { animation: none; width: 100%; }
}