/* Bet Better Data — /data product styles. Dark-first (site PRO TERMINAL tokens). Self-contained: no dependency on the consumer CSS. */
:root{--void:#0A0B10;--panel:#0F1118;--panel-2:#15171F;--ink:#E8EDF5;--ink-dim:#93A1B5;--ink-faint:#7C8AA0;--line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.14);--action:#3B82F6;--action-hi:#60A5FA;--on-action:#fff;--action-dim:rgba(59,130,246,.14);--action-ring:rgba(59,130,246,.18);--action-faint:rgba(59,130,246,.08);--model:#34D399;--model-dim:rgba(52,211,153,.12);--book:#F87171;--book-dim:rgba(248,113,113,.12);--gold:#F5B301;--gold-dim:rgba(245,179,1,.14);--grey-dim:rgba(124,138,160,.16);--mark-filter:none;--ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'JetBrains Mono',ui-monospace,Consolas,monospace;color-scheme:dark}
/* Light theme: the site's soft cool-paper palette (not an inversion). Same signal as the site: explicit data-theme wins both ways; with no choice saved, the OS decides; dark is the fallback. */
:root[data-theme="light"],
:root:not([data-theme="dark"]):not([data-theme="light"]).bbd-light{--void:#EEF1F7;--panel:#FFFFFF;--panel-2:#F6F8FC;--ink:#111827;--ink-dim:#48566B;--ink-faint:#5A6B82;--line:rgba(16,24,40,.08);--line-strong:rgba(16,24,40,.14);--action:#2563EB;--action-hi:#1D4ED8;--on-action:#fff;--action-dim:rgba(37,99,235,.12);--action-ring:rgba(37,99,235,.20);--action-faint:rgba(37,99,235,.06);--model:#0F9D63;--model-dim:rgba(15,157,99,.12);--book:#DC4A41;--book-dim:rgba(220,74,65,.12);--gold:#A9791A;--gold-dim:rgba(169,121,26,.14);--grey-dim:rgba(72,86,107,.12);--mark-filter:invert(1) brightness(.18);color-scheme:light}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]){--void:#EEF1F7;--panel:#FFFFFF;--panel-2:#F6F8FC;--ink:#111827;--ink-dim:#48566B;--ink-faint:#5A6B82;--line:rgba(16,24,40,.08);--line-strong:rgba(16,24,40,.14);--action:#2563EB;--action-hi:#1D4ED8;--on-action:#fff;--action-dim:rgba(37,99,235,.12);--action-ring:rgba(37,99,235,.20);--action-faint:rgba(37,99,235,.06);--model:#0F9D63;--model-dim:rgba(15,157,99,.12);--book:#DC4A41;--book-dim:rgba(220,74,65,.12);--gold:#A9791A;--gold-dim:rgba(169,121,26,.14);--grey-dim:rgba(72,86,107,.12);--mark-filter:invert(1) brightness(.18);color-scheme:light}}
*{box-sizing:border-box}
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--action)}a:hover{color:var(--action-hi)}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
code{font-family:var(--mono);font-size:.92em}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.sr{position:absolute;left:-9999px}
:focus-visible{outline:2px solid var(--action-hi);outline-offset:2px}
/* nav */
.nav{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--void) 90%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.nav .in{max-width:1140px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand img{height:28px;width:auto;filter:var(--mark-filter)}
.brand .wm{font-weight:800;letter-spacing:.14em;font-size:13px}
.brand .prod{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--ink-dim);border-left:1px solid var(--line-strong);padding-left:10px;margin-left:2px}
.nav .links{display:flex;gap:18px;align-items:center;font-size:13.5px}
.nav .links a{color:var(--ink-dim);text-decoration:none;white-space:nowrap}.nav .links a:hover{color:var(--ink)}.nav .btn{white-space:nowrap}.nav .links a.btn.primary,.nav .links a.btn.primary:hover{color:var(--on-action)}
@media (max-width:760px){.nav .links a.hide-m{display:none}.nav .links{gap:12px;font-size:13px}.brand .prod{display:none}}
.theme-toggle{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-dim);cursor:pointer;padding:0}
.theme-toggle:hover{color:var(--ink);border-color:var(--ink-faint)}.theme-toggle .i-moon{display:none}
:root[data-theme="light"] .theme-toggle .i-sun{display:none}:root[data-theme="light"] .theme-toggle .i-moon{display:block}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) .theme-toggle .i-sun{display:none}:root:not([data-theme="dark"]):not([data-theme="light"]) .theme-toggle .i-moon{display:block}}
/* buttons + chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 16px;font-weight:600;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:var(--ui);text-decoration:none;line-height:1.2;color:var(--ink);background:transparent}
.btn.primary{background:var(--action);color:var(--on-action)}.btn.primary:hover{background:var(--action-hi);color:var(--on-action)}
.btn.ghost{border-color:var(--line-strong)}.btn.ghost:hover{border-color:var(--ink-faint);color:var(--ink)}
.btn.sm{padding:7px 12px;font-size:13px}.btn.wide{width:100%;padding:13px}.btn[disabled]{opacity:.5;cursor:not-allowed}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}
.chip.live{background:var(--model-dim);color:var(--model)}.chip.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--model)}
.chip.gold{background:var(--gold-dim);color:var(--gold)}.chip.blue{background:var(--action-dim);color:var(--action)}.chip.red{background:var(--book-dim);color:var(--book)}.chip.grey{background:var(--grey-dim);color:var(--ink-dim)}
/* hero */
.hero{padding:56px 0 26px;max-width:780px}
.hero .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--model);font-weight:600;margin-bottom:12px}
.hero h1{font-size:46px;line-height:1.05;margin-bottom:14px}
@media (max-width:640px){.hero h1{font-size:34px}}
.hero p{font-size:18px;color:var(--ink-dim);margin:0 0 22px;max-width:640px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.fine{font-size:13px;color:var(--ink-faint)}
/* board table */
.board{border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:var(--panel-2)}
.board .head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-dim);flex-wrap:wrap;gap:8px}
.board .head b{color:var(--ink);font-weight:600}
.tblwrap{overflow-x:auto}
table.bd{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
table.bd th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:9px 14px;border-bottom:1px solid var(--line)}
table.bd td{padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
table.bd td.n,table.bd th.n{text-align:right}table.bd tr:last-child td{border-bottom:0}
table.bd .team{font-weight:600}table.bd .at{color:var(--ink-faint);padding:0 6px}
.board .foot{padding:10px 14px;font-size:12.5px;color:var(--ink-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
/* sections */
.sec{padding:44px 0 8px}.sec h2{font-size:26px;margin-bottom:6px}.sec .lead{color:var(--ink-dim);margin:0 0 20px;max-width:640px;font-size:15.5px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-2)}
@media (max-width:820px){.grid3,.grid2{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}}
.card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.card h3{font-size:16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.card h3 small{font-weight:500;color:var(--ink-faint);font-size:12.5px}
.card p{margin:0 0 10px;color:var(--ink-dim);font-size:13.5px}.card ul{margin:0;padding-left:18px;color:var(--ink-dim);font-size:13.5px}.card li{margin:4px 0}
.card code.block{display:block;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:var(--ink);overflow-x:auto;white-space:nowrap;font-size:11.5px}
.ic{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--action-dim);color:var(--action);margin-bottom:12px;font-family:var(--mono)}
.grid4>div{padding:16px 18px;border-right:1px solid var(--line)}.grid4>div:last-child{border-right:0}
.grid4 b{display:block;font-family:var(--mono);font-size:12px;color:var(--action);margin-bottom:6px;font-weight:600}.grid4 strong{display:block;font-size:14.5px;margin-bottom:4px}.grid4 span{font-size:13px;color:var(--ink-dim)}
/* plans */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}@media (max-width:820px){.plans{grid-template-columns:1fr}}
.plan{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;position:relative}
.plan.pop{border-color:var(--action);box-shadow:0 0 0 3px var(--action-ring)}
.plan .name{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}
.plan .price{font-family:var(--mono);font-size:34px;font-weight:600;letter-spacing:-.02em}.plan .price small{font-family:var(--ui);font-size:14px;color:var(--ink-dim);font-weight:500}
.plan p{margin:0;color:var(--ink-dim);font-size:13.5px}.plan ul{margin:4px 0 8px;padding:0;list-style:none;font-size:13.5px}.plan li{padding:4px 0;border-top:1px solid var(--line)}.plan li::before{content:"✓";color:var(--model);font-weight:600;margin-right:8px}
.plan .badge{position:absolute;top:-11px;left:18px}
.enterprise{background:var(--panel-2);border:1px dashed var(--line-strong);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.enterprise p{margin:0;color:var(--ink-dim);font-size:14px}.enterprise b{color:var(--ink)}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}@media (max-width:820px){.stats{grid-template-columns:1fr 1fr}}
.stats div{background:var(--panel-2);padding:16px}.stats b{display:block;font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-.02em}.stats span{font-size:12.5px;color:var(--ink-dim)}
/* boards list */
.boards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.bcard{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--panel-2);display:flex;justify-content:space-between;align-items:center;gap:10px}
.bcard b{display:block;font-size:14px;font-weight:600}.bcard span{font-size:12px;color:var(--ink-faint)}
/* faq */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}@media (max-width:820px){.faq{grid-template-columns:1fr}}
.faq div{padding:12px 0;border-top:1px solid var(--line)}.faq b{display:block;font-size:14px;margin-bottom:3px;font-weight:600}.faq span{font-size:13.5px;color:var(--ink-dim)}
.foot{margin-top:40px;padding:18px 0 28px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
/* forms */
.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-dim);margin-bottom:5px}
.field input[type=text],.field input[type=email],.field input[type=url],.field textarea,.field select{width:100%;border:1px solid var(--line-strong);border-radius:9px;padding:10px 12px;background:var(--panel);font-size:14px;color:var(--ink);font-family:var(--ui)}
.field textarea{min-height:70px;resize:vertical}
.toggle{display:inline-flex;gap:4px;border:1px solid var(--line-strong);border-radius:9px;padding:4px;background:var(--panel);flex-wrap:wrap}
.toggle label{padding:7px 14px;border-radius:6px;font-size:13.5px;font-weight:600;color:var(--ink-dim);cursor:pointer}
.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle input:checked+span{color:var(--on-action)}
.toggle label:has(input:checked){background:var(--action);color:var(--on-action)}
.sports{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}@media (max-width:640px){.sports{grid-template-columns:1fr}}
.sport{border:1px solid var(--line-strong);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:12px;background:var(--panel);cursor:pointer}
.sport:has(input:checked){border-color:var(--action);background:var(--action-faint)}
.sport input{width:18px;height:18px;accent-color:var(--action);margin:0}
.sport b{display:block;font-size:14px;font-weight:600}.sport span{font-size:12px;color:var(--ink-faint)}.sport.soon{opacity:.55}
.sum{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:16px 18px}
.sum .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.sum .row:last-child{border-bottom:0;font-weight:600;font-size:16px}.sum .row span:last-child{font-family:var(--mono)}
.trust{font-size:12.5px;color:var(--ink-faint);margin-top:12px;line-height:1.55}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}@media (max-width:820px){.two{grid-template-columns:1fr}}
.notice{border:1px solid var(--gold);background:var(--gold-dim);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:13.5px;margin:14px 0}
.err{border:1px solid var(--book);background:var(--book-dim);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:13.5px;margin:14px 0}
.ok{border:1px solid var(--model);background:var(--model-dim);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:13.5px;margin:14px 0}
/* account */
.acc{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}@media (max-width:900px){.acc{grid-template-columns:1fr}}
.side{position:sticky;top:64px}.side a{display:block;padding:8px 12px;font-size:14px;color:var(--ink-dim);text-decoration:none;border-radius:8px}.side a:hover{color:var(--ink);background:var(--panel-2)}
.side .grp{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:14px 12px 4px;font-weight:600}
.keyrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.keyrow code{flex:1;min-width:240px;font-size:13px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow-x:auto;white-space:nowrap;color:var(--ink)}
.dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:820px){.dl{grid-template-columns:1fr}}
.dl a{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px;text-decoration:none;color:var(--ink);background:var(--panel)}.dl a:hover{border-color:var(--ink-faint)}
.dl a b{font-size:14px;font-weight:600}.dl a span{font-size:12px;color:var(--ink-faint);font-family:var(--mono)}
table.vers{width:100%;border-collapse:collapse;font-size:13px}table.vers td{padding:8px 0;border-top:1px solid var(--line)}table.vers td:last-child{text-align:right}table.vers .v{font-family:var(--mono);color:var(--action-hi);font-weight:600}
.sw{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);cursor:pointer;padding:6px 0}.sw input{width:34px;height:20px;accent-color:var(--model);margin:0}
/* docs */
.docs{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}@media (max-width:820px){.docs{grid-template-columns:1fr}}
.toc{position:sticky;top:64px}.toc a{display:block;padding:6px 10px;font-size:13.5px;color:var(--ink-dim);text-decoration:none;border-radius:6px}.toc a:hover{color:var(--ink)}
.docs h2{font-size:22px;margin:34px 0 8px}.docs h2:first-child{margin-top:0}.docs h3{font-size:16px;margin:22px 0 6px}
.docs p,.docs li{color:var(--ink-dim);font-size:14.5px;max-width:680px}.docs p{margin:0 0 12px}
.docs pre{margin:0 0 16px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-family:var(--mono);font-size:12.5px;line-height:1.6;overflow-x:auto;color:var(--ink)}
.docs pre .c{color:var(--ink-faint)}.docs pre .k{color:var(--action-hi)}.docs pre .g{color:var(--model)}
table.dict{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}table.dict th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line-strong)}
table.dict td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-dim)}table.dict td:first-child{font-family:var(--mono);color:var(--action-hi);white-space:nowrap}table.dict td:nth-child(2){font-family:var(--mono);color:var(--ink-faint);white-space:nowrap}
/* licence */
.legal{max-width:760px}.legal h2{font-size:18px;margin:26px 0 8px}.legal p,.legal li{color:var(--ink-dim);font-size:14.5px}.legal ol{padding-left:20px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* board explorer */
.bhead{padding:34px 0 18px}.crumb{font-size:12.5px;color:var(--ink-faint);margin-bottom:12px}.crumb a{color:var(--ink-faint);text-decoration:none}.crumb a:hover{color:var(--ink)}.crumb span{margin:0 6px}
.bhead-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.bhead h1{font-size:34px;line-height:1.1;margin-bottom:8px}@media (max-width:640px){.bhead h1{font-size:27px}}
.bhead .sub{margin:0;color:var(--ink-dim);font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bhead .cta{flex-direction:column;align-items:flex-start;gap:8px;max-width:340px}.bhead .cta .fine{line-height:1.4}
table.bd thead th[data-k]{cursor:pointer;user-select:none;white-space:nowrap}table.bd thead th[data-k]:hover{color:var(--ink)}table.bd thead th[aria-sort]::after{content:" \2193";color:var(--action)}table.bd thead th[aria-sort="ascending"]::after{content:" \2191"}
table.bd td.dim{color:var(--ink-faint)}table.bd td.gap-mid{color:var(--gold);font-weight:600}table.bd td.gap-hi{color:var(--model);font-weight:700}
table.bd tr.locked td{color:var(--ink-faint)}table.bd td.lockcell{font-size:12.5px;color:var(--ink-faint);letter-spacing:.01em}table.bd td.lockcell svg{vertical-align:-1px;margin-right:4px}table.bd td.lockcell a{color:var(--action);text-decoration:none}table.bd td.lockcell a:hover{text-decoration:underline}
.vers{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-2)}
.ver{display:grid;grid-template-columns:56px 200px 1fr;gap:12px;align-items:center;padding:11px 16px;border-top:1px solid var(--line);font-size:13.5px}.ver:first-child{border-top:0}.ver b{font-size:13px;color:var(--action)}.ver.cur b{color:var(--model)}.ver .when{color:var(--ink);font-family:var(--mono);font-size:12.5px}.ver .note{color:var(--ink-dim)}
@media (max-width:640px){.ver{grid-template-columns:44px 1fr;gap:6px 10px}.ver .note{grid-column:1 / -1}}
.read .card h3{font-size:14.5px}.read .card p{font-size:13.5px}.read .card p b{color:var(--ink);font-family:var(--mono)}
.bcard b a{color:inherit;text-decoration:none}.bcard b a:hover{color:var(--action)}

/* landing v2: what it is, what you get, what it costs — above the fold */
.hero2{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start;padding:44px 0 18px}@media (max-width:900px){.hero2{grid-template-columns:1fr;gap:18px;padding-top:30px}}
.hero2 .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--model);font-weight:600;margin-bottom:12px}
.hero2 h1{font-size:44px;line-height:1.06;margin-bottom:14px}@media (max-width:640px){.hero2 h1{font-size:32px}}
.hero2 .lede{font-size:18px;color:var(--ink-dim);margin:0 0 18px;max-width:600px}.hero2 .lede b{color:var(--ink);font-weight:600}
.hero2 .cta{margin-bottom:14px}
.proof{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--ink-dim);margin:0;padding:0;list-style:none}.proof li{display:flex;align-items:center;gap:7px}.proof li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--model);flex:none}
.plancard{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:14px;padding:18px 20px;box-shadow:0 14px 34px -22px rgba(0,0,0,.45)}
.plancard h2{font-size:15px;margin-bottom:12px;letter-spacing:0}.plancard ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0}
.plancard li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.plancard li:first-child{border-top:0;padding-top:0}
.plancard li i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--action-dim);color:var(--action);font-family:var(--mono);font-size:12px;font-weight:600;display:grid;place-items:center;margin-top:1px}
.plancard li b{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.plancard li span{font-size:13px;color:var(--ink-dim);line-height:1.45}.plancard li span .num{color:var(--ink)}
.plancard .go{margin-top:14px;display:flex;flex-direction:column;gap:8px}.plancard .go .fine{text-align:center}
.sports{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width:900px){.sports{grid-template-columns:repeat(2,1fr)}}
a.scard{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--panel-2);text-decoration:none;color:var(--ink);transition:border-color .12s}
a.scard:hover{border-color:var(--action);color:var(--ink)}a.scard b{display:block;font-size:14px;font-weight:600}a.scard span.s{display:block;font-size:12px;color:var(--ink-faint);margin-top:2px}a.scard .arrow{color:var(--ink-faint);font-family:var(--mono)}
a.scard.off{opacity:.78}
.whatgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:820px){.whatgrid{grid-template-columns:1fr}}
.whatgrid .card h3{font-size:15px}.whatgrid .card ul{padding-left:0;list-style:none}.whatgrid .card li{padding:5px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.whatgrid .card li:first-child{border-top:0}.whatgrid .card li b{color:var(--ink);font-weight:600;font-size:13.5px}.whatgrid .card li span{color:var(--ink-faint);font-size:12.5px;text-align:right}
table.miss{width:100%;border-collapse:collapse;font-size:13.5px}table.miss th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:9px 12px;border-bottom:1px solid var(--line)}table.miss td{padding:9px 12px;border-bottom:1px solid var(--line)}table.miss td.n,table.miss th.n{text-align:right}table.miss tr:last-child td{border-bottom:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:820px){.steps{grid-template-columns:1fr}}
.steps .card b.k{display:block;font-family:var(--mono);font-size:12px;color:var(--action);margin-bottom:6px}

