/**
 * Chuyển trang êm (progressive). Không đổi layout/màu.
 * Chrome/Edge/Safari mới: cross-fade ~160ms. Firefox: bỏ qua.
 */
@media (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }

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

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