/* Adapted from Lagniappe's authored src/style/motion.css: keep one snapshot
   for the page and its overlays, with an instant handoff instead of a fade. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

/* Keep the content width steady when navigating between short and long pages. */
html { scrollbar-gutter: stable; }

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}