/* Smooth, compositor-friendly cross-document navigation for JMC. */
@view-transition { navigation: auto; }

/* Crossfade the page snapshots without moving or blurring large surfaces. */
::view-transition-old(root) {
  animation: 300ms cubic-bezier(.4,0,.7,1) both jmc-page-out;
}
::view-transition-new(root) {
  animation: 390ms cubic-bezier(.16,1,.3,1) both jmc-page-in;
}
@keyframes jmc-page-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes jmc-page-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Keep the shared header visually fixed between documents. */
header.nav { view-transition-name: jmc-header; }
::view-transition-old(jmc-header),
::view-transition-new(jmc-header) { animation: none; }

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