/* CG186 · the living pills. The kit's two pulses used to play once when the page opened, so a footer pill had finished
   before anyone scrolled to it. Now the dot rests lit with a soft glow in the pill's colour, and the two pulses play each
   time the pill comes into view (60 percent showing; js/pill-cg186.js), again after it leaves and returns, and on hover
   or focus. Reduced motion: a lit dot, no movement. */
@keyframes cg-pill-pulse{50%{opacity:.35;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0%,transparent),0 0 2px color-mix(in srgb,currentColor 10%,transparent)}}
@keyframes cg-pill-pulse-h{50%{opacity:.35;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0%,transparent),0 0 2px color-mix(in srgb,currentColor 10%,transparent)}}
html body .cai-pill i{animation:none;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent),0 0 6px color-mix(in srgb,currentColor 55%,transparent)}
html body .cai-pill.cg-live i{animation:cg-pill-pulse 2.4s ease-in-out 2}
html body .cai-pill:is(:hover,:focus-visible) i{animation:cg-pill-pulse-h 2.4s ease-in-out 2}
@media (prefers-reduced-motion:reduce){html body .cai-pill i,html body .cai-pill.cg-live i,html body .cai-pill:is(:hover,:focus-visible) i{animation:none}}