/* Native document transitions retain normal links, history, and browser fallbacks. */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: no-preference) {
  .site-header { view-transition-name: site-navigation; }
  ::view-transition-old(root) { animation: page-leave 160ms ease-out both; }
  ::view-transition-new(root) { animation: page-enter 240ms ease-out both; }
  ::view-transition-group(site-navigation) { animation-duration: 240ms; }
  ::view-transition-old(site-navigation),
  ::view-transition-new(site-navigation) { height: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}
@keyframes page-leave { to { opacity: 0; transform: translateY(-6px); } }
@keyframes page-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }