/* PropBetEdge Compare — sports-tech market terminal on the warm PropBetEdge palette (Members tokens).
   Prices in a tabular mono; fixed tile geometry so live data never shifts layout; no navy, no cold greys. */
:root{
  color-scheme:dark;
  --ink:#0C0B09;--ink-2:#151411;--ink-3:#1e1c18;--ink-4:#29261f;--ink-5:#353127;
  --paper:#F4F1EA;--muted:#a8a197;--faint:#7e7a72;
  --line:rgba(242,239,232,.09);--line-2:rgba(242,239,232,.18);--line-3:rgba(242,239,232,.28);
  --gold:#F5A623;--gold-2:#c98a1c;--gold-soft:rgba(245,166,35,.12);--bolt:#E0701B;
  --k:#e8e3d9;--p:#d0a35a;--pbe:#F5A623;
  --up:#6fd4a1;--dn:#e69a90;--warn:#e0b45a;--err:#e69a90;
  --r:12px;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--disp:Oswald,Inter,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--ink)}
body{margin:0;color:var(--paper);font:14px/1.45 var(--font);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background:
    radial-gradient(1200px 500px at 85% -10%,rgba(200,156,82,.11),transparent 60%),
    linear-gradient(rgba(242,239,232,.022) 1px,transparent 1px) 0 0/100% 32px,
    var(--ink)}
body.drawer-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
button:disabled{cursor:default}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.wrap{width:min(1480px,calc(100% - 32px));margin:0 auto}
.flex{flex:1}
.muted{color:var(--muted)}.small{font-size:12px;color:var(--muted)}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--gold);margin:0 0 6px}

/* ---------- top bar + hub nav ---------- */
.top{position:sticky;top:0;z-index:40;background:rgba(14,13,11,.88);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--line)}
.top-in{height:58px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{display:block;border-radius:8px}
.brand span{display:grid;line-height:1}
.brand b{font:600 14px/1 var(--disp);letter-spacing:.14em}
.brand small{font-size:9px;letter-spacing:.32em;color:var(--gold);margin-top:5px;font-weight:800}
.venues{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--ink-2)}
.venues img{border-radius:4px;display:block}.venues i{font-style:normal;color:var(--faint);font-size:11px}.venues b{font:700 10px var(--mono);color:var(--gold);letter-spacing:.08em}
.top-nav{margin-left:auto;display:flex;gap:16px;align-items:center;font-size:12px;font-weight:700;color:var(--muted)}
.top-nav a:hover{color:var(--paper)}
.chip{border:1px solid var(--line-2);padding:7px 11px;border-radius:999px;color:var(--paper)!important;font-size:10px;letter-spacing:.1em;white-space:nowrap}
.chip[data-state=entitled]{border-color:rgba(245,166,35,.5);color:var(--gold)!important;background:var(--gold-soft)}
.hubnav{border-top:1px solid var(--line)}
.hubs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;height:44px;align-items:stretch}
.hubs::-webkit-scrollbar{display:none}
.hubs button{flex:none;display:flex;align-items:center;gap:7px;padding:0 13px;font:600 12.5px/1 var(--disp);letter-spacing:.12em;color:var(--muted);border-bottom:2px solid transparent;transition:color .15s}
.hubs button:hover{color:var(--paper)}
.hubs button[aria-selected=true]{color:var(--paper);border-bottom-color:var(--gold)}
.hubs button em{font:700 10px/1 var(--mono);font-style:normal;padding:3px 6px;border-radius:5px;background:var(--ink-3);color:var(--muted);letter-spacing:0}
.hubs button[aria-selected=true] em{background:var(--gold-soft);color:var(--gold)}
.hubs button.off{opacity:.5}.hubs button small{font:700 8.5px var(--font);letter-spacing:.12em;color:var(--faint)}
.dot-live{width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px rgba(111,212,161,.15)}

/* ---------- health + notices ---------- */
.health{display:flex;align-items:center;min-height:38px;padding:8px 0}
.health-line{display:flex;gap:8px;align-items:center;font:500 11px var(--mono);color:var(--faint);letter-spacing:.02em}
.dot{width:7px;height:7px;border-radius:50%;background:var(--faint);flex:none}
.dot[data-level=ok]{background:var(--up);box-shadow:0 0 0 4px rgba(111,212,161,.12)}
.dot[data-level=warn]{background:var(--warn)}.dot[data-level=auth]{background:var(--gold)}
.notices{display:grid;gap:6px;margin-bottom:6px}
.notices:empty{display:none}
.notice{font-size:12.5px;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--ink-2);border-left:3px solid var(--faint)}
.n-error{border-left-color:var(--err)}.n-warn{border-left-color:var(--warn)}.n-auth{border-left-color:var(--gold)}.n-info{color:var(--muted)}

