/* ----------------------------------------------------------------- status bar (sticky) */
.sbar{position:sticky;top:0;z-index:60;background:rgba(7,9,11,.94);backdrop-filter:blur(6px);
 border-bottom:1px solid var(--line2)}
.sbar-top{display:flex;align-items:center;gap:var(--s4);min-height:44px}
.mark{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-height:40px}
.mark svg{width:20px;height:20px}
.mark .wm{font-family:var(--fd);font-weight:700;font-size:15px;letter-spacing:.22em;color:var(--ink)}
.mark .mt{font-family:var(--fd);font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--magenta);
 border-left:1px solid var(--line2);padding-left:9px;white-space:nowrap}
.tabs{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{display:block;padding:8px 10px;font-family:var(--fd);font-size:10px;font-weight:700;letter-spacing:.13em;
 text-transform:uppercase;color:var(--dim);border-radius:var(--rad);white-space:nowrap;min-height:40px;
 display:flex;align-items:center}
.tabs a:hover{color:var(--ink);background:var(--panel);text-decoration:none}
.tabs a[aria-current="page"]{color:var(--bg);background:var(--cyan)}
.sbar-meta{display:flex;align-items:center;gap:var(--s3);flex:0 0 auto}
.strip{display:flex;align-items:stretch;gap:0;border-top:1px solid var(--line);overflow:hidden}
.cell{display:flex;flex-direction:column;justify-content:center;padding:5px 11px 6px;border-right:1px solid var(--line);
 flex:0.85 1 0;min-width:0}
.cell[data-cell="p50"],.cell[data-cell="p75"],.cell[data-cell="p95"],.cell[data-cell="p99"]{flex:1.25 1 0}
.cell[data-cell="slot"]{flex:1.15 1 0}
.cell[data-cell="samples"],.cell[data-cell="age"],.cell[data-cell="usd"]{flex:0.72 1 0}
.cell:last-child{border-right:0}
.cell .v{font-family:var(--fd);font-weight:700;font-size:20px;line-height:1.05;color:var(--ink);
 letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cell .so{font-size:11.5px;color:var(--body);white-space:nowrap;line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.cell[data-cell="p50"] .v{color:var(--cyan)}
.cell[data-cell="p95"] .v{color:var(--magenta)}
.cell[data-cell="slot"] .v{font-size:15px;color:var(--body)}
.cell[data-cell="samples"] .v,.cell[data-cell="age"] .v,.cell[data-cell="usd"] .v{font-size:17px;color:var(--body)}
.cell.hi{background:linear-gradient(180deg,rgba(255,93,162,.12),rgba(255,93,162,0))}
.cell.tick .v{transition:transform .18s ease-out}
.cell.tick .v.up{transform:translateY(-1px);color:var(--ok)}
.cell.tick .v.down{transform:translateY(1px)}
body[data-fallback="1"] .cell .v,body[data-fallback="1"] .gv{color:var(--warn)}

/* --------------------------------------------------------------------------- section shell */
.sec{padding:15px 0 20px;border-bottom:1px solid var(--line)}
.sec-head{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap;margin-bottom:14px}
.sec-head h2{font-family:var(--fd);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
 color:var(--ink);margin:0}
.sec-head .idx{font-family:var(--fd);font-size:10px;font-weight:700;color:var(--magenta);letter-spacing:.12em}
.sec-head p{margin:0;font-size:12.5px;color:var(--dim);max-width:62ch}
.sec-head .right{margin-left:auto;display:flex;align-items:center;gap:8px;align-self:center}

/* ------------------------------------------------------------------------------ cluster */
.cluster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.gauge{margin:0;border:1px solid var(--line2);border-radius:var(--rad);background:
 linear-gradient(180deg,rgba(19,28,36,.75),rgba(14,19,25,.5));padding:3px 7px 5px;position:relative;overflow:hidden}
.gauge::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:var(--acc,var(--cyan));opacity:.8}
.gauge svg{width:100%;height:auto}
.gauge .track{fill:none;stroke:var(--line);stroke-width:9;stroke-linecap:round}
.gauge .val{fill:none;stroke:var(--acc,var(--cyan));stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .5s ease-out}
.gauge .tk{stroke:#55636F;stroke-width:1.1}
.gauge .tk.maj{stroke:#8291A0;stroke-width:1.6}
.gauge .tkl{fill:#93A0AE;font-family:var(--fb);font-size:8px;letter-spacing:.04em}
.gauge .gl{fill:#93A0AE;font-family:var(--fd);font-size:8px;font-weight:700;letter-spacing:.14em}
.gauge .needle line{stroke:var(--ink);stroke-width:2}
.gauge .needle .casing{stroke:#07090B;stroke-width:4.6}
.gauge .needle .hub{fill:var(--bg);stroke:var(--ink);stroke-width:1.6}
.gauge .needle{transition:transform .55s cubic-bezier(.22,.9,.3,1)}
.gauge .gv{fill:var(--ink);font-family:var(--fd);font-weight:700;font-size:21px;letter-spacing:-.02em}
.gauge .gs{fill:var(--dim);font-family:var(--fb);font-size:10.5px}
.gauge figcaption{display:flex;justify-content:space-between;gap:8px;margin-top:3px;align-items:baseline}
.gauge figcaption .nm{font-family:var(--fd);font-weight:700;font-size:10.5px;letter-spacing:.14em;color:var(--acc,var(--ink))}
.gauge figcaption .sc{font-size:10.5px;color:var(--dim);white-space:nowrap}
/* a pegged needle keeps the band's own colour; only the caption and the base tick flag it */
.gauge[data-peg="1"] .sc{color:var(--warn)}
.gauge[data-peg="1"]::after{background:var(--warn)}
.gauge[data-band="p95"]{--acc:#FF5DA2}
.gauge[data-band="p50"]{--acc:#38E1FF}
.gauge[data-band="p75"]{--acc:#3DDC97}
.gauge[data-band="p99"]{--acc:#E8EEF5}
/* the brand motif: one column per band, reticle on the armed band */
.wall{margin-top:12px;border:1px solid var(--line2);border-radius:var(--rad);background:rgba(14,19,25,.6);
 padding:9px 11px;display:flex;gap:14px;align-items:stretch}
.wall>.k{flex:0 0 auto;line-height:1.3;padding-top:2px}
.wall-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;flex:1 1 auto;min-width:0}
.wc{display:flex;flex-direction:column;gap:3px;min-width:0}
.wc .wb{height:34px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line2)}
.wc .wb i{display:block;width:100%;background:linear-gradient(180deg,rgba(56,225,255,.85),rgba(56,225,255,.2));
 border-radius:1px;transition:height .5s ease-out}
.wc b{font-family:var(--fd);font-size:13.5px;font-weight:700;color:var(--body);font-variant-numeric:tabular-nums}
.wc .k{font-size:9.5px}
.wc[data-band="p50"] .wb i{background:linear-gradient(180deg,rgba(56,225,255,.85),rgba(56,225,255,.2))}
.wc[data-band="p75"] .wb i{background:linear-gradient(180deg,rgba(61,220,151,.85),rgba(61,220,151,.2))}
.wc[data-band="p95"] .wb i{background:linear-gradient(180deg,rgba(255,93,162,.85),rgba(255,93,162,.2))}
.wc[data-band="p99"] .wb i{background:linear-gradient(180deg,rgba(232,238,245,.8),rgba(232,238,245,.15))}
.wc.act{outline:1px solid var(--magenta);outline-offset:3px}
.wc.act b{color:var(--magenta)}
.wc.act[data-band="p50"]{outline-color:var(--cyan)}
.wc.act[data-band="p50"] b{color:var(--cyan)}
.hist{margin-top:12px;border:1px solid var(--line2);border-radius:var(--rad);background:rgba(14,19,25,.6);padding:8px 10px 4px;overflow:hidden}
#chart .uplot,#chart .u-wrap,#chart canvas{max-width:100%!important}
.hist-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.hist-head .t{font-family:var(--fd);font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--ink)}
.legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:4px 0 2px}
.legend i{display:inline-block;width:14px;height:2px;margin-right:5px;vertical-align:middle}
.legend span{font-size:11px;color:var(--dim)}
.legend b{font-family:var(--fd);font-weight:700;font-size:10.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.hist-sub{font-size:11px;color:var(--dim);margin:2px 0 3px;line-height:1.35}
#chart{width:100%;height:185px}
.u-legend{table-layout:auto!important;font-family:var(--fb)!important;font-size:10.5px!important;color:var(--dim)!important;
 display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:2px!important}
.u-legend .u-marker{width:8px!important;height:8px!important;margin-right:4px!important}
.u-legend th{font-weight:400!important;color:var(--dim)!important;padding-right:3px!important}
.u-legend td{color:var(--ink)!important;font-weight:700!important;padding-right:8px!important}
.uplot{font-family:var(--fb)!important}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:var(--rad);overflow:hidden}
.seg button{appearance:none;background:transparent;border:0;border-right:1px solid var(--line2);color:var(--dim);
 font-family:var(--fd);font-size:10.5px;font-weight:700;letter-spacing:.12em;padding:0 11px;min-height:40px;cursor:pointer;
 text-transform:uppercase}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--cyan);color:#04141B}
.seg[data-kind="y"] button[aria-pressed="true"]{background:var(--magenta);color:#150510}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"]:hover{color:#04141B}

/* ----------------------------------------------------------------------------- calculator */
.calc{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:14px;align-items:start}
.calcpane{border:1px solid var(--line2);border-radius:var(--rad);background:rgba(14,19,25,.7);padding:12px}
.field{margin-bottom:14px}
.field:last-child{margin-bottom:0}
.field .k{display:block;margin-bottom:6px}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.opts button,.u3 button{appearance:none;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--rad);
 color:var(--body);font-family:var(--fb);font-size:12.5px;padding:8px 9px;min-height:40px;cursor:pointer;text-align:left}
.opts button small,.u3 button small{display:block;font-size:10.5px;color:var(--dim);font-family:var(--fb)}
.u3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.u3 button{text-align:center}
.opts button[aria-pressed="true"],.u3 button[aria-pressed="true"]{border-color:var(--cyan);background:rgba(56,225,255,.11);color:var(--ink)}
.u3 button[aria-pressed="true"]{border-color:var(--magenta);background:rgba(255,93,162,.12)}
.num{width:100%;background:var(--bg);border:1px solid var(--line2);border-radius:var(--rad);color:var(--ink);
 font-family:var(--fd);font-size:15px;font-weight:700;padding:8px 10px;min-height:40px;font-variant-numeric:tabular-nums}
.chk{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--body);min-height:44px}
.chk input{width:26px;height:26px;accent-color:#38E1FF}
.calcsum{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.stat{border:1px solid var(--line2);border-radius:var(--rad);padding:7px 10px;background:rgba(7,9,11,.5);min-width:120px}
.stat .k{display:block}
.stat b{font-family:var(--fd);font-size:17px;font-weight:700;color:var(--ink)}
.stat.save b{color:var(--ok)}
.stat.hot b{color:var(--magenta)}
.formula{margin:10px 0 0;font-size:11.5px;color:var(--dim);line-height:1.5}
.formula code{color:var(--body);font-family:var(--fb);background:var(--panel2);padding:1px 5px;border-radius:2px;font-size:11px}
.scrollx{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%}
table.grid{border-collapse:collapse;width:100%;min-width:640px}
table.grid th,table.grid td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--line);font-size:13px;
 white-space:nowrap;font-variant-numeric:tabular-nums}
table.grid th:first-child,table.grid td:first-child{text-align:left}
table.grid thead th{font-family:var(--fd);font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
 color:var(--dim);border-bottom:1px solid var(--line2)}
table.grid tbody tr{position:relative}
table.grid tbody tr.active td{background:rgba(255,93,162,.1)}
table.grid tbody tr.active td:first-child{box-shadow:inset 3px 0 0 var(--magenta)}
table.grid td.v{color:var(--ink);font-weight:700}
table.grid td.dim{color:var(--dim)}
table.grid tbody tr:hover td{background:rgba(56,225,255,.05)}

/* --------------------------------------------------------------------------------- stream */
.streamctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
input.filter{background:var(--bg);border:1px solid var(--line2);border-radius:var(--rad);color:var(--ink);font-family:var(--fb);
 font-size:12.5px;padding:8px 10px;min-height:40px;min-width:180px}
select.filter{background:var(--bg);border:1px solid var(--line2);border-radius:var(--rad);color:var(--ink);font-family:var(--fb);
 font-size:12.5px;padding:8px 10px;min-height:40px}
input.filter::placeholder{color:#9AA7B4;opacity:1}
.btn{appearance:none;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--rad);color:var(--body);
 font-family:var(--fd);font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:0 12px;
 min-height:40px;cursor:pointer}
.btn:hover{color:var(--ink);border-color:var(--line2);background:#1A2530}
.btn[aria-pressed="true"]{background:var(--warn);color:#1B1200;border-color:var(--warn)}
table.stream{border-collapse:collapse;width:100%;min-width:700px}
table.stream th,table.stream td{padding:6px 9px;border-bottom:1px solid var(--line);font-size:12.5px;text-align:right;
 white-space:nowrap;font-variant-numeric:tabular-nums}
table.stream th:first-child,table.stream td:first-child,
table.stream th:nth-child(2),table.stream td:nth-child(2){text-align:left}
table.stream thead th{font-family:var(--fd);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
 color:var(--dim);position:sticky;top:0;background:var(--bg);z-index:2}
table.stream td.n{color:var(--ink)}
table.stream td.m{color:var(--magenta)}
table.stream td.c{color:var(--cyan)}
table.stream tr.up td.d{color:var(--ok)}
table.stream tr.down td.d{color:var(--bad)}
table.stream tr.fresh{animation:flashrow 1.15s ease-out 1}
@keyframes flashrow{0%{background:rgba(56,225,255,.22)}100%{background:transparent}}
.streambox{max-height:352px;overflow-y:auto;border:1px solid var(--line2);border-radius:var(--rad)}
.empty{padding:18px;color:var(--dim);font-size:12.5px}

/* ------------------------------------------------------------------------- business strip */
.biz{background:linear-gradient(180deg,rgba(14,19,25,.85),rgba(7,9,11,.4));border-top:1px solid var(--line2)}
.bizrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bcell{border:1px solid var(--line2);border-radius:var(--rad);padding:12px;background:rgba(7,9,11,.45)}
.bcell h3{font-family:var(--fd);font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);margin:0 0 6px}
.bcell p{margin:0 0 8px;font-size:12.5px;color:var(--body)}
.bcell a.more{font-family:var(--fd);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
 display:inline-flex;align-items:center;min-height:40px}
.ca{display:flex;align-items:center;gap:8px;border:1px dashed var(--line2);border-radius:var(--rad);padding:7px 9px;background:rgba(7,9,11,.6)}
.ca .addr{font-size:11.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tok-copy{appearance:none;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--rad);color:var(--body);
 font-family:var(--fd);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:0 10px;min-height:40px;cursor:pointer}
.cta{display:inline-flex;align-items:center;gap:8px;background:var(--magenta);color:#150510;font-family:var(--fd);font-weight:700;
 font-size:11px;letter-spacing:.13em;text-transform:uppercase;padding:0 14px;min-height:40px;border-radius:var(--rad)}
.cta:hover{text-decoration:none;filter:brightness(1.08)}

/* -------------------------------------------------------------------------------- footer */
footer{padding:22px 0 40px}
.fgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
.fgrid ul{list-style:none;margin:0;padding:0}
.fgrid li{margin-bottom:0}
.fgrid a{font-size:13px;color:var(--body);display:flex;align-items:center;min-height:40px}
.foot-note{margin-top:18px;font-size:11.5px;color:var(--dim);max-width:96ch}
.foot-note p{margin:0 0 6px}
.footbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}

/* ---------------------------------------------------------------------------- doc layout */
.doc{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:26px;align-items:start;padding:24px 0 30px}
.rail{border-right:1px solid var(--line);padding-right:16px;position:sticky;top:130px}
.rail .k{display:block;margin-bottom:8px}
.rail ul{list-style:none;margin:0 0 16px;padding:0}
.rail li{margin-bottom:2px}
.rail a{display:flex;align-items:center;font-family:var(--fd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
 color:var(--dim);padding:7px 0;min-height:40px}
.rail a[aria-current="page"]{color:var(--cyan)}
.rail a:hover{color:var(--ink);text-decoration:none}
.docbody h1{font-family:var(--fd);font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;line-height:1.2}
.docbody h2{font-family:var(--fd);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
 margin:26px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.docbody h3{font-family:var(--fd);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin:16px 0 5px}
.docbody p{margin:0 0 10px;max-width:74ch;color:var(--body)}
.docbody ul,.docbody ol{margin:0 0 12px;padding-left:18px;max-width:74ch}
.docbody li{margin-bottom:5px}
.docbody code{background:var(--panel2);padding:1px 5px;border-radius:2px;font-size:12px;color:var(--ink)}
.lede{font-size:16px;color:var(--ink)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card{border:1px solid var(--line2);border-radius:var(--rad);padding:13px;background:rgba(14,19,25,.6)}
.card h3{margin-top:0}
pre.code{background:#04070A;border:1px solid var(--line2);border-radius:var(--rad);padding:12px;overflow-x:auto;
 font-family:var(--fb);font-size:12px;color:var(--body);line-height:1.5;margin:0 0 12px}
pre.code b{color:var(--cyan);font-weight:400}
pre.code i{color:var(--dim);font-style:normal}
.bars{display:flex;gap:2px;align-items:flex-end;height:44px;margin:8px 0 4px}
.bars i{flex:1 1 0;background:var(--ok);height:100%;border-radius:1px;min-width:2px}
.bars i.down{background:var(--bad)}
.bars i.warn{background:var(--warn)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.plan{border:1px solid var(--line2);border-radius:var(--rad);padding:14px;background:rgba(14,19,25,.6);display:flex;flex-direction:column}
.plan.feat{border-color:var(--magenta);box-shadow:inset 0 0 0 1px rgba(255,93,162,.25)}
.plan .price{font-family:var(--fd);font-size:30px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.1}
.plan .per{font-size:11px;color:var(--dim)}
.plan ul{margin:10px 0 0;padding-left:16px;font-size:12.5px}
.toggle{display:inline-flex;border:1px solid var(--line2);border-radius:var(--rad);overflow:hidden}
.toggle button{appearance:none;background:transparent;border:0;color:var(--dim);font-family:var(--fd);font-size:9.5px;font-weight:700;
 letter-spacing:.12em;text-transform:uppercase;padding:0 12px;min-height:34px;cursor:pointer}
.toggle button[aria-pressed="true"]{background:var(--cyan);color:#04141B}
.note{border-left:2px solid var(--warn);padding:8px 12px;background:rgba(240,180,41,.06);font-size:12.5px;color:var(--body);margin:0 0 12px}
.qa{border-bottom:1px solid var(--line);padding:12px 0}
.qa h3{margin:0 0 5px;color:var(--ink);font-size:12px;letter-spacing:.06em;text-transform:none}
.qa p{margin:0;font-size:13px}
.scope-out{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.scope-out .stat{min-width:0}
.scope-out .stat b{font-size:14px;word-break:break-all}
table.mini{border-collapse:collapse;width:100%}
table.mini th,table.mini td{padding:6px 8px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}
table.mini th{font-family:var(--fd);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:700}
table.mini td.r{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}

/* ---------------------------------------------------------------------------------- mobile */
@media (max-width:1080px){
 .calc{grid-template-columns:minmax(0,1fr)}
 .cluster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .gauge .gv{font-size:20px}
 .bizrow{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .doc{grid-template-columns:minmax(0,1fr);gap:14px}
 .rail{border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px;position:static}
 .rail ul{display:flex;flex-wrap:wrap;gap:2px}
 .rail li{margin:0}
 .rail a{padding:8px 10px;min-height:40px;display:flex;align-items:center}
 .plans{grid-template-columns:minmax(0,1fr)}
 .scope-out{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
 .mark .mt{display:none}
 .cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .gauge .gv{font-size:19px}
 .wall{flex-direction:column;gap:8px}
 .wall>.k{padding-top:0}
 .wall-row{gap:6px}
 .wc b{font-size:12px}
 .cell[data-cell="p75"],.cell[data-cell="p99"],.cell[data-cell="samples"]{display:none}
 .cell{padding:4px 9px 5px}
 .cell .v{font-size:18px}
 .cell[data-cell="slot"] .v{font-size:15px}
 .sec{padding:15px 0 18px}
 #chart{height:175px}
 .fgrid{grid-template-columns:minmax(0,1fr)}
 .bizrow{grid-template-columns:minmax(0,1fr)}
 .grid2{grid-template-columns:minmax(0,1fr)}
 .docbody h1{font-size:20px}
 body{font-size:14.5px}
}
@media (max-width:420px){
 .gauge .gv{font-size:17px}
 .cell[data-cell="usd"],.cell[data-cell="slot"]{display:none}
 .cell .v{font-size:18px}
 .wc .wb{height:30px}
}
@media (prefers-reduced-motion:reduce){
 *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}