/* SMI content rules, restyled to the /app (v22) type system.
   Chrome = /app exactly. Readable content = /app body face (IBM Plex Mono) at /app body size
   (13px desktop, 14px mobile); never smaller. Big numbers = /app .wl-big (Space Grotesk 700 28px). */
html{background:#07090e}
html,body{height:auto;min-height:100%}
.hero{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px}
.hero .cell{border:1px solid var(--line-bright);border-radius:var(--radius);background:var(--panel);padding:14px}
.huge{font-family:var(--disp);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.35;margin:8px 0 6px}
.huge.unk{font-size:18px;color:var(--ink2);font-weight:700;line-height:1.35;margin-top:10px}
.cap{font-family:var(--mono);font-size:13px;color:var(--ink2);line-height:1.5}
.srcline{font-family:var(--sans);font-size:13px;color:var(--ink3);line-height:1.6;margin-top:10px}
.srcline .ex{margin-right:8px}
.chart{width:100%;height:auto;display:block;margin-top:12px}
.bars{list-style:none;margin:8px 0 0;padding:0}
.bars li{display:grid;grid-template-columns:170px 1fr 48px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13px}
.bars li:last-child{border-bottom:none}
.bars .track{height:8px;background:#ffffff0a;border-radius:2px;overflow:hidden}
.bars .fill{height:100%;background:var(--signal)}
.bars .v{text-align:right;font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}
.q{display:grid;grid-template-columns:120px 150px 1fr;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.q:last-of-type{border-bottom:none}
.q .t{font-family:var(--disp);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}
.q .t .unkish{font-size:13px;color:var(--ink2);font-weight:600}
.split{height:10px;display:flex;border-radius:2px;overflow:hidden;background:#ffffff0a}
.split .k{background:var(--signal)}
.split .u{background:repeating-linear-gradient(135deg,#ffffff22 0 4px,#ffffff0d 4px 8px)}
.legend{display:flex;gap:16px;font-family:var(--mono);font-size:13px;color:var(--ink3);margin-top:10px;flex-wrap:wrap}
.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:0}
.tbl{font-size:13px}
.tbl td.m{color:var(--ink2)}
.price-soon{font-family:var(--disp);font-size:18px;font-weight:700;margin:10px 0 4px;color:var(--ink2)}
.attr a,.disclaimer a,.doc a{color:var(--ink2)}
.disclaimer p{font-family:var(--mono);font-size:13px;line-height:1.5;color:var(--ink2);margin:10px 0 0}
.disclaimer strong{color:var(--ink);font-weight:600}
.doc{max-width:860px}
.doc h2{font-family:var(--disp);font-size:18px;font-weight:700;margin:24px 0 8px}
.doc h3{font-family:var(--disp);font-size:15px;font-weight:700;margin:18px 0 6px}
.doc p,.doc li{font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--ink2)}
.doc p b,.doc li b{color:var(--ink);font-weight:600}
.doc ul{padding-left:20px;margin:6px 0}
.doc code{font-family:var(--mono);font-size:13px;color:var(--ink)}
.doc table{width:100%;border-collapse:collapse;margin:8px 0;font-family:var(--mono);font-size:13px}
.doc th{text-align:left;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);padding:8px 10px 8px 0;border-bottom:1px solid var(--line)}
.doc td{padding:10px 10px 10px 0;border-bottom:1px solid var(--line);color:var(--ink2);vertical-align:top;line-height:1.5}
.scroll{overflow-x:auto}
.tbl.kv td{padding:8px 10px}
.tbl.kv td:first-child{color:var(--ink2);width:34%;white-space:nowrap}
.site-foot a{color:var(--ink2)}
@media (width>=640px){.tbl td.ms{white-space:nowrap}}
.footwrap .site-foot{margin-top:12px}
@media (width<=639.98px){
 .hero{grid-template-columns:1fr}
 .huge{font-size:24px}
 .cap,.srcline,.legend,.disclaimer p,.doc p,.doc li,.doc table,.doc code,.bars li,.bars .v{font-size:14px}
 .bars li{grid-template-columns:108px 1fr 40px;gap:8px}
 .q{grid-template-columns:1fr auto;gap:8px}
 .q>div:last-child{grid-column:1/-1}
 .tbl .hm{display:none}
 .doc{padding:4px}
 .doc th{font-size:11px}
}

.site-foot .legal71 p{margin:8px 0 0}.site-foot .legal71{margin:4px 0 8px}
.cadence{border:1px solid var(--line-bright);border-radius:var(--radius);background:var(--panel);padding:14px;margin-bottom:12px}
.cadence .huge{font-size:40px;margin:4px 0}
.cadence-spark{width:280px;height:36px;display:block;margin-top:8px}
@media (width<=639.98px){.cadence .huge{font-size:32px}}