/* ---------- gate ---------- */
.gate{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:40px 0 56px}
.gate h1{font:600 clamp(30px,4.2vw,54px)/1.02 var(--disp);letter-spacing:.01em;margin:0 0 14px;text-transform:uppercase}
.gate p{color:var(--muted);font-size:16px;max-width:620px}
.gate-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.gate-actions small{flex-basis:100%;color:var(--faint)}
.btn{display:inline-flex;align-items:center;padding:11px 16px;border-radius:10px;border:1px solid var(--line-2);font-weight:800;font-size:13px;background:var(--ink-2)}
.btn.primary{background:var(--gold);color:#17110a;border-color:var(--gold)}
.blur b,.blur{filter:blur(3.5px)}
.tile.demo{pointer-events:none;max-width:460px;margin-left:auto}

/* ---------- hub header ---------- */
.hub-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;padding:14px 0 16px;border-bottom:1px solid var(--line)}
.hub-head h1{font:600 clamp(26px,3vw,38px)/1 var(--disp);letter-spacing:.04em;margin:0;text-transform:uppercase}
.stats{display:flex;flex-wrap:wrap;gap:6px}
.stat{display:grid;gap:3px;min-width:92px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,var(--ink-3),var(--ink-2))}
.stat small{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--faint)}
.stat b{font:700 20px/1 var(--mono)}
.stat.live b{color:var(--up)}.stat.gold b{color:var(--gold)}
.hub-bar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;padding:12px 0}
.when,.chips{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.when::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}
.when button,.chips button{flex:none;display:flex;gap:6px;align-items:center;padding:7px 11px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);background:var(--ink-2)}
.when button[aria-selected=true],.chips button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.when button:disabled{opacity:.35}
.when em,.chips em{font:700 10px var(--mono);font-style:normal;opacity:.75}

/* ---------- sections ---------- */
.sec{margin:18px 0 6px}
.sec-head{display:flex;align-items:baseline;gap:8px 12px;margin:0 0 10px;flex-wrap:wrap}
.sec-head h2{font:600 14px/1 var(--disp);letter-spacing:.18em;margin:0;display:flex;align-items:center;gap:8px}
.sec-head small{color:var(--faint);font-size:11px}
.sport-sec{padding-top:14px;border-top:1px solid var(--line)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--up);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(111,212,161,.5)}70%{box-shadow:0 0 0 8px rgba(111,212,161,0)}100%{box-shadow:0 0 0 0 rgba(111,212,161,0)}}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}}
.soon{display:grid;gap:4px;padding:14px;border:1px dashed var(--line-2);border-radius:var(--r);color:var(--muted);font-size:12px}
.soon b{font:600 12px var(--disp);letter-spacing:.16em;color:var(--paper)}

