/* Without the shared JS, content remains readable. Motion never owns layout. */
.motion-block[data-motion-state="outside"]:not(:focus-within) { opacity: 0; }
.motion-block:focus-within { opacity: 1; }
@media (prefers-reduced-motion:reduce) {
 .motion-block[data-motion-state] { opacity: 1; }
}
@media print {
 .motion-block[data-motion-state] { opacity: 1 !important; }
}