/* ── Deck framework · live stats badge (live-stats.js) ───────────────────────
   Top-left, the one free corner: the theme toggle holds the top-right, the
   slide counter and the autopilot the bottom-right, the tools the bottom-left.
   Aligned with the toggle, in the counter's type. Theme tokens only. */

.deck-live {
  position: fixed; top: 14px; left: clamp(10px, 1.8vw, 22px); z-index: 100;
  height: 36px; display: none; align-items: center; gap: 7px;
  padding: 0 11px; border-radius: 8px;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  font-family: var(--font-mono); font-size: 12px; color: var(--muted);
  font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none;
}
.deck-live.is-on { display: flex; }
.deck-live__sep { opacity: .6; }
/* a phone's slide padding is ~40px: keep the badge inside it, off the title */
@media (max-width: 860px) {
  .deck-live { top: 8px; height: 28px; padding: 0 9px; font-size: 11px; }
}
/* still on purpose: the chrome is never paused off-screen, so a pulse here
   would repaint for the whole talk */
.deck-live__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--good); }