/* feed page v2 */
.skip{position:absolute;left:-9999px;top:8px;background:var(--action);color:#fff;padding:8px 12px;border-radius:8px;z-index:50}.skip:focus{left:8px}
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}@media (max-width:900px){.statrow{grid-template-columns:1fr 1fr}}
.stat{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.stat b{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;margin-bottom:5px}.stat strong{display:block;font-size:15px;font-weight:600;line-height:1.3}.stat span{display:block;font-size:12.5px;color:var(--ink-dim);margin-top:3px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:900px){.tiles{grid-template-columns:1fr}}
.tile{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.tile h3{font-size:15px;display:flex;align-items:center;gap:8px}.tile h3 i{font-style:normal;width:26px;height:26px;border-radius:7px;background:var(--action-dim);color:var(--action);display:grid;place-items:center;font-family:var(--mono);font-size:12px}
.tile p{margin:0;font-size:13.5px;color:var(--ink-dim)}.tile ol{margin:0;padding-left:18px;font-size:13.5px;color:var(--ink-dim)}.tile ol li{margin:3px 0}.tile .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.bcards{display:flex;flex-direction:column;gap:10px}.bcard2{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:1.2fr 2fr;gap:12px;align-items:center}@media (max-width:820px){.bcard2{grid-template-columns:1fr}}
.bcard2 .nm{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bcard2 .meta{font-size:12.5px;color:var(--ink-dim);margin-top:3px}.bcard2 .files{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:820px){.bcard2 .files{justify-content:flex-start}}
.bcard2 .files a,.bcard2 .files button{border:1px solid var(--line-strong);border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;color:var(--ink);text-decoration:none;background:transparent;font-family:var(--ui);cursor:pointer}.bcard2 .files a:hover{border-color:var(--action);color:var(--ink)}
.bcard2 details{grid-column:1 / -1;font-size:13px;color:var(--ink-dim)}.bcard2 summary{cursor:pointer;color:var(--action);font-weight:600;font-size:12.5px}
.upsell{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:900px){.upsell{grid-template-columns:1fr 1fr}}@media (max-width:560px){.upsell{grid-template-columns:1fr}}
.up{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.up b{display:block;font-size:14px;font-weight:600}.up span{display:block;font-size:12px;color:var(--ink-faint);margin-top:2px}.up .price{font-family:var(--mono);font-size:12.5px;color:var(--ink);white-space:nowrap}
.up.all{grid-column:1 / -1;border-color:var(--action);background:var(--action-faint)}
.keymask{font-family:var(--mono);font-size:13px;letter-spacing:.02em}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;place-items:center;z-index:100;padding:20px}.modal[open]{display:grid}.modal .box{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;padding:22px 24px;max-width:460px;width:100%}.modal h3{font-size:17px;margin-bottom:8px}.modal p{color:var(--ink-dim);font-size:14px;margin:0 0 14px}.modal .acts{display:flex;gap:10px;justify-content:flex-end}
.msg{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;min-width:280px;max-width:90vw}
.dl a:focus-visible,.bcard2 .files a:focus-visible,.up button:focus-visible{outline:2px solid var(--action-hi);outline-offset:2px}

/* feed page: on phones the section list becomes a horizontal chip row instead of a tall column */
@media (max-width:900px){.side{position:static;display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;margin:0 -4px 6px;scrollbar-width:none}.side::-webkit-scrollbar{display:none}.side a{white-space:nowrap;border:1px solid var(--line-strong);border-radius:999px;padding:6px 12px;font-size:13px;background:var(--panel-2)}.side .grp{display:none}.side .grp ~ a{display:none}}