/* Opt in to native cross-document view transitions on navigation. */
@view-transition {
  navigation: auto;
}

/* Global slight fade */
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 200ms;
}

/*
 * Persistent chrome (header/footer) is named so it gets its own snapshot
 * instead of being part of the root crossfade. Holding it static prevents
 * the flicker that the sticky header otherwise shows on every navigation.
 */
::view-transition-group(site-header),
::view-transition-group(site-footer),
::view-transition-old(site-header),
::view-transition-new(site-header),
::view-transition-old(site-footer),
::view-transition-new(site-footer) {
  animation: none;
}