.scroll-progress {
    position: fixed;
    inset: 0 0 auto;
    height: 3px;
    background: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    z-index: 1000;
    pointer-events: none;
}
.scroll-reveal {
    opacity: 0;
    translate: 0 14px;
    transition: opacity 700ms ease, translate 700ms ease;
}
.scroll-reveal.is-visible, .scroll-reveal:focus-within {
    opacity: 1;
    translate: none;
}
@media (prefers-reduced-motion: reduce) {
    .scroll-reveal { opacity: 1; translate: none; transition: none; }
}
@media print {
    .scroll-progress { display: none; }
    .scroll-reveal { opacity: 1; translate: none; }
}