/* Bet Better Data v5 ("b3"): ONE stylesheet for every /data page (10-Oct-2026). Product-first: Predictions feed / Line Moves /
   Storylines. Broadcast look per .claude/design-system/DESIGN_RULEBOOK.md: black bars, blue slanted tags, Barlow Condensed italic 900
   headlines (one per page), Geist UI, JetBrains Mono numbers. Dark default; light via the toggle or the OS (rulebook selectors).
   Source: .claude/b2b-2026-10-09/v5/bb-data3.css; served as assets/bb-data3.<md5[:8]>.css (re-hash after every change). */
.b3{--void:#0A0B10;--panel:#0F1118;--panel-2:#15171F;--ink:#E8EDF5;--ink-dim:#93A1B5;--faint:#7D8BA0;--line:rgba(255,255,255,.10);--line-strong:rgba(255,255,255,.16);
  --action:#3B82F6;--action-hi:#60A5FA;--green:#34D399;--hi-soft:rgba(52,211,153,.14);--gold:#F5B301;--gold-soft:rgba(245,179,1,.14);--dim-soft:rgba(255,255,255,.07);
  --red:#F87171;--long-soft:rgba(248,113,113,.12);--btn:#2563EB;--btn-hi:#1D4ED8;--black:#05070B;--bar-line:#1B2230;--bar-dim:#8A96AA;
  --disp:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--ui:'Geist','Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,Consolas,monospace;--serif:'Source Serif 4',Georgia,serif;
  margin:0;background:var(--void);color:var(--ink);font:400 15.5px/1.55 var(--ui);color-scheme:dark;-webkit-font-smoothing:antialiased}
