/* Native cross-document crossfade: the next article remains a full page load.
   Unsupported browsers ignore these rules and keep normal navigation. */
@view-transition {
    navigation: auto;
}

::view-transition-group(root),
::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 180ms;
    animation-timing-function: ease-out;
}

/* Honor the reader's system preference for reduced motion. */
@media (prefers-reduced-motion: reduce) {
    @view-transition {
        navigation: none;
    }
}