/* ---------- tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:10px}
.tile{display:grid;gap:8px;width:100%;padding:12px 13px 10px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,var(--ink-3) 0%,var(--ink-2) 60%);position:relative;transition:border-color .15s,transform .15s;min-height:176px;align-content:start}
.tile:hover{border-color:var(--line-3)}
.tile.is-open{border-color:rgba(245,166,35,.6);box-shadow:0 0 0 1px rgba(245,166,35,.25)}
.tile.is-live{border-color:rgba(111,212,161,.35)}
.tile.is-live::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:12px 0 0 12px;background:var(--up)}
.tile.tier-3{opacity:.66}
.tile.skel{min-height:176px;background:linear-gradient(90deg,var(--ink-2),var(--ink-3),var(--ink-2));background-size:200% 100%;animation:sk 1.4s infinite}
@keyframes sk{to{background-position:-200% 0}}
.th{display:flex;align-items:center;gap:8px;font-size:11px;min-height:20px}
.sport{font:700 10px var(--mono);letter-spacing:.12em;color:var(--gold)}
.when{color:var(--muted)}
.th .when{display:inline;padding:0;border:0;background:none;font-size:11px;font-weight:500;letter-spacing:0}
.tt{font:600 15px/1.15 var(--disp);letter-spacing:.06em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg{display:grid;gap:4px}
.tr{display:grid;grid-template-columns:minmax(0,1fr) 74px 74px 58px;gap:6px;align-items:center;min-height:34px}
.thd{min-height:16px}
.vh{display:flex;align-items:center;gap:5px;font-size:8.5px;font-weight:800;letter-spacing:.12em;color:var(--faint);white-space:nowrap;overflow:hidden}
.vh img{border-radius:3px;flex:none}
.tr .vh:last-child{justify-content:flex-end}
.who{display:flex;align-items:center;gap:8px;min-width:0}
.nm{font-weight:800;font-size:13px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pts{font:700 15px var(--mono);margin-left:auto;padding-right:4px}
.av{flex:none;display:grid;place-items:center;border-radius:8px;background:var(--ink);border:1px solid var(--line);overflow:hidden}
.av img{width:100%;height:100%;object-fit:contain}
.av i{font:700 10px var(--mono);font-style:normal;color:var(--muted)}
.av-photo{border-radius:50%}.av-photo img{object-fit:cover;object-position:50% 18%}
.av-md{width:30px;height:30px}.av-sm{width:22px;height:22px}.av-lg{width:48px;height:48px}
.av-logo img{padding:3px}
.px{display:grid;justify-items:start;padding:5px 8px;border-radius:7px;background:var(--ink);border:1px solid var(--line);min-width:0}
.px b{font:700 14px/1.1 var(--mono)}
.px small{font:500 9px var(--mono);color:var(--faint)}
.tr .px:nth-child(2){box-shadow:inset 2px 0 0 rgba(232,227,217,.55)}
.tr .px:nth-child(3){box-shadow:inset 2px 0 0 rgba(208,163,90,.75)}
.px-rel b{color:var(--muted)}.px-rel{border-style:dashed;border-color:rgba(224,180,90,.4)}
.px-stale b{color:var(--faint);text-decoration:line-through rgba(126,122,114,.6)}
.px-none{color:var(--faint);font:600 13px var(--mono);justify-items:center}
.gap{display:grid;justify-items:end}
.gap b{font:700 14px/1.1 var(--mono)}.gap small{font:500 9px var(--mono);color:var(--faint)}
.gap.warm b{color:var(--paper)}.gap.hot b{color:var(--gold)}.gap.none b{color:var(--faint)}
.tf{display:flex;align-items:center;gap:8px;padding-top:7px;border-top:1px solid var(--line);font-size:10.5px;min-height:24px}
.age{font:500 10px var(--mono);color:var(--faint);white-space:nowrap}
.pbe-chip{font:700 10px var(--mono);color:var(--gold);padding:2px 7px;border-radius:5px;background:var(--gold-soft);white-space:nowrap}
.pbe-none{color:var(--faint);font-size:10.5px}
.badge{font-size:8.5px;font-weight:800;letter-spacing:.12em;padding:3px 7px;border-radius:5px;border:1px solid var(--line-2);color:var(--muted);white-space:nowrap}
.b-comparable{color:var(--up);border-color:rgba(111,212,161,.4)}
.b-rule-mismatch{color:var(--warn);border-color:rgba(224,180,90,.45)}
.b-withdrawn{color:var(--faint)}.b-single-venue{color:var(--muted)}
.join{font-size:8.5px;font-weight:800;letter-spacing:.1em;padding:2px 6px;border-radius:5px;border:1px dashed var(--line-2);color:var(--muted)}
.st{font:700 10px var(--mono);letter-spacing:.04em;color:var(--muted);display:inline-flex;gap:5px;align-items:center}
.st-live{color:var(--up)}.st-live i{width:6px;height:6px;border-radius:50%;background:var(--up)}
.st-warn{color:var(--warn)}
.mini{font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--warn);border:1px solid rgba(224,180,90,.4);border-radius:4px;padding:1px 4px;margin-left:6px}
.more{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 0 30px}
.more small{color:var(--faint);font-size:11px}
.act{border:1px solid var(--line-2);background:var(--ink-3);border-radius:8px;padding:7px 11px;font-size:11px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.act:hover{border-color:rgba(245,166,35,.5)}

/* ---------- live rail ---------- */
.live{margin-top:6px}
.live-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,320px);gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.lc{display:grid;gap:7px;text-align:left;width:100%;padding:12px;border:1px solid rgba(111,212,161,.32);border-radius:var(--r);background:linear-gradient(180deg,rgba(111,212,161,.07),var(--ink-2) 55%);min-height:150px;align-content:start}
.lc:hover{border-color:rgba(111,212,161,.6)}
.lc-h{display:flex;justify-content:space-between;align-items:center}
.lc-row{display:grid;grid-template-columns:22px 34px minmax(0,auto) 1fr 1fr 40px;gap:6px;align-items:center;font-size:11px}
.lc-row .pts{margin:0;font-size:16px}
.lc-bar{position:relative;height:20px;border-radius:5px;background:var(--ink);overflow:hidden;border:1px solid var(--line)}
.lc-bar i{position:absolute;inset:0 auto 0 0;background:rgba(232,227,217,.2)}
.lc-bar.p i{background:rgba(208,163,90,.3)}
.lc-bar em{position:relative;display:flex;align-items:center;gap:4px;font:700 10px/20px var(--mono);font-style:normal;padding-left:5px}
.lc-bar em img{border-radius:2px}
.lc-bar.rel i{opacity:.35}.lc-bar.rel em{color:var(--warn)}
.lc-gap{text-align:right;font:700 11px var(--mono)}
.lc-rel{color:var(--warn);font-size:10px}
.lc-age{color:var(--faint);font:500 10px var(--mono)}
.lc-score{display:grid;grid-template-columns:22px 1fr auto;gap:6px 8px;align-items:center}
.lc-score span{font:600 14px var(--disp);letter-spacing:.06em;color:var(--muted)}
.lc-score b{font:700 22px/1 var(--mono)}
.lc-plain{border-color:var(--line);background:var(--ink-2);opacity:.9}

