/* Home "What's happening now" ticker (js/now.js). Pauses on hover or focus or with the button; static scroll row under reduced motion. */
.mc-tk{position:relative;font-size:.8125rem;line-height:1}
.mc-tk-row{display:flex;align-items:stretch;height:2.75rem}
.mc-tk-lab{flex:none;display:flex;align-items:center;gap:.5rem;padding:0 1rem 0 1.25rem;font-size:.65rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--color-primary-foreground);background:var(--color-primary);position:relative;z-index:2}
.mc-tk-lab:after{content:"";position:absolute;right:-.7rem;top:0;bottom:0;width:.7rem;background:var(--color-primary);clip-path:polygon(0 0,100% 50%,0 100%)}
.mc-tk-pulse{width:.45rem;height:.45rem;border-radius:50%;background:#fff;animation:mc-tk-pulse 1.6s ease-in-out infinite}
@keyframes mc-tk-pulse{50%{opacity:.25}}
.mc-tk-vp{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;padding-left:.7rem;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.75rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 1.75rem,#000 calc(100% - 2.5rem),transparent)}
.mc-tk-track{display:flex;flex:none;width:max-content;will-change:transform}
.mc-tk.is-run .mc-tk-track{animation:mc-tk-scroll var(--mc-tk-dur,60s) linear infinite}
.mc-tk.is-run:hover .mc-tk-track,.mc-tk.is-run:focus-within .mc-tk-track,.mc-tk.is-paused .mc-tk-track{animation-play-state:paused}
@keyframes mc-tk-scroll{to{transform:translateX(-50%)}}
.mc-tk-list{display:flex;flex:none;margin:0;padding:0;list-style:none;white-space:nowrap}
.mc-tk-list li{display:flex;align-items:center}
.mc-tk-list li:after{content:"";width:.3rem;height:.3rem;margin:0 1.4rem;border-radius:50%;background:var(--color-primary);opacity:.7}
.mc-tk-list a{display:inline-flex;align-items:baseline;gap:.55rem;color:var(--color-foreground);text-decoration:none;padding:.35rem .15rem;border-radius:.25rem}
.mc-tk-list a:hover b,.mc-tk-list a:hover .mc-tk-txt{text-decoration:underline;text-underline-offset:3px}
.mc-tk-list a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.mc-tk-tag{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}
.mc-tk-load{color:var(--color-muted-foreground)}
.mc-tk-btn{flex:none;display:flex;align-items:center;justify-content:center;width:2.75rem;border:0;border-left:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer}
.mc-tk-btn svg{fill:currentColor}.mc-tk-btn:hover{color:var(--color-foreground)}.mc-tk-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}
.mc-tk-btn[hidden]{display:none}
@media (max-width:640px){.mc-tk{font-size:.78rem}.mc-tk-lab{padding:0 .75rem 0 1rem;letter-spacing:.2em}}
/* Reduced motion: no scrolling animation, a static row the reader can swipe or scroll */
@media (prefers-reduced-motion:reduce){
  .mc-tk-vp{overflow-x:auto;scrollbar-width:thin;-webkit-mask-image:none;mask-image:none}
  .mc-tk-track{animation:none!important}.mc-tk-pulse{animation:none}
}
