@keyframes page-enter {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
    main { animation: page-enter .55s ease-out both; }
    .reveal-pending { opacity: 0; transform: translateY(22px); }
    .reveal-visible { animation: page-enter .6s ease-out both; }
    .reveal-pending:focus-within { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    .reveal-pending, .reveal-visible { opacity: 1; transform: none; animation: none; }
}