/* ---------- drawer ---------- */
.drawer{position:fixed;inset:0;z-index:60}
.drawer-bg{position:absolute;inset:0;background:rgba(6,5,4,.55);backdrop-filter:blur(2px)}
.drawer-in{position:absolute;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--ink-2);border-left:1px solid var(--line-2);display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.45);animation:slide .18s ease-out}
@keyframes slide{from{transform:translateX(24px);opacity:.6}}
.dh{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--ink-3)}
.x{width:32px;height:32px;border-radius:8px;border:1px solid var(--line-2);display:grid;place-items:center;font-size:13px;margin-left:6px}
.drawer-body{overflow-y:auto;padding:14px 16px 28px;flex:1;overscroll-behavior:contain}
.drawer-body h2{font:600 22px/1.1 var(--disp);letter-spacing:.05em;margin:2px 0 12px}
.dc{border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:10px;background:var(--ink)}
.dc.focus{border-color:rgba(245,166,35,.6)}
.dc-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.dc-h b{font:600 16px var(--disp);letter-spacing:.06em}
.dc-h .pts{margin-left:8px;font-size:18px}
.dc-h .gap b{font-size:20px}
.dc-v{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dv{display:grid;gap:3px;padding:10px;border-radius:9px;border:1px solid var(--line);background:var(--ink-2);min-width:0}
.dv-h{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.dv-h img{border-radius:3px}
.dv b{font:700 24px/1.05 var(--mono)}.dv b.none{color:var(--faint)}
.dv-no{font:500 11px var(--mono);color:var(--faint)}
.dv small{font:500 10px var(--mono);color:var(--faint)}
.dv .ext{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.bar{height:4px;border-radius:2px;background:var(--ink-4);overflow:hidden;margin:3px 0}
.bar i{display:block;height:100%;background:var(--k)}.bar.polymarket i{background:var(--p)}
.dc-pbe{margin-top:8px;font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.dc-pbe b{font:700 14px var(--mono);color:var(--gold)}
.acts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.dsec{margin:6px 0}
.mv-block{margin-bottom:14px}
.mv-block h4{margin:0 0 6px;font:600 12px var(--disp);letter-spacing:.14em;color:var(--muted)}
.mv{border-collapse:collapse;width:100%;font:500 11.5px var(--mono)}
.mv th,.mv td{padding:5px 6px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.mv th:first-child{text-align:left;color:var(--muted);font:700 11px var(--font)}
.mv th img{vertical-align:-2px;border-radius:2px}
.mv thead th{font:700 9.5px var(--mono);color:var(--faint);letter-spacing:.08em}
.mv td.up{color:var(--up)}.mv td.dn{color:var(--dn)}
.spark-fig{margin:8px 0 0}
.spark{display:block;width:100%;height:130px;background:linear-gradient(rgba(242,239,232,.03) 1px,transparent 1px) 0 0/100% 26px,var(--ink);border:1px solid var(--line);border-radius:8px}
.spark-fig figcaption{display:flex;justify-content:space-between;font:500 10px var(--mono);color:var(--faint);margin-top:3px}
.ln{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.ln-k{stroke:var(--k)}.ln-p{stroke:var(--p)}.ln-b{stroke:var(--pbe)}
.legend .lg{display:inline-block;width:12px;height:3px;margin:0 4px 2px 8px;vertical-align:middle}.lg-k{background:var(--k)}.lg-p{background:var(--p)}
.why{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.why summary{cursor:pointer;font:600 12px var(--disp);letter-spacing:.14em;color:var(--warn)}
.why ul{margin:8px 0;padding-left:18px;font-size:12px}
.why li{margin:4px 0}.why em{color:var(--warn);font-style:normal}

.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line-2);border-radius:var(--r);display:grid;gap:12px;justify-items:center;margin:12px 0}
.empty b{color:var(--paper);font-weight:700}
.empty-fail{border-color:rgba(230,154,144,.45);border-style:solid}
.next{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.next small{flex-basis:100%;font-weight:800;letter-spacing:.12em;color:var(--faint)}
.next span{font-size:11px;padding:4px 8px;border-radius:6px;background:var(--ink-2);border:1px solid var(--line)}
.foot{color:var(--faint);font-size:11px;padding:24px 0 40px;border-top:1px solid var(--line);margin-top:24px}

/* ---------- responsive ---------- */
@media (max-width:900px){.gate{grid-template-columns:1fr}.tile.demo{margin:0}.venues{display:none}}
@media (max-width:560px){
  .wrap{width:calc(100% - 32px)}
  .hide-sm{display:none}
  .top-in{height:54px}
  .tr{grid-template-columns:minmax(0,1fr) 66px 66px 50px;gap:5px}
  .px{padding:4px 6px}.px b{font-size:13px}
  .stat{min-width:0;flex:1 1 30%;padding:7px 9px}.stat b{font-size:17px}
  .hub-head{padding:10px 0 12px}
  .live-cards{grid-auto-columns:minmax(260px,88%)}
  .drawer-in{width:100%;border-left:0;top:auto;height:92dvh;border-radius:16px 16px 0 0;animation:rise .2s ease-out}
  @keyframes rise{from{transform:translateY(30px);opacity:.6}}
  .dc-v{grid-template-columns:1fr 1fr}.dv b{font-size:20px}
  .mv{font-size:10.5px}.mv th,.mv td{padding:4px 3px}
}

/* ---------- mid gap vs top-of-book cross (kept visually distinct) ---------- */
.xc{font:700 8.5px/1.2 var(--mono)!important;letter-spacing:.06em;color:var(--faint);border:1px dashed var(--line-2);border-radius:4px;padding:1px 4px;margin-top:2px;white-space:nowrap}
.xc.on{color:var(--up);border:1px solid rgba(111,212,161,.55);background:rgba(111,212,161,.08)}
.dm{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:8px}
.dm>span{display:grid;gap:3px;padding:9px 10px;border-radius:9px;border:1px solid var(--line);background:var(--ink-2)}
.dm small{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--faint)}
.dm b{font:700 16px/1.1 var(--mono)}
.dm em{font-style:normal;font-size:10.5px;color:var(--muted)}
.dm em.fine{font-size:9.5px;color:var(--faint)}
.dm .dm-mid b{color:var(--paper)}
.dm .dm-x{border-style:dashed;border-color:rgba(111,212,161,.35)}
.dm .dm-x b{color:var(--muted)}.dm .dm-x b.pos{color:var(--up)}
.dm-off{grid-template-columns:1fr}.dm-off b{color:var(--faint)}
.why-ok summary{color:var(--muted)}
.wts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.wt{display:grid;gap:4px;align-content:start;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--ink)}
.wt-h{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.wt-h img{border-radius:3px}
.wt-l{font-size:11.5px;color:var(--muted);padding-left:8px;border-left:2px solid var(--line)}
.wt-l.d{color:var(--paper);border-left-color:var(--warn)}
.wt-l.u{color:var(--faint);font-style:italic}
@media (max-width:560px){.dm{grid-template-columns:1fr}.wts{grid-template-columns:1fr}}