/* Smooth, short crossfade between full-page navigations (this is a classic
   multi-page app, not a SPA) via the native Cross-Document View Transitions
   API. Supported on Chrome/Edge 126+ and Safari/WKWebView 18.2+; everywhere
   else this rule is simply ignored and navigation happens exactly as
   before, so it's safe to include unconditionally. */
@view-transition {
    navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 0.18s;
    animation-timing-function: ease-out;
}