/* Same-origin navigation progressively enhances normal links. */
@view-transition { navigation: auto; }
html:not(.theme-changing)::view-transition-old(root) { animation: navigation-out 140ms ease both; mask-image: none; }
html:not(.theme-changing)::view-transition-new(root) { animation: navigation-in 280ms ease both; mask-image: none; }
@keyframes navigation-out { to { opacity: 0; } }
@keyframes navigation-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  html::view-transition-old(root), html::view-transition-new(root) { animation: none !important; }
}