/* Marquee tickers — these rules live in the source per-page <style> blocks
   (index.dc.html etc.), not in a2z-global.css, so they are added here.
   The a2zMarquee keyframe itself is in a2z-global.css. */

[data-ticker] { animation: a2zMarquee 34s linear infinite; }
[data-cards]  { animation: a2zMarquee 46s linear infinite; }
[data-quotes] { animation: a2zMarquee 60s linear infinite; }

/* pause the card/quote marquees on hover/focus, as in the source */
[data-cards]:hover,
[data-cards]:focus-within,
[data-quotes]:hover,
[data-quotes]:focus-within { animation-play-state: paused; }