/* 恒序 — motion layer
   The hover/press/focus micro-interactions live in system.css with the components.
   This file owns the two things that must be separate: the pause disc's states and
   the reduced-motion guarantee that no looped state ever leaves content hidden. */

.loop-pause[aria-pressed="true"] { color: var(--accent); border-color: var(--accent); }

/* the delivery loop's finished state is also its resting state: nothing is ever
   hidden (opacity 0) to be revealed later, so reduced motion and a paused loop
   both show the complete, legible console. */
.deliver > div { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .deliver > div,
  .nav__links a,
  .card,
  .btn { transition: none !important; }
  .loop-pause { display: none; }
}