/* CHARBLOX — base tokens (Blackout direction) */
:root{
  --bg:#050505; --surface:#101010; --line:#1E1E1E; --line-2:#2A2A2A;
  --ink:#F5F1EA; --ink-2:#B9B3A9; --ink-3:#8E887E; --ink-4:#6E6960;
  --ember:#FFB070; --ember-glow:rgba(255,120,40,.28);
  --font-sans:'Sora',system-ui,sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --radius:20px; --radius-pill:999px; --wrap:1280px; --gutter:40px;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
img{max-width:100%}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px}

/* Promo bar, static (seo/add_ticker.py inserts the markup) */
.ticker{display:block;background:#FFB070;color:#050505;text-decoration:none;text-align:center;font:500 12px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;padding:10px max(16px,env(safe-area-inset-left,0px))}
.ticker-item{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px}
.ticker-cta{text-decoration:underline;text-underline-offset:3px}
.ticker:focus-visible{outline:2px solid #F5F1EA;outline-offset:-4px}