/* Native, same-origin page crossfades. Links keep their normal navigation. */
@view-transition { navigation: auto; }
::view-transition-old(root) {
  animation: page-out 180ms ease-out both;
}
::view-transition-new(root) {
  animation: page-in 240ms ease-out both;
}
@keyframes page-out { to { opacity: 0; } }
@keyframes page-in { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}
html[data-motion="paused"]::view-transition-old(root),
html[data-motion="paused"]::view-transition-new(root) { animation: none; }