/* Preserve page width across short and scrollable documents. */
@media screen {
    html {
        scrollbar-gutter: stable;
    }
}

/* Native same-origin document transitions preserve MVC navigation and fresh forms.
   No DOM caching, navigation interception or animation of the live body is used.
   Unsupported browsers retain ordinary navigation. */
@media screen and (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }

    ::view-transition-group(*) {
        animation: none;
    }

    /* Cover root and named shell parts, including names present only in the old
       layout (for example, leaving the manager shell for the research portal).
       The destination must not inherit the browser's default cross-fade. */
    ::view-transition-old(*) {
        display: none;
    }

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