:root[data-theme="light"] .b3{--void:#EEF1F7;--panel:#FFFFFF;--panel-2:#F6F8FC;--ink:#111827;--ink-dim:#48566B;--faint:#5A6B82;--line:rgba(16,24,40,.12);--line-strong:rgba(16,24,40,.18);
  --action:#2563EB;--action-hi:#1D4ED8;--green:#0B7D4F;--hi-soft:rgba(15,157,99,.12);--gold:#8A6210;--gold-soft:rgba(180,130,20,.13);--dim-soft:rgba(16,24,40,.06);--red:#DC4A41;--long-soft:rgba(220,74,65,.10);color-scheme:light}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) .b3{--void:#EEF1F7;--panel:#FFFFFF;--panel-2:#F6F8FC;--ink:#111827;--ink-dim:#48566B;--faint:#5A6B82;--line:rgba(16,24,40,.12);--line-strong:rgba(16,24,40,.18);
  --action:#2563EB;--action-hi:#1D4ED8;--green:#0B7D4F;--hi-soft:rgba(15,157,99,.12);--gold:#8A6210;--gold-soft:rgba(180,130,20,.13);--dim-soft:rgba(16,24,40,.06);--red:#DC4A41;--long-soft:rgba(220,74,65,.10);color-scheme:light}}
.b3 *{box-sizing:border-box}
.b3 a{color:var(--action)}
.b3 a:focus-visible,.b3 button:focus-visible,.b3 input:focus-visible,.b3 select:focus-visible,.b3 textarea:focus-visible,.b3 summary:focus-visible{outline:2px solid var(--action);outline-offset:3px}
.b3 img{max-width:100%}
.b3 .wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.b3 .mono,.b3 .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.b3 .skip{position:absolute;left:-9999px;top:0;background:var(--btn);color:#fff;padding:10px 14px;z-index:99}
.b3 .skip:focus{left:12px;top:12px}

/* ---- nav: black, product-first ---- */
.b3 .n3{background:var(--black);color:#fff;position:sticky;top:var(--bb-top-offset,0px);z-index:20;border-bottom:1px solid var(--bar-line)}
.b3 .n3-in{display:flex;align-items:center;gap:28px;min-height:64px}
.b3 .brand{display:flex;align-items:baseline;gap:7px;text-decoration:none;color:#fff;white-space:nowrap}
.b3 .brand b{font:italic 900 25px/1 var(--disp);letter-spacing:-.005em;text-transform:uppercase}
.b3 .brand span{font:800 11px/1 var(--ui);letter-spacing:.14em;color:#60A5FA}
.b3 .n3-prod{display:flex;gap:4px;height:64px}
.b3 .n3-prod a{display:flex;align-items:center;padding:0 12px;font:600 15px/1 var(--ui);color:#C9D2E0;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.b3 .n3-prod a:hover{color:#fff}
.b3 .n3-prod a.on{color:#fff;border-bottom-color:#3B82F6}
.b3 .n3-r{margin-left:auto;display:flex;align-items:center;gap:18px}
.b3 .n3-r a{font:600 14.5px/1 var(--ui);color:#C9D2E0;text-decoration:none}
.b3 .n3-r a:hover{color:#fff}
.b3 .n3-r a.on{color:#fff}
.b3 .n3-r .btn{color:#fff}
.b3 .theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:9px;border:1px solid var(--bar-line);background:transparent;color:#C9D2E0;cursor:pointer}
.b3 .strip{display:none;background:var(--black);border-bottom:1px solid var(--bar-line)}
.b3 .strip a{flex:1;min-width:0;text-align:center;padding:13px 4px 11px;font:700 13.5px/1.1 var(--ui);color:#AEB8C8;text-decoration:none;border-bottom:3px solid transparent}
.b3 .strip a.on{color:#fff;border-bottom-color:#3B82F6}
/* product switcher (product pages): the three products side by side, this one lit */
.b3 .psw{background:var(--black);border-bottom:1px solid var(--bar-line)}
.b3 .psw-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.b3 .psw a{display:grid;gap:4px;padding:14px 18px 13px;text-decoration:none;border-left:1px solid var(--bar-line);color:#AEB8C8;border-bottom:3px solid transparent;min-width:0}
.b3 .psw a:last-child{border-right:1px solid var(--bar-line)}
.b3 .psw a b{font:italic 900 21px/1 var(--disp);text-transform:uppercase;color:#E8EDF5;letter-spacing:.005em}
.b3 .psw a span{font-size:13px;line-height:1.35}
.b3 .psw a.on{background:#0B1220;border-bottom-color:#3B82F6}
.b3 .psw a.on b{color:#fff}

/* ---- buttons ---- */
.b3 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:12px;background:var(--btn);color:#fff;font:700 16px/1 var(--ui);text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
.b3 .btn:hover{background:var(--btn-hi)}
.b3 .btn[disabled]{opacity:.5;cursor:not-allowed}
.b3 .btn.sm,.b3 .btn-sm{min-height:40px;padding:0 16px;font-size:14.5px;border-radius:10px}
.b3 .ghost{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:12px;background:transparent;color:var(--ink);border:1px solid var(--line-strong);font:600 15.5px/1 var(--ui);text-decoration:none;cursor:pointer;white-space:nowrap}
.b3 .ghost.sm{min-height:42px;padding:0 15px;font-size:14.5px;border-radius:10px}
.b3 .acts,.b3 .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}

/* ---- type ---- */
.b3 .disp{font:italic 900 clamp(44px,5.4vw,78px)/.9 var(--disp);letter-spacing:-.005em;text-transform:uppercase;margin:0;text-wrap:balance}
.b3 .disp.h2{font-size:clamp(34px,3.8vw,54px)}
.b3 .disp span{color:var(--action)}
.b3 .lead{font-size:18px;line-height:1.55;color:var(--ink-dim);max-width:32em;margin:18px 0 0}
.b3 .kick{display:inline-flex;align-items:center;gap:8px;font:800 11.5px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action)}
.b3 .caps{font:800 11px/1.2 var(--ui);letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}
.b3 .note{font-size:13.5px;color:var(--ink-dim)}
.b3 .fine{font-size:12.5px;color:var(--ink-dim);margin:0}
.b3 .crumbs{font-size:13px;color:var(--faint);margin-bottom:14px}
.b3 .crumbs a{color:var(--ink-dim);text-decoration:none}

/* ---- hero + the stat bug ---- */
.b3 .hero{padding-top:44px;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:end}
.b3 .hero.top{align-items:start}
.b3 .price-line{margin:16px 0 0;font-size:15px;color:var(--ink-dim);max-width:34em}
.b3 .bug{background:var(--black);border-radius:14px;overflow:hidden;color:#fff}
.b3 .bug-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 0 0;border-bottom:1px solid var(--bar-line)}
.b3 .bug-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.b3 .bug-c{padding:14px 16px;border-right:1px solid var(--bar-line);border-bottom:1px solid var(--bar-line);min-width:0}
.b3 .bug-c:nth-child(2n){border-right:0}
.b3 .bug-c:nth-last-child(-n+2){border-bottom:0}
.b3 .bug-c b{display:block;font:700 30px/1 var(--mono);color:#34D399;font-variant-numeric:tabular-nums}
.b3 .bug-c span{display:block;margin-top:6px;font:800 10.5px/1.25 var(--ui);letter-spacing:.11em;text-transform:uppercase;color:var(--bar-dim)}
.b3 .live-dot{width:8px;height:8px;border-radius:50%;background:#F87171;display:inline-block;animation:b3p 1.6s infinite}
@keyframes b3p{0%,100%{opacity:1}50%{opacity:.35}}

/* ---- slanted tag (TV lower-third) + section bars ---- */
.b3 .tag{display:inline-flex;align-items:center;height:42px;padding:0 26px 0 16px;background:#2563EB;color:#fff;font:italic 900 21px/1 var(--disp);letter-spacing:.01em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.b3 .tag.sm{height:34px;font-size:17px;padding:0 22px 0 13px}
.b3 .meta{font:700 11.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bar-dim);text-align:right}
.b3 .sec{padding-bottom:56px}
.b3 .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--black);border-radius:14px 14px 0 0;padding-right:16px;min-height:42px}
.b3 .bar-t{font:700 11.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bar-dim)}
.b3 .bx{background:var(--panel);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;min-width:0}
.b3 .bx.pad{padding:22px}
.b3 .intro{margin:0;padding:20px 22px 0;color:var(--ink-dim);max-width:46em;font-size:15.5px}
.b3 .intro b{color:var(--ink)}
.b3 .intro.end{padding-bottom:20px}

/* ---- tables ---- */
.b3 .tw{overflow-x:auto}
.b3 table.tb,.b3 table.spec{width:100%;border-collapse:collapse;font-size:14.5px}
.b3 .tb th,.b3 .spec th{text-align:left;font:800 11px/1.2 var(--ui);letter-spacing:.11em;text-transform:uppercase;color:var(--faint);padding:14px 14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.b3 .tb td,.b3 .spec td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.b3 .tb tr:last-child td,.b3 .spec tr:last-child td{border-bottom:0}
.b3 .tb td.n,.b3 .spec td.n{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.b3 .tb td.w{color:var(--ink-dim);font-size:14px;max-width:34em}
.b3 .tb .game b{display:block;font-weight:700}
.b3 .tb .game span,.b3 .tb .sub,.b3 .spec .sub{display:block;font-size:12.5px;color:var(--faint)}
.b3 .tb tr.lg td{background:var(--panel-2);font:800 11.5px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding:10px 14px}

/* ---- verdict badges (one wording everywhere) ---- */
.b3 .vb,.b3 .beat{display:inline-flex;align-items:center;gap:7px;font:700 12.5px/1.2 var(--ui);border-radius:7px;padding:6px 9px;white-space:nowrap}
.b3 .vb i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px}
.b3 .vb.g,.b3 .beat.b-yes{background:var(--hi-soft);color:var(--green)}
.b3 .vb.y,.b3 .beat.b-same,.b3 .beat.b-little,.b3 .beat.b-early{background:var(--gold-soft);color:var(--gold)}
.b3 .vb.d,.b3 .beat.b-no,.b3 .beat.b-flag,.b3 .beat.b-facts{background:var(--dim-soft);color:var(--ink-dim)}
.b3 .vb.n,.b3 .beat.b-untested{background:transparent;color:var(--faint);border:1px dashed var(--line-strong)}

/* ---- home: three product panels ---- */
.b3 .prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:56px}
.b3 .pp{display:flex;flex-direction:column;min-width:0}
.b3 .pp .bx{flex:1;display:flex;flex-direction:column}
.b3 .pp-b{padding:20px;display:grid;gap:12px;align-content:start;flex:1}
.b3 .pp h3{margin:0;font:800 19px/1.25 var(--ui)}
.b3 .pp p{margin:0;color:var(--ink-dim);font-size:14.5px}
.b3 .pp-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--line)}
.b3 .from{font-size:13.5px;color:var(--ink-dim)}
.b3 .from b{display:block;font:700 22px/1.1 var(--mono);color:var(--ink)}
.b3 .mini{width:100%;border-collapse:collapse;font-size:13.5px}
.b3 .mini td{padding:8px 0;border-bottom:1px solid var(--line)}
.b3 .mini thead td{font:800 10.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.b3 .mini td.n{text-align:right;font-family:var(--mono);white-space:nowrap;padding-left:10px}
.b3 .mini tr:last-child td{border-bottom:0}
.b3 .rec{display:grid;gap:3px;padding:10px 12px;background:var(--panel-2);border-radius:10px;font-size:13.5px}
.b3 .rec b{font-weight:700}
.b3 .rec span{color:var(--ink-dim)}
.b3 .rec em{font-style:normal;font-family:var(--mono);color:var(--green);font-weight:700}

/* ---- link tiles (law 12): same size, name + one fact ---- */
.b3 .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:10px;padding:18px}
.b3 .tiles.lgs{grid-template-columns:repeat(7,minmax(0,1fr))}
.b3 .tiles.who{grid-template-columns:repeat(5,minmax(0,1fr))}
.b3 .tile{display:grid;gap:6px;align-content:start;min-height:96px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);text-decoration:none;min-width:0;color:var(--ink)}
.b3 .tile:hover{border-color:var(--action)}
.b3 .tile b{font:italic 900 22px/1 var(--disp);text-transform:uppercase;letter-spacing:.005em;overflow-wrap:anywhere}
.b3 .tile span{font-size:12.5px;color:var(--ink-dim);line-height:1.4}
.b3 .tile.dark{background:var(--black);border-color:var(--black);color:#fff}
.b3 .tile.dark span{color:#AEB8C8}

/* ---- filters, counts, picker ---- */
.b3 .seg{display:flex;gap:6px;flex-wrap:wrap;padding:16px 22px 4px}
.b3 .seg button{font:600 13.5px/1 var(--ui);min-height:38px;padding:0 13px;border-radius:9px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);cursor:pointer}
.b3 .seg button.on,.b3 .seg button[aria-pressed="true"]{background:#05070B;border-color:#05070B;color:#fff}
.b3 .seg button .mono{opacity:.65}
.b3 .counts{display:flex;gap:10px 18px;flex-wrap:wrap;padding:16px 22px 0;font-size:14px;color:var(--ink-dim)}
.b3 .counts b{font-family:var(--mono);color:var(--ink)}
.b3 .pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:18px}
.b3 .pick label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);cursor:pointer;min-width:0}
.b3 .pick label:has(input:checked){border-color:var(--action);background:var(--panel)}
.b3 .pick input{width:18px;height:18px;margin-top:2px;flex:0 0 18px;accent-color:#2563EB}
.b3 .pick b{display:block;font-weight:700;font-size:15px}
.b3 .pick span{display:block;font-size:12.5px;color:var(--ink-dim)}
.b3 .order{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 22px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--panel);border-radius:0 0 14px 14px}
.b3 .order .tot{font-size:14px;color:var(--ink-dim)}
.b3 .order .tot b{font:700 24px/1.1 var(--mono);color:var(--ink);display:block}
.b3 .bill{display:flex;gap:6px}
.b3 .bill label{display:flex;gap:6px;align-items:center;font:600 13.5px var(--ui);padding:8px 12px;border:1px solid var(--line-strong);border-radius:9px;cursor:pointer}
.b3 .bill label:has(input:checked){border-color:var(--action)}

/* ---- price cells ---- */
.b3 .prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.b3 .prices.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.b3 .pc{padding:22px;border-right:1px solid var(--line);display:grid;gap:6px;align-content:start;min-width:0}
.b3 .pc:last-child{border-right:0}
.b3 .pc span{font:800 11px/1.2 var(--ui);letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}
.b3 .pc b{font:700 32px/1.05 var(--mono);font-variant-numeric:tabular-nums}
.b3 .pc small{font-size:13.5px;color:var(--ink-dim)}
.b3 .pfoot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 22px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-dim)}

/* ---- Storylines: X posts + newsletter + steps ---- */
.b3 .posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}
.b3 .xp{background:#fff;color:#0F1419;border:1px solid #CFD9DE;border-radius:16px;padding:14px 16px;display:grid;gap:8px;align-content:start;font:400 15px/1.4 -apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;min-width:0}
.b3 .xp-hd{display:flex;gap:10px;align-items:center;min-width:0}
.b3 .xp-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 var(--ui);color:#fff;flex:0 0 40px}
.b3 .xp-nm{min-width:0}
.b3 .xp-nm b{display:block;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3 .xp-nm span{display:block;color:#536471;font-size:14px}
.b3 .xp-tx{white-space:pre-line;overflow-wrap:anywhere}
.b3 .xp-ft{color:#536471;font-size:14px}
.b3 .cap{font-size:12.5px;color:var(--faint);padding:0 18px 18px;margin:-6px 0 0}
.b3 .nl{background:#fff;color:#363737;border-radius:14px;padding:30px clamp(18px,4vw,48px);max-width:720px;margin:18px auto;font:400 18px/1.6 var(--serif);border:1px solid #E6E6E6}
.b3 .nl-pub{display:flex;align-items:center;gap:10px;font:700 14px/1 var(--ui);color:#363737;margin-bottom:20px}
.b3 .nl-pub i{width:30px;height:30px;border-radius:8px;background:#FF6719;display:inline-block}
.b3 .nl h4{font:700 30px/1.2 var(--serif);color:#1A1A1A;margin:0 0 8px;text-wrap:balance}
.b3 .nl .sub{font:400 19px/1.45 var(--serif);color:#6B6B6B;margin:0 0 16px}
.b3 .nl .by{font:500 13px/1 var(--ui);color:#6B6B6B;padding-bottom:16px;border-bottom:1px solid #E6E6E6;margin-bottom:18px}
.b3 .nl p{margin:0 0 14px}
.b3 .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.b3 .step{padding:22px;border-right:1px solid var(--line);display:grid;gap:8px;align-content:start}
.b3 .step:last-child{border-right:0}
.b3 .step b{font:italic 900 46px/.9 var(--disp);color:var(--action)}
.b3 .step h4{margin:0;font:800 17px/1.3 var(--ui)}
.b3 .step p{margin:0;color:var(--ink-dim);font-size:14.5px}
.b3 pre.code,.b3 .code{margin:0;background:var(--black);color:#CFD6E2;border-radius:0 0 14px 14px;padding:18px 20px;overflow-x:auto;font:500 13px/1.6 var(--mono);white-space:pre}
.b3 .code .cm{color:#7D8BA0}
.b3 code{font:500 .92em var(--mono)}

/* ---- docs ---- */
.b3 .docs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.b3 .toc{position:sticky;top:calc(var(--bb-top-offset,0px) + 80px);display:grid;gap:2px;font-size:14px}
.b3 .toc b{font:800 11px/1 var(--ui);letter-spacing:.11em;text-transform:uppercase;color:var(--faint);margin:14px 0 6px}
.b3 .toc a{color:var(--ink-dim);text-decoration:none;padding:5px 0}
.b3 .toc a:hover{color:var(--ink)}
.b3 .doc h2{font:800 22px/1.25 var(--ui);margin:34px 0 10px;scroll-margin-top:90px}
.b3 .doc h3{font:800 16px/1.3 var(--ui);margin:22px 0 8px;scroll-margin-top:90px}
.b3 .doc p,.b3 .doc li{color:var(--ink-dim);max-width:52em}
.b3 .doc pre{background:var(--black);color:#CFD6E2;border-radius:12px;padding:14px 16px;overflow-x:auto;font:500 12.5px/1.6 var(--mono);margin:10px 0 16px}
.b3 .doc table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0 16px}
.b3 .doc th,.b3 .doc td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.b3 .doc th{font:800 11px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.b3 .doc{min-width:0}
.b3 .doc table{display:block;overflow-x:auto;max-width:100%}
.b3 .doc td code,.b3 .doc p code,.b3 .doc li code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.b3 .doc pre{max-width:100%}

/* ---- legacy-compatible blocks used by account / start / write / licence / status ---- */
.b3 .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.b3 .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:12px;min-width:0}
.b3 .tier{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.b3 .tier span{font:700 18px var(--mono)}
.b3 .proof0{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:14px 16px;font-size:14.5px;color:var(--ink-dim)}
.b3 .proof0>span{display:none}
.b3 .form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.b3 .toggle{display:flex;gap:8px;align-items:center;font:600 14px var(--ui);padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;cursor:pointer;color:var(--ink)}
.b3 .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.b3 .legal h2{font:800 18px/1.3 var(--ui);margin:26px 0 8px}
.b3 .legal p,.b3 .legal li{color:var(--ink-dim);max-width:52em}

/* ---- FAQ ---- */
.b3 .faq details{border-bottom:1px solid var(--line);padding:0 22px}
.b3 .faq details:last-child{border-bottom:0}
.b3 .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:14px;padding:17px 0;font:700 17px/1.35 var(--ui)}
.b3 .faq summary::-webkit-details-marker{display:none}
.b3 .faq summary::after{content:"+";font:400 24px/1 var(--ui);color:var(--action)}
.b3 .faq details[open] summary::after{content:"\2013"}
.b3 .faq p{margin:0 0 18px;color:var(--ink-dim);max-width:46em}
.b3 .why{margin-top:8px}
.b3 .why summary{display:inline-flex;align-items:center;gap:6px;min-height:36px;cursor:pointer;list-style:none;font:700 12px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--action)}
.b3 .why summary::-webkit-details-marker{display:none}
.b3 .why summary::after{content:"+";font:400 17px/1 var(--ui)}
.b3 .why[open] summary::after{content:"\2013"}
.b3 .why dl{display:grid;grid-template-columns:minmax(0,12em) minmax(0,1fr);gap:5px 14px;margin:4px 0 4px;font-size:13px;line-height:1.45}
.b3 .why dt{color:var(--faint)}
.b3 .why dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
@media (max-width:700px){.b3 .why dl{grid-template-columns:minmax(0,1fr);gap:0}.b3 .why dd{margin-bottom:7px}}

/* ---- footer + compliance ---- */
.b3 .foot{border-top:1px solid var(--line);padding-top:26px;padding-bottom:34px;font-size:13px;color:var(--faint);display:grid;gap:8px}
.b3 .foot nav{display:flex;gap:6px 18px;flex-wrap:wrap}
.b3 .foot nav a{text-decoration:none;color:var(--ink-dim);font-weight:600}
.b3 .foot p{margin:0}

/* ---- tablet / phone ---- */
@media (max-width:1100px){ .b3 .n3-in{gap:18px} .b3 .n3-prod a{padding:0 9px} .b3 .tiles.who{grid-template-columns:repeat(3,minmax(0,1fr))} .b3 .tiles.lgs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))} .b3 .prices.four{grid-template-columns:repeat(2,minmax(0,1fr))} .b3 .prices.four .pc:nth-child(2){border-right:0} }
@media (max-width:900px){
  .b3 .wrap{padding-left:16px;padding-right:16px}
  .b3 .n3-prod,.b3 .n3-r .hide-m{display:none}
  .b3 .strip{display:flex}
  .b3 .psw{display:none}
  .b3 .hero{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:28px}
  .b3 .lead{font-size:16.5px}
  .b3 .prods,.b3 .split,.b3 .form-grid,.b3 .docs{grid-template-columns:minmax(0,1fr)}
  .b3 .toc{position:static}
  .b3 .prices,.b3 .prices.four{grid-template-columns:minmax(0,1fr)}
  .b3 .pc{border-right:0;border-bottom:1px solid var(--line)}
  .b3 .steps{grid-template-columns:minmax(0,1fr)}
  .b3 .step{border-right:0;border-bottom:1px solid var(--line)}
  .b3 .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b3 .sec{padding-bottom:40px}
  .b3 .tiles.who{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b3 .tb thead{display:none}
  .b3 .tb tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 16px;border-bottom:1px solid var(--line)}
  .b3 .tb tr.lg{display:block;padding:0}
  .b3 .tb td{padding:0;border:0}
  .b3 .tb td.w,.b3 .tb td.full{grid-column:1/-1}
  .b3 .tb td.sub{grid-column:1/-1}
}
@media (max-width:700px){
  .b3 .posts,.b3 .tiles.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;padding:16px;overscroll-behavior-x:contain;scrollbar-width:none}
  .b3 .posts::-webkit-scrollbar,.b3 .tiles.rail::-webkit-scrollbar{display:none}
  .b3 .posts .xp{flex:0 0 82%;max-width:320px;scroll-snap-align:start}
  .b3 .tiles.rail .tile{flex:0 0 46%;max-width:200px;scroll-snap-align:start}
  .b3 .bug-c b{font-size:26px}
  .b3 .tag{font-size:18px;height:38px}
  .b3 .meta,.b3 .bar-t{font-size:10.5px}
  .b3 .bar{flex-wrap:wrap;padding-right:0}
  .b3 .bar .meta,.b3 .bar .bar-t{flex-basis:100%;text-align:left;padding:7px 14px 9px;border-top:1px solid var(--bar-line)}
  .b3 .bar .meta:empty{display:none}
  .b3 .nl{margin:12px;font-size:17px}
  .b3 .nl h4{font-size:25px}
  .b3 .grid4{grid-template-columns:minmax(0,1fr)}
}
/* ---- board + widgets: old rules ported (port_legacy_css.py), scoped per page, on v5 tokens ---- */
.b3[data-bbd-page=board] .board .foot,.b3[data-bbd-page=widgets] .board .foot{border-top:0;margin:0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 14px;font-size:12.5px;color:var(--faint)}
.b3[data-bbd-page=widgets] .step{display:block;padding:0;border:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--action);font-weight:600;margin:0 0 6px}
.b3[data-bbd-page=board] .num,.b3[data-bbd-page=widgets] .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.b3[data-bbd-page=board] .chip,.b3[data-bbd-page=widgets] .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}
.b3[data-bbd-page=board] .chip.live,.b3[data-bbd-page=widgets] .chip.live{background:var(--hi-soft);color:var(--green)}
.b3[data-bbd-page=board] .chip.live::before,.b3[data-bbd-page=widgets] .chip.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.b3[data-bbd-page=board] .chip.gold,.b3[data-bbd-page=widgets] .chip.gold{background:var(--gold-soft);color:var(--gold)}
.b3[data-bbd-page=board] .chip.blue,.b3[data-bbd-page=widgets] .chip.blue{background:var(--dim-soft);color:var(--action)}
.b3[data-bbd-page=board] .chip.red,.b3[data-bbd-page=widgets] .chip.red{background:var(--long-soft);color:var(--red)}
.b3[data-bbd-page=board] .chip.grey,.b3[data-bbd-page=widgets] .chip.grey{background:var(--dim-soft);color:var(--ink-dim)}
.b3[data-bbd-page=board] .board,.b3[data-bbd-page=widgets] .board{border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:var(--panel-2)}
.b3[data-bbd-page=board] .board .head,.b3[data-bbd-page=widgets] .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}
.b3[data-bbd-page=board] .board .head b,.b3[data-bbd-page=widgets] .board .head b{color:var(--ink);font-weight:600}
.b3[data-bbd-page=board] .tblwrap,.b3[data-bbd-page=widgets] .tblwrap{overflow-x:auto}
.b3[data-bbd-page=board] table.bd,.b3[data-bbd-page=widgets] table.bd{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.b3[data-bbd-page=board] table.bd th,.b3[data-bbd-page=widgets] table.bd th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:9px 14px;border-bottom:1px solid var(--line)}
.b3[data-bbd-page=board] table.bd td,.b3[data-bbd-page=widgets] table.bd td{padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.b3[data-bbd-page=board] table.bd td.n,.b3[data-bbd-page=widgets] table.bd td.n,.b3[data-bbd-page=board] table.bd th.n,.b3[data-bbd-page=widgets] table.bd th.n{text-align:right}
.b3[data-bbd-page=board] table.bd tr:last-child td,.b3[data-bbd-page=widgets] table.bd tr:last-child td{border-bottom:0}
.b3[data-bbd-page=board] table.bd .team,.b3[data-bbd-page=widgets] table.bd .team{font-weight:600}
.b3[data-bbd-page=board] table.bd .at,.b3[data-bbd-page=widgets] table.bd .at{color:var(--faint);padding:0 6px}
.b3[data-bbd-page=board] .board .foot,.b3[data-bbd-page=widgets] .board .foot{padding:10px 14px;font-size:12.5px;color:var(--faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.b3[data-bbd-page=board] .grid2,.b3[data-bbd-page=widgets] .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:820px){.b3[data-bbd-page=board] .grid2,.b3[data-bbd-page=widgets] .grid2{grid-template-columns:1fr}}
.b3[data-bbd-page=board] .card,.b3[data-bbd-page=widgets] .card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.b3[data-bbd-page=board] .card h3,.b3[data-bbd-page=widgets] .card h3{font-size:16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.b3[data-bbd-page=board] .card h3 small,.b3[data-bbd-page=widgets] .card h3 small{font-weight:500;color:var(--faint);font-size:12.5px}
.b3[data-bbd-page=board] .card p,.b3[data-bbd-page=widgets] .card p{margin:0 0 10px;color:var(--ink-dim);font-size:13.5px}
.b3[data-bbd-page=board] .card ul,.b3[data-bbd-page=widgets] .card ul{margin:0;padding-left:18px;color:var(--ink-dim);font-size:13.5px}
.b3[data-bbd-page=board] .card li,.b3[data-bbd-page=widgets] .card li{margin:4px 0}
.b3[data-bbd-page=board] .card code.block,.b3[data-bbd-page=widgets] .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}
.b3[data-bbd-page=board] .enterprise,.b3[data-bbd-page=widgets] .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}
.b3[data-bbd-page=board] .enterprise p,.b3[data-bbd-page=widgets] .enterprise p{margin:0;color:var(--ink-dim);font-size:14px}
.b3[data-bbd-page=board] .enterprise b,.b3[data-bbd-page=widgets] .enterprise b{color:var(--ink)}
.b3[data-bbd-page=board] .sum .row,.b3[data-bbd-page=widgets] .sum .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.b3[data-bbd-page=board] .sum .row:last-child,.b3[data-bbd-page=widgets] .sum .row:last-child{border-bottom:0;font-weight:600;font-size:16px}
.b3[data-bbd-page=board] .sum .row span:last-child,.b3[data-bbd-page=widgets] .sum .row span:last-child{font-family:var(--mono)}
.b3[data-bbd-page=board] table.vers,.b3[data-bbd-page=widgets] table.vers{width:100%;border-collapse:collapse;font-size:13px}
.b3[data-bbd-page=board] table.vers td,.b3[data-bbd-page=widgets] table.vers td{padding:8px 0;border-top:1px solid var(--line)}
.b3[data-bbd-page=board] table.vers td:last-child,.b3[data-bbd-page=widgets] table.vers td:last-child{text-align:right}
.b3[data-bbd-page=board] table.vers .v,.b3[data-bbd-page=widgets] table.vers .v{font-family:var(--mono);color:var(--action-hi);font-weight:600}
.b3[data-bbd-page=board] .sw,.b3[data-bbd-page=widgets] .sw{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);cursor:pointer;padding:6px 0}
.b3[data-bbd-page=board] .sw input,.b3[data-bbd-page=widgets] .sw input{width:34px;height:20px;accent-color:var(--green);margin:0}
.b3[data-bbd-page=board] .bhead,.b3[data-bbd-page=widgets] .bhead{padding:34px 0 18px}
.b3[data-bbd-page=board] .crumb,.b3[data-bbd-page=widgets] .crumb{font-size:12.5px;color:var(--faint);margin-bottom:12px}
.b3[data-bbd-page=board] .crumb a,.b3[data-bbd-page=widgets] .crumb a{color:var(--faint);text-decoration:none}
.b3[data-bbd-page=board] .crumb a:hover,.b3[data-bbd-page=widgets] .crumb a:hover{color:var(--ink)}
.b3[data-bbd-page=board] .crumb span,.b3[data-bbd-page=widgets] .crumb span{margin:0 6px}
.b3[data-bbd-page=board] .bhead-row,.b3[data-bbd-page=widgets] .bhead-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.b3[data-bbd-page=board] .bhead h1,.b3[data-bbd-page=widgets] .bhead h1{font-size:34px;line-height:1.1;margin-bottom:8px}
@media (max-width:640px){.b3[data-bbd-page=board] .bhead h1,.b3[data-bbd-page=widgets] .bhead h1{font-size:27px}}
.b3[data-bbd-page=board] .bhead .sub,.b3[data-bbd-page=widgets] .bhead .sub{margin:0;color:var(--ink-dim);font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.b3[data-bbd-page=board] .bhead .cta,.b3[data-bbd-page=widgets] .bhead .cta{flex-direction:column;align-items:flex-start;gap:8px;max-width:340px}
.b3[data-bbd-page=board] .bhead .cta .fine,.b3[data-bbd-page=widgets] .bhead .cta .fine{line-height:1.4}
.b3[data-bbd-page=board] table.bd thead th[data-k],.b3[data-bbd-page=widgets] table.bd thead th[data-k]{cursor:pointer;user-select:none;white-space:nowrap}
.b3[data-bbd-page=board] table.bd thead th[data-k]:hover,.b3[data-bbd-page=widgets] table.bd thead th[data-k]:hover{color:var(--ink)}
.b3[data-bbd-page=board] table.bd thead th[aria-sort]::after,.b3[data-bbd-page=widgets] table.bd thead th[aria-sort]::after{content:" \2193";color:var(--action)}
.b3[data-bbd-page=board] table.bd thead th[aria-sort="ascending"]::after,.b3[data-bbd-page=widgets] table.bd thead th[aria-sort="ascending"]::after{content:" \2191"}
.b3[data-bbd-page=board] table.bd td.dim,.b3[data-bbd-page=widgets] table.bd td.dim{color:var(--faint)}
.b3[data-bbd-page=board] table.bd td.gap-mid,.b3[data-bbd-page=widgets] table.bd td.gap-mid{color:var(--gold);font-weight:600}
.b3[data-bbd-page=board] table.bd td.gap-hi,.b3[data-bbd-page=widgets] table.bd td.gap-hi{color:var(--green);font-weight:700}
.b3[data-bbd-page=board] table.bd tr.locked td,.b3[data-bbd-page=widgets] table.bd tr.locked td{color:var(--faint)}
.b3[data-bbd-page=board] table.bd td.lockcell,.b3[data-bbd-page=widgets] table.bd td.lockcell{font-size:12.5px;color:var(--faint);letter-spacing:.01em}
.b3[data-bbd-page=board] table.bd td.lockcell svg,.b3[data-bbd-page=widgets] table.bd td.lockcell svg{vertical-align:-1px;margin-right:4px}
.b3[data-bbd-page=board] table.bd td.lockcell a,.b3[data-bbd-page=widgets] table.bd td.lockcell a{color:var(--action);text-decoration:none}
.b3[data-bbd-page=board] table.bd td.lockcell a:hover,.b3[data-bbd-page=widgets] table.bd td.lockcell a:hover{text-decoration:underline}
.b3[data-bbd-page=board] .vers,.b3[data-bbd-page=widgets] .vers{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-2)}
.b3[data-bbd-page=board] .ver,.b3[data-bbd-page=widgets] .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}
.b3[data-bbd-page=board] .ver:first-child,.b3[data-bbd-page=widgets] .ver:first-child{border-top:0}
.b3[data-bbd-page=board] .ver b,.b3[data-bbd-page=widgets] .ver b{font-size:13px;color:var(--action)}
.b3[data-bbd-page=board] .ver.cur b,.b3[data-bbd-page=widgets] .ver.cur b{color:var(--green)}
.b3[data-bbd-page=board] .ver .when,.b3[data-bbd-page=widgets] .ver .when{color:var(--ink);font-family:var(--mono);font-size:12.5px}
.b3[data-bbd-page=board] .ver .note,.b3[data-bbd-page=widgets] .ver .note{color:var(--ink-dim)}
@media (max-width:640px){.b3[data-bbd-page=board] .ver,.b3[data-bbd-page=widgets] .ver{grid-template-columns:44px 1fr;gap:6px 10px}}
@media (max-width:640px){.b3[data-bbd-page=board] .ver .note,.b3[data-bbd-page=widgets] .ver .note{grid-column:1 / -1}}
.b3[data-bbd-page=board] .read .card h3,.b3[data-bbd-page=widgets] .read .card h3{font-size:14.5px}
.b3[data-bbd-page=board] .read .card p,.b3[data-bbd-page=widgets] .read .card p{font-size:13.5px}
.b3[data-bbd-page=board] .read .card p b,.b3[data-bbd-page=widgets] .read .card p b{color:var(--ink);font-family:var(--mono)}
.b3[data-bbd-page=board] .plancard li span .num,.b3[data-bbd-page=widgets] .plancard li span .num{color:var(--ink)}
.b3[data-bbd-page=board] .whatgrid .card h3,.b3[data-bbd-page=widgets] .whatgrid .card h3{font-size:15px}
.b3[data-bbd-page=board] .whatgrid .card ul,.b3[data-bbd-page=widgets] .whatgrid .card ul{padding-left:0;list-style:none}
.b3[data-bbd-page=board] .whatgrid .card li,.b3[data-bbd-page=widgets] .whatgrid .card li{padding:5px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}
.b3[data-bbd-page=board] .whatgrid .card li:first-child,.b3[data-bbd-page=widgets] .whatgrid .card li:first-child{border-top:0}
.b3[data-bbd-page=board] .whatgrid .card li b,.b3[data-bbd-page=widgets] .whatgrid .card li b{color:var(--ink);font-weight:600;font-size:13.5px}
.b3[data-bbd-page=board] .whatgrid .card li span,.b3[data-bbd-page=widgets] .whatgrid .card li span{color:var(--faint);font-size:12.5px;text-align:right}
.b3[data-bbd-page=board] table.miss td.n,.b3[data-bbd-page=widgets] table.miss td.n,.b3[data-bbd-page=board] table.miss th.n,.b3[data-bbd-page=widgets] table.miss th.n{text-align:right}
.b3[data-bbd-page=board] .steps .card b.k,.b3[data-bbd-page=widgets] .steps .card b.k{display:block;font-family:var(--mono);font-size:12px;color:var(--action);margin-bottom:6px}
.b3[data-bbd-page=board] .vers .ver.more,.b3[data-bbd-page=widgets] .vers .ver.more{display:none}
.b3[data-bbd-page=board] .vers.open .ver.more,.b3[data-bbd-page=widgets] .vers.open .ver.more{display:grid}
.b3[data-bbd-page=board] .vers-more,.b3[data-bbd-page=widgets] .vers-more{display:block;width:100%;padding:10px 16px;background:transparent;border:0;border-top:1px solid var(--line);color:var(--action);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.b3[data-bbd-page=board] .vers-more:hover,.b3[data-bbd-page=widgets] .vers-more:hover{text-decoration:underline}
.b3[data-bbd-page=board] table.bd tr.locked.dots td,.b3[data-bbd-page=widgets] table.bd tr.locked.dots td{padding-top:4px;padding-bottom:4px}
.b3[data-bbd-page=board] table.bd td.lockdots,.b3[data-bbd-page=widgets] table.bd td.lockdots{color:var(--faint);letter-spacing:.35em;font-size:11px;padding-left:18px}
.b3[data-bbd-page=board] table.bd td.lockcell,.b3[data-bbd-page=widgets] table.bd td.lockcell{background:var(--panel)}
.b3[data-bbd-page=board] table.bd td.lockcell b,.b3[data-bbd-page=widgets] table.bd td.lockcell b{color:var(--ink);font-weight:600}
.b3[data-bbd-page=board] .tblwrap,.b3[data-bbd-page=widgets] .tblwrap{position:relative}
@media (max-width:760px){.b3[data-bbd-page=board] .tblwrap.wide,.b3[data-bbd-page=widgets] .tblwrap.wide{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}
@media (max-width:760px){.b3[data-bbd-page=board] .tblwrap.wide.scrolled,.b3[data-bbd-page=widgets] .tblwrap.wide.scrolled{-webkit-mask-image:none;mask-image:none}}
.b3[data-bbd-page=board] table.bd td.n.num,.b3[data-bbd-page=widgets] table.bd td.n.num{font-weight:600;color:var(--ink)}
.b3[data-bbd-page=board] table.bd td.n.num.dim,.b3[data-bbd-page=widgets] table.bd td.n.num.dim{font-weight:400;color:var(--faint);font-size:12.5px}
.b3[data-bbd-page=board] table.bd td.gap-mid,.b3[data-bbd-page=widgets] table.bd td.gap-mid,.b3[data-bbd-page=board] table.bd td.gap-hi,.b3[data-bbd-page=widgets] table.bd td.gap-hi{font-size:14px;border-radius:6px}
.b3[data-bbd-page=board] table.bd td.gap-hi,.b3[data-bbd-page=widgets] table.bd td.gap-hi{background:rgba(52,211,153,.08)}
.b3[data-bbd-page=board] table.bd td.gap-mid,.b3[data-bbd-page=widgets] table.bd td.gap-mid{background:rgba(245,197,66,.08)}
.b3[data-bbd-page=board] table.bd thead th[data-k="sp"],.b3[data-bbd-page=widgets] table.bd thead th[data-k="sp"],.b3[data-bbd-page=board] table.bd thead th[data-k="tot"],.b3[data-bbd-page=widgets] table.bd thead th[data-k="tot"],.b3[data-bbd-page=board] table.bd thead th[data-k="wp"],.b3[data-bbd-page=widgets] table.bd thead th[data-k="wp"],.b3[data-bbd-page=board] table.bd thead th[data-k="gap"],.b3[data-bbd-page=widgets] table.bd thead th[data-k="gap"]{color:var(--ink)}
.b3[data-bbd-page=board] #what .board,.b3[data-bbd-page=widgets] #what .board{box-shadow:0 18px 50px -30px rgba(0,0,0,.6)}

/* ---- V7 (10-Oct-2026) ------------------------------------------------------------------------------------------------------
   1. [hidden] always wins: the phone table layout (tr{display:grid|block}) beat the hidden attribute, so league filters did nothing.
   2. "See it where you post it" (Storylines pipelines, Helpers/BbB2BPipes.cs): tabs + one panel per platform. The frame uses site
      tokens; the platform mocks keep the platform's own colours in both themes (like the X post above). */
.b3 [hidden]{display:none!important}

.b3 .pipe-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:16px 22px 0}
.b3 .pipe-tabs button{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--ui);min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);cursor:pointer}
.b3 .pipe-tabs button[aria-selected="true"]{background:#05070B;border-color:#05070B;color:#fff;box-shadow:inset 0 -3px 0 var(--action-hi)}
.b3 .pipe-tabs button:focus-visible{outline:2px solid var(--action);outline-offset:3px}
.b3 .pipe{padding:16px 22px 22px;min-width:0}
.b3 .pipe-for{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin:0 0 14px;font-size:15px;color:var(--ink)}
.b3 .pipe-for span{font:600 12px/1.3 var(--mono);letter-spacing:.04em;color:var(--faint);text-transform:uppercase}
.b3 .pipe-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start}
.b3 .pipe-stage{display:grid;gap:14px;min-width:0}
.b3 .pipe-sub{margin:4px 0 0;font-size:14px;color:var(--ink-dim)}
.b3 .pipe-facts{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;font-size:14px}
.b3 .pipe-facts h4{font:800 11.5px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 10px}
.b3 .pipe-facts ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.b3 .pipe-facts li{color:var(--ink);line-height:1.45;overflow-wrap:anywhere}
.b3 .pipe-facts li span{display:block;font:500 12px/1.4 var(--mono);color:var(--faint);margin-top:2px}
.b3 .pipe-facts p{margin:12px 0 0;color:var(--ink-dim);font-size:13px;line-height:1.45}
.b3 .tc{font:700 12px/1.6 var(--mono);color:var(--action-hi)}
@media (max-width:900px){.b3 .pipe-grid{grid-template-columns:minmax(0,1fr)}.b3 .pipe-tabs,.b3 .pipe{padding-left:16px;padding-right:16px}}
@media (max-width:700px){.b3 .pipe-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}.b3 .pipe-tabs::-webkit-scrollbar{display:none}.b3 .pipe-tabs button{flex:0 0 auto}}

/* X */
.b3 .xm{background:#fff;color:#0F1419;border:1px solid #CFD9DE;border-radius:16px;padding:12px 16px;display:grid;gap:8px;font:400 15px/1.45 -apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;min-width:0;max-width:560px}
.b3 .xm-hd{display:flex;gap:10px;align-items:center;min-width:0}
.b3 .xm-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 var(--ui);color:#fff;flex:0 0 40px}
.b3 .xm-nm{min-width:0;flex:1}
.b3 .xm-nm b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3 .xm-nm span{display:block;color:#536471;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3 .xm-logo{color:#0F1419;flex:0 0 auto;display:grid}
.b3 .xm-tx{overflow-wrap:anywhere}
.b3 .xm-act{display:flex;justify-content:space-between;max-width:400px;color:#536471;padding-top:2px}
.b3 .xm-thread{display:grid;max-width:560px}
.b3 .xm-thread .xm{border-radius:0;border-top:0;position:relative}
.b3 .xm-thread .xm:first-child{border-top:1px solid #CFD9DE;border-radius:16px 16px 0 0}
.b3 .xm-thread .xm:last-child{border-radius:0 0 16px 16px}
.b3 .xm-thread .xm:not(:last-child)::before{content:"";position:absolute;left:35px;top:58px;bottom:-12px;width:2px;background:#CFD9DE}
/* Instagram */
.b3 .igm{background:#fff;color:#000;border:1px solid #DBDBDB;border-radius:10px;max-width:420px;font:400 14px/1.45 -apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;overflow:hidden}
.b3 .igm-hd{display:flex;align-items:center;gap:10px;padding:10px 12px}
.b3 .igm-ring{padding:2px;border-radius:50%;background:linear-gradient(45deg,#F9CE34,#EE2A7B,#6228D7);display:inline-grid}
.b3 .igm-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--ui);color:#fff;border:2px solid #fff}
.b3 .igm-hd b{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.b3 .igm-dots{font-weight:700}
.b3 .igm-img{aspect-ratio:1/1;background:radial-gradient(120% 90% at 20% 10%,#C8102E,#5B0A16 70%,#2A060B);color:#fff;display:grid;place-content:center;text-align:center;gap:10px;padding:24px}
.b3 .igm-img b{font:italic 900 clamp(56px,12vw,96px)/.9 var(--disp);text-transform:uppercase}
.b3 .igm-img span{font:600 15px/1.3 var(--ui);opacity:.92}
.b3 .igm-act{display:flex;gap:14px;padding:10px 12px 4px;color:#000}
.b3 .igm-cap{padding:4px 12px 14px;overflow-wrap:anywhere}
.b3 .igm-cap i{font-style:normal;color:#00376B}
/* TikTok / Reels / Shorts */
.b3 .ttm-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}
.b3 .ttm{position:relative;aspect-ratio:9/16;border-radius:26px;background:linear-gradient(180deg,#1B1F2A,#0B0D12 60%,#000);border:6px solid #111;color:#fff;overflow:hidden;font:400 13px/1.35 -apple-system,'Segoe UI',Roboto,sans-serif}
.b3 .ttm-top{display:flex;justify-content:center;gap:14px;padding:12px 0;font-size:13px}
.b3 .ttm-top span{opacity:.6}
.b3 .ttm-on{position:absolute;left:12px;right:52px;top:36%;font:italic 900 26px/1 var(--disp);text-transform:uppercase;background:rgba(0,0,0,.5);padding:8px 10px;border-radius:6px}
.b3 .ttm-rail{position:absolute;right:8px;bottom:86px;display:grid;gap:16px;justify-items:center}
.b3 .ttm-rail i{width:34px;height:34px;border-radius:50%;background:#E8590C;border:2px solid #fff}
.b3 .ttm-ft{position:absolute;left:12px;right:52px;bottom:14px;display:grid;gap:4px}
.b3 .ttm-beats{margin:0;padding:0;list-style:none;display:grid;gap:8px;min-width:0}
.b3 .ttm-beats li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--ink);line-height:1.45}
@media (max-width:700px){.b3 .ttm-wrap{grid-template-columns:minmax(0,1fr)}.b3 .ttm{width:100%;max-width:240px}}
/* Podcast run-sheet */
.b3 .pdm{background:#FFFDF7;color:#1E1B16;border:1px solid #E7E0CF;border-radius:12px;padding:18px clamp(14px,3vw,24px);font:400 15px/1.5 var(--ui);max-width:640px}
.b3 .pdm-hd{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:2px solid #1E1B16;margin-bottom:12px}
.b3 .pdm-hd b{display:block;font:italic 900 24px/1 var(--disp);text-transform:uppercase}
.b3 .pdm-hd div>span:last-child{font-size:13px;color:#6B6252}
.b3 .pdm-ic{width:40px;height:40px;border-radius:10px;background:#7C3AED;color:#fff;display:grid;place-items:center;flex:0 0 40px}
.b3 .pdm-k{display:block;font:800 10.5px/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#7C3AED}
.b3 .pdm-seg{margin:0;padding:0;list-style:none}
.b3 .pdm-seg>li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px dashed #DDD3BC}
.b3 .pdm-seg .tc{color:#7C3AED}
.b3 .pdm-seg ul{margin:4px 0 0;padding-left:18px}
.b3 .pdm-read{margin:6px 0 0;font-style:italic;color:#3D372D}
.b3 .pdm-read span{font:800 10.5px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:#7C3AED}
.b3 .pdm-cards{display:grid;gap:8px;margin-top:14px}
.b3 .pdm-cards p{margin:0;background:#1E1B16;color:#FFFDF7;border-radius:8px;padding:10px 12px;font-weight:600}
/* YouTube */
.b3 .ytm{background:#fff;color:#0F0F0F;border-radius:12px;max-width:600px;font:400 14px/1.45 Roboto,'Segoe UI',Arial,sans-serif;border:1px solid #E5E5E5;overflow:hidden}
.b3 .ytm-player{aspect-ratio:16/9;background:linear-gradient(135deg,#0B0D12,#3A0A12);color:#fff;display:grid;place-items:center;position:relative;padding:20px}
.b3 .ytm-player b{font:italic 900 clamp(26px,4vw,40px)/.95 var(--disp);text-transform:uppercase;text-align:center;max-width:90%}
.b3 .ytm-play{position:absolute;width:64px;height:44px;border-radius:12px;background:#FF0000;display:grid;place-items:center;bottom:16px;right:16px}
.b3 .ytm h5{font:700 18px/1.3 Roboto,'Segoe UI',Arial,sans-serif;margin:12px 14px 6px}
.b3 .ytm-ch{display:flex;gap:10px;align-items:center;padding:0 14px 10px}
.b3 .ytm-av{width:32px;height:32px;border-radius:50%;background:#0F0F0F;color:#fff;display:grid;place-items:center;font:700 11px/1 var(--ui)}
.b3 .ytm-desc{background:#F2F2F2;border-radius:10px;margin:0 14px 12px;padding:10px 12px}
.b3 .ytm-desc p{margin:0 0 6px}
.b3 .ytm-cp span{color:#065FD4;font-weight:500}
.b3 .ytm-open{margin:0 14px 14px;padding:10px 12px;border-left:3px solid #FF0000;background:#FFF7F7}
.b3 .ytm-open .pdm-k{color:#CC0000}
.b3 .ytm-open p{margin:4px 0 0}
/* Blog: the Google result, then the page */
.b3 .serp{background:#fff;color:#202124;border:1px solid #DADCE0;border-radius:12px;padding:14px 16px;max-width:600px;font:400 14px/1.58 Arial,sans-serif}
.b3 .serp-site{display:flex;gap:10px;align-items:center;margin-bottom:4px;min-width:0}
.b3 .serp-fav{width:28px;height:28px;border-radius:50%;background:#F1F3F4;display:grid;place-items:center;color:#5F6368;flex:0 0 28px}
.b3 .serp-site b{display:block;font-weight:400;font-size:14px}
.b3 .serp-site span{display:block;font-size:12px;color:#4D5156;overflow-wrap:anywhere}
.b3 .serp h5{font:400 20px/1.3 Arial,sans-serif;color:#1A0DAB;margin:4px 0 2px}
.b3 .serp p{margin:0;color:#4D5156}
.b3 .blm{background:#fff;color:#1F2328;border:1px solid #D0D7DE;border-radius:12px;overflow:hidden;max-width:640px}
.b3 .blm-bar{display:flex;gap:6px;align-items:center;padding:8px 12px;background:#F6F8FA;border-bottom:1px solid #D0D7DE;min-width:0}
.b3 .blm-bar i{width:10px;height:10px;border-radius:50%;background:#D0D7DE;flex:0 0 10px}
.b3 .blm-bar span{margin-left:8px;flex:1;min-width:0;background:#fff;border:1px solid #D0D7DE;border-radius:6px;padding:3px 10px;font:12px/1.4 var(--mono);color:#57606A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b3 .blm-body{padding:18px clamp(14px,3vw,26px);font:400 16.5px/1.65 Georgia,'Times New Roman',serif}
.b3 .blm-body h4{font:700 26px/1.2 Georgia,serif;margin:0 0 10px;color:#111}
.b3 .blm-lead{font-size:17.5px;color:#333}
.b3 .blm-body h6{font:700 19px/1.3 Georgia,serif;margin:16px 0 6px;color:#111}
.b3 .blm-body p{margin:0 0 10px}
/* Newsletter: the inbox row, then the email */
.b3 .nlm-inbox{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:start;background:#fff;color:#202124;border:1px solid #DADCE0;border-radius:12px;padding:12px 14px;max-width:640px;font:400 14px/1.4 Arial,sans-serif}
.b3 .nlm-av{width:36px;height:36px;border-radius:50%;background:#FF6719;color:#fff;display:grid;place-items:center;font:700 13px/1 var(--ui)}
.b3 .nlm-inbox b,.b3 .nlm-subj{display:block;font-weight:700}
.b3 .nlm-pre{display:block;color:#5F6368;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b3 .nlm-time{font-size:12px;color:#5F6368}
.b3 .nlm{background:#fff;color:#363737;border:1px solid #E6E6E6;border-radius:12px;padding:22px clamp(14px,3vw,30px);max-width:640px;font:400 17px/1.6 Georgia,serif}
.b3 .nlm h4{font:700 26px/1.2 Georgia,serif;color:#1A1A1A;margin:0 0 4px}
.b3 .nlm .nlm-from{font:600 13px/1 var(--ui);color:#FF6719;margin:0 0 16px}
.b3 .nlm p{margin:0 0 12px}
/* Newsroom fact sheet */
.b3 .nrm{background:#F7F7F2;color:#1A1A1A;border:1px solid #D9D9CF;border-radius:6px;padding:16px 18px;max-width:640px;font:400 14.5px/1.55 var(--mono)}
.b3 .nrm-hd{display:flex;gap:10px;align-items:baseline;border-bottom:2px solid #1A1A1A;padding-bottom:8px;margin-bottom:10px;flex-wrap:wrap}
.b3 .nrm-hd span{font-weight:700;font-size:11px;letter-spacing:.14em;color:#8A1C1C}
.b3 .nrm ol{margin:0;padding-left:22px;display:grid;gap:10px}
.b3 .nrm li p{margin:0;font-family:Georgia,serif;font-size:15.5px}
.b3 .nrm li span{font-size:12px;color:#6B6B60}
.b3 .nrm-note{margin:12px 0 0;font-size:12.5px;color:#6B6B60}
/* App push on a lock screen */
.b3 .psm{max-width:320px;aspect-ratio:3/4;border-radius:30px;border:6px solid #111;background:linear-gradient(160deg,#2B3A67,#0E1428 60%,#05070B);padding:20px 12px;display:grid;align-content:start;gap:18px;color:#fff;font:400 14px/1.35 -apple-system,'Segoe UI',Roboto,sans-serif}
.b3 .psm-day{text-align:center;font-size:13px;opacity:.7}
.b3 .psm-n{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;background:rgba(255,255,255,.84);color:#111;border-radius:16px;padding:12px}
.b3 .psm-app{width:34px;height:34px;border-radius:8px;background:#2563EB;color:#fff;display:grid;place-items:center}
.b3 .psm-top{display:flex;justify-content:space-between;font-size:12px;color:#444}
.b3 .psm-t{display:block;margin-top:2px}
.b3 .psm-n p{margin:2px 0 0}

/* ---- V8 (10-Oct-2026): app screens on /data/apps (Helpers/BbB2BPipes.cs AppScreens) - live board numbers in a pick'em card, a
   Storylines fact on a match card, a push alert. Phone frames keep app colours in both themes; a swipe rail on phones. */
.b3 .appscr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 22px 22px;align-items:start}
.b3 .appm{margin:0;background:#fff;color:#111827;border:6px solid #111;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;min-width:0;max-width:300px;min-height:360px;font:400 14px/1.4 -apple-system,'Segoe UI',Roboto,sans-serif}
.b3 .appm-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#05070B;color:#fff}
.b3 .appm-bar span{font:600 12px/1 var(--mono);color:#8A96AA}
.b3 .appm-body{padding:14px;display:grid;gap:10px;align-content:start}
.b3 .appm-k{font:700 11px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#5A6B82}
.b3 .appm-g{font:italic 900 26px/1 var(--disp);text-transform:uppercase}
.b3 .appm-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.b3 .appm-pick button{min-height:44px;border-radius:10px;border:1px solid #D0D7DE;background:#F6F8FC;font:700 14px/1 var(--ui);color:#111827;cursor:default}
.b3 .appm-num{margin:0;font-size:15px}
.b3 .appm-num span{color:#5A6B82}
.b3 .appm-num b{font-family:var(--mono);color:#0B7D4F}
.b3 .appm-fine{margin:0;font-size:12px;color:#5A6B82}
.b3 .appm-fact{background:#EEF4FF;border-left:3px solid #2563EB;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.45}
.b3 .appm-fact span{display:block;font:800 10.5px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#2563EB;margin-bottom:2px}
.b3 .appm figcaption{margin-top:auto;padding:10px 14px;border-top:1px solid #E5E7EB;font:600 12.5px/1.3 var(--ui);color:#48566B;background:#F6F8FC}
.b3 .appm.dark{background:linear-gradient(160deg,#2B3A67,#0E1428 60%,#05070B);padding-top:22px}
.b3 .appm.dark .psm-n{margin:0 10px}
.b3 .appm.dark figcaption{background:rgba(255,255,255,.08);color:#DBE7FF;border-top-color:rgba(255,255,255,.12)}
@media (max-width:900px){.b3 .appscr{padding-left:16px;padding-right:16px}}
@media (max-width:700px){.b3 .appscr{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;scrollbar-width:none;overscroll-behavior-x:contain;gap:12px}.b3 .appscr::-webkit-scrollbar{display:none}.b3 .appm{flex:0 0 82%;scroll-snap-align:start}}