/* culmen-live.css - the live counters strip on the home page; reuses .strip / .strip__in / .stat from culmen.css and the
   site's colour tokens, so it follows the site's own theme. */
.strip--live{border-top:1px solid var(--line)}
.live__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0 14px;font-size:13px;color:var(--muted)}
.live__head strong{color:var(--text);font-weight:600}
.live__dot{width:8px;height:8px;border-radius:50%;background:#5CD6A0;flex:0 0 auto;animation:culmenLivePulse 2s ease-out infinite}
.live__age{margin-left:auto;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px}
.strip--live .stat__n{font-variant-numeric:tabular-nums;white-space:nowrap}
.strip--live [data-live-since]{display:block;font-size:12px;opacity:.85}
.strip--live.is-stale .live__dot{background:var(--muted);animation:none}
.strip--live.is-stale .stat__n{opacity:.45}
@keyframes culmenLivePulse{0%{box-shadow:0 0 0 0 rgba(92,214,160,.55)}70%{box-shadow:0 0 0 8px rgba(92,214,160,0)}100%{box-shadow:0 0 0 0 rgba(92,214,160,0)}}
@media (prefers-reduced-motion:reduce){.live__dot{animation:none}}
@media (max-width:700px){.live__age{margin-left:0;width:100%}}
@media (max-width:420px){.strip--live .stat__n{font-size:22px}}