/* Motion adds emphasis to the static layout; every word remains visible. */
@media (prefers-reduced-motion: no-preference) {
 .btn, .show-card { transition: transform var(--dur-fast) var(--ease-standard); }
 .btn:hover { transform: translateY(calc(-1 * var(--move-hover))); }
 .btn:active { transform: scale(var(--press-scale)); }
 .show-card:hover { transform: scale(var(--hover-scale)); }
}
.story-meter { block-size: 3px; background: var(--line); margin-block-end: var(--space-l); overflow: hidden; }
.story-meter > span { display: block; block-size: 100%; background: var(--accent); transform: scaleX(1); transform-origin: left center; }
:root[dir="rtl"] .story-meter > span { transform-origin: right center; }
.step.is-current { border-inline-start-color: var(--accent); }
@media (prefers-reduced-motion: reduce) {
 .story-meter { display: none; }
}