/* Global page transition for internal navigation */
html {
    background: #f5f7fb;
}

body {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.28s ease, transform 0.28s ease;
}

body.page-ready {
    opacity: 1;
    transform: translateY(0);
}

body.page-leaving {
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    body,
    body.page-ready,
    body.page-leaving {
        opacity: 1;
        transform: none;
        transition: none;
    }
}