
@font-face{font-family:'Lexend Exa';src:url('/assets/fonts/lexend-exa-latin-var.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible';src:url('/assets/fonts/atkinson-hyperlegible-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible';src:url('/assets/fonts/atkinson-hyperlegible-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{
--bg:#07090B;--panel:#0E1319;--panel2:#131C24;--ink:#E8EEF5;--body:#B9C4CF;--dim:#8B98A6;
--line:#1B242D;--line2:#26313C;--cyan:#38E1FF;--magenta:#FF5DA2;--ok:#3DDC97;--warn:#F0B429;--bad:#FF6B5E;
--fd:'Lexend Exa','Arial Black','Helvetica Neue',sans-serif;
--fb:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',sans-serif;
--mono-num:tabular-nums;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
--rad:2px;--lbl:0.16em;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
background-color:var(--bg);
background-image:
 linear-gradient(to right,rgba(232,238,245,.045) 1px,transparent 1px),
 linear-gradient(to bottom,rgba(232,238,245,.045) 1px,transparent 1px),
 linear-gradient(to right,rgba(232,238,245,.018) 1px,transparent 1px),
 linear-gradient(to bottom,rgba(232,238,245,.018) 1px,transparent 1px);
background-size:128px 128px,128px 128px,32px 32px,32px 32px;
color:var(--body);
font-family:var(--fb);font-size:15px;line-height:1.55;
font-variant-numeric:tabular-nums;
overflow-x:hidden;
}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px}
/* grid/flex children must be allowed to shrink or a nowrap child widens the page */
.calc>*,.opts>*,.u3>*,.bizrow>*,.fgrid>*,.plans>*,.scope-out>*,.grid2>*,.cluster-grid>*,.wall-row>*,.doc>*,.calcsum>*{min-width:0}
.opts button,.u3 button,.btn,.seg button{overflow-wrap:anywhere}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
svg{display:block}
.skip{position:absolute;left:-9999px;top:0;background:var(--cyan);color:#04141B;padding:8px 12px;z-index:200}
.skip:focus{left:8px;top:8px}
.mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.k{font-family:var(--fd);font-size:10.5px;font-weight:700;letter-spacing:var(--lbl);text-transform:uppercase;color:var(--dim)}
.kc{color:var(--cyan)}.km{color:var(--magenta)}.ko{color:var(--ok)}.kw{color:var(--warn)}
.hr{height:1px;background:var(--line);border:0;margin:0}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);border-radius:var(--rad);
 padding:3px 8px;font-family:var(--fd);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
a.chip{min-height:40px}
.skip{min-height:40px;line-height:24px}
.chip.live{color:var(--ok);border-color:rgba(61,220,151,.45)}
.chip.sample{color:var(--warn);border-color:rgba(240,180,41,.5)}
.chip.stale{color:var(--bad);border-color:rgba(255,107,94,.5)}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(61,220,151,.7);animation:pl 2.1s infinite}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(61,220,151,.65)}70%{box-shadow:0 0 0 7px rgba(61,220,151,0)}100%{box-shadow:0 0 0 0 rgba(61,220,151,0)}}
.pulse.sample{background:var(--warn);animation:none}
.pulse.stale{background:var(--bad);animation:none}
.skip-note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
