/* Keep the declared palette on mobile browsers that apply automatic dark mode. */
:root{color-scheme:only dark}
.ticker__toggle{flex:none;order:2;align-self:center;margin:0 .5rem;padding:.4rem .6rem;border:2px solid #fff;border-radius:0;background:#000;color:#fff;font:inherit;font-size:.875rem;cursor:pointer;touch-action:manipulation}
.ticker__toggle:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.ticker[data-playing="false"] .ticker__track{animation-play-state:paused}
/* Reduced motion stays still by default; Play is an explicit opt-in. */
.ticker[data-playing="true"] .ticker__track{animation:tick 60s linear infinite!important;animation-play-state:running!important}
.ticker[data-playing="true"] .ticker__track ul[aria-hidden="true"]{display:flex!important}
.ticker[data-playing="true"] .ticker__viewport{overflow:hidden!important}
@media (hover:hover) and (pointer:fine){.ticker[data-playing="true"]:hover .ticker__track{animation-play-state:paused!important}}
