/* Keep content readable during entry; no transforms or delayed rendering. */
@media (prefers-reduced-motion: no-preference) {
    #main-content:not([data-hdk-motion-entry]) {
        animation: hdk-page-enter 180ms ease-out;
    }

    .chapter-reader-page #main-content:not([data-hdk-motion-entry]) {
        animation-name: hdk-reader-enter;
        animation-duration: 160ms;
    }
}

@keyframes hdk-page-enter {
    from { opacity: 0.6; }
    to { opacity: 1; }
}

@keyframes hdk-reader-enter {
    from { opacity: 0.8; }
    to { opacity: 1; }
}