/* Keep normal document navigation; only the incoming snapshot fades in. */
html.client-theme:is(.client-theme-sport-lime, .client-theme-clean-mono) {
    /* An opaque canvas stays beneath the independently animated haze layer. */
    background: var(--theme-page);
}

.not-found-layout[data-public-page-content] > .card {
    /* The shared appearance replaces the old, longer 404 entrance. */
    animation: none;
}

@media screen and (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }

    ::view-transition-group(root) {
        animation-duration: 220ms;
    }

    ::view-transition-old(root) {
        animation: none;
    }

    ::view-transition-new(root) {
        animation: public-page-appear 220ms cubic-bezier(.2, .65, .3, 1) both;
        mix-blend-mode: normal;
    }
}

@keyframes public-page-appear {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

    ::view-transition-group(root),
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none !important;
    }
}