/* ── PAGE TRANSITIONS ──
   Opts every same-origin navigation into the browser's native cross-document
   View Transitions. Browsers that don't support it (older Firefox/Safari)
   just ignore this rule and navigate normally — nothing breaks either way,
   and no JavaScript is involved. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: bt-page-out .22s ease both;
}
::view-transition-new(root) {
  animation: bt-page-in .32s ease both;
}

@keyframes bt-page-out {
  to { opacity: 0; transform: translateY(-8px); }
}
@keyframes bt-page-in {
  from { opacity: 0; transform: translateY(8px); }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}