/* ===== bb-sect.base.css ===== */
/* bb-sect - the shared broadcast layer for live scores, the free tools, fantasy and the betting academy (owner 10-Oct-2026:
   "do live scores, all the free tools, fantasy pages, and academy pages ... dont need mockups just do it according to designs we
   have agreed on"). Rules: .claude/design-system/DESIGN_RULEBOOK.md; reference builds bb-topx / bb-pages / bb-results-v10 / bb-subs.
   Loaded AFTER each page's own stylesheet and scoped under .bbs (+ .bbs-sc scores / .bbs-tl tools / .bbs-fx fantasy / .bbs-ac
   academy), so it restyles only: every server control, server-built block, id, data hook, link and JSON-LD source stays where
   the page puts it. Type scale = the rulebook (H1 clamp(44px,5.4vw,78px), H2 clamp(34px,3.8vw,54px)), never mockup pixels. */

.bbs{--bs-disp:'Barlow Condensed','Arial Narrow','Roboto Condensed',sans-serif;--bs-blue:#2563EB;--bs-blue-hi:#1D4ED8;--bs-black:#05070B;
  --bs-bar-line:#1B2230;--bs-bar-dim:#8A96AA;--bs-faint:#7D8BA0;--bs-line:rgba(255,255,255,.10);--bs-line2:rgba(255,255,255,.16);
  --bs-gold:#F5B301;--bs-gold-soft:rgba(245,179,1,.14);--bs-hi-soft:rgba(52,211,153,.14);--bs-long-soft:rgba(255,255,255,.07);
  --bs-green:#34D399;--bs-red:#F87171;--bs-wash:rgba(59,130,246,.16);--bs-shadow:0 30px 70px -24px rgba(0,0,0,.7);}
:root[data-theme="light"] .bbs{--bs-faint:#5A6B82;--bs-line:rgba(16,24,40,.12);--bs-line2:rgba(16,24,40,.18);--bs-gold:#8A6210;--bs-gold-soft:rgba(180,130,20,.13);
  --bs-hi-soft:rgba(15,157,99,.12);--bs-long-soft:rgba(16,24,40,.06);--bs-green:#0B7D4F;--bs-red:#C2410C;--bs-wash:rgba(37,99,235,.10);--bs-shadow:0 30px 60px -24px rgba(23,37,64,.35);}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) .bbs{--bs-faint:#5A6B82;--bs-line:rgba(16,24,40,.12);--bs-line2:rgba(16,24,40,.18);
  --bs-gold:#8A6210;--bs-gold-soft:rgba(180,130,20,.13);--bs-hi-soft:rgba(15,157,99,.12);--bs-long-soft:rgba(16,24,40,.06);--bs-green:#0B7D4F;--bs-red:#C2410C;
  --bs-wash:rgba(37,99,235,.10);--bs-shadow:0 30px 60px -24px rgba(23,37,64,.35);}}

/* ---------- frame + type ---------- */
.bbs{color:var(--ink);font-family:var(--ui);line-height:1.55;}
.bbs *,.bbs *::before,.bbs *::after{box-sizing:border-box;}
.bbs :where(a,button,summary,input,select):focus-visible{outline:2px solid var(--action);outline-offset:3px;border-radius:8px;}
.bbs .bs-w{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}
.bbs .bs-hero{padding-top:36px;padding-bottom:40px;}
.bbs .bs-sec{padding-bottom:56px;}
.bbs .bs-kick{display:block;font:800 11.5px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);margin:0 0 10px;}
.bbs .bs-h1{font-family:var(--bs-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase;line-height:.9 !important;
  letter-spacing:-.005em !important;font-size:clamp(44px,5.4vw,78px) !important;margin:0 0 18px !important;color:var(--ink) !important;text-wrap:balance;}
.bbs .bs-h2{font-family:var(--bs-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase;line-height:.9 !important;
  letter-spacing:-.005em !important;font-size:clamp(34px,3.8vw,54px) !important;margin:0 0 12px !important;color:var(--ink) !important;text-wrap:balance;}
.bbs .bs-h1 span,.bbs .bs-h2 span,.bbs .bs-blue{color:var(--action) !important;}
.bbs .bs-lead{font-size:18px;line-height:1.55;color:var(--ink-dim);max-width:34em;margin:0;}
.bbs .bs-mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}
.bbs .bs-cap{display:block;font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bs-faint);}

/* broadcast bits */
.bbs .bs-tag{display:inline-flex;align-items:center;white-space:nowrap;background:var(--bs-blue);color:#fff;font:italic 900 14px/1 var(--bs-disp);
  text-transform:uppercase;letter-spacing:.06em;padding:7px 18px 7px 10px;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);}
.bbs .bs-bar{display:flex;align-items:center;gap:12px;background:var(--bs-black);color:#fff;border-radius:14px 14px 0 0;min-height:50px;padding:0 16px 0 0;}
.bbs .bs-bar .bs-tag{align-self:stretch;padding:0 24px 0 14px;font-size:16px;}
.bbs .bs-bar .bs-barname{font:italic 900 22px/1 var(--bs-disp);text-transform:uppercase;color:#fff;}
.bbs .bs-bar .bs-barct{margin-left:auto;font:700 11.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bs-bar-dim);white-space:nowrap;}

/* buttons: one blue action per view */
.bbs .bs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border:0;border-radius:12px;
  background:var(--bs-blue);color:#fff !important;font:700 16px/1.2 var(--ui);cursor:pointer;text-decoration:none;box-shadow:0 12px 26px -14px rgba(37,99,235,.9);}
.bbs .bs-btn:hover{background:var(--bs-blue-hi);}
.bbs .bs-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--line-strong);
  border-radius:12px;background:transparent;color:var(--ink) !important;font:700 15px/1.2 var(--ui);cursor:pointer;text-decoration:none;}
.bbs .bs-ghost:hover{border-color:var(--action);}

/* link tiles (rulebook law 12): same size, one fact, phone = swipe rail */
.bbs .bs-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.bbs .bs-tile{display:flex;flex-direction:column;gap:6px;min-width:0;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;padding:18px 18px 16px;
  color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s;}
.bbs a.bs-tile:hover{border-color:var(--action);transform:translateY(-1px);}
.bbs .bs-tile .bs-tn{font:800 17px/1.25 var(--ui);color:var(--ink);}
.bbs .bs-tile .bs-tf{font:500 14px/1.45 var(--ui);color:var(--ink-dim);}
.bbs .bs-tile .bs-tgo{margin-top:auto;padding-top:8px;font:700 14px/1.2 var(--ui);color:var(--action);}

/* questions */
.bbs .bs-faq{max-width:860px;border-top:1px solid var(--bs-line);}
.bbs .bs-faq details{border-bottom:1px solid var(--bs-line);}
.bbs .bs-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 2px;font:700 18px/1.35 var(--ui);color:var(--ink);}
.bbs .bs-faq summary::-webkit-details-marker{display:none;}
.bbs .bs-faq summary::after{content:"+";flex:none;font:500 26px/1 var(--mono);color:var(--action);}
.bbs .bs-faq details[open] summary::after{content:"\2013";}

/* end card */
.bbs .bs-endc{background:var(--bs-black);color:#fff;border-radius:28px;padding:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 40px;align-items:center;}
.bbs .bs-endc h2{font-family:var(--bs-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase;line-height:.9 !important;
  font-size:clamp(32px,3.6vw,50px) !important;margin:0 !important;color:#fff !important;}
.bbs .bs-endc h2 span{color:#60A5FA !important;}
.bbs .bs-endc p{color:#AEB8C8;margin:10px 0 0;}

@media (max-width:900px){
  .bbs .bs-w{padding-left:16px;padding-right:16px;}
  .bbs .bs-hero{padding-top:24px;padding-bottom:32px;}
  .bbs .bs-sec{padding-bottom:44px;}
  .bbs .bs-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs .bs-endc{grid-template-columns:minmax(0,1fr);padding:30px 22px;border-radius:22px;}
  .bbs .bs-endc .bs-btn{width:100%;}
}
@media (max-width:700px){
  /* PHONE RAILS (rulebook section 4): browsable tiles swipe sideways, the next one peeks */
  .bbs .bs-tiles.bs-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;padding:2px 16px 10px;margin:0 -16px;
    overscroll-behavior-x:contain;scrollbar-width:none;}
  .bbs .bs-tiles.bs-rail::-webkit-scrollbar{display:none;}
  .bbs .bs-tiles.bs-rail>*{flex:0 0 82%;max-width:320px;scroll-snap-align:start;}
  .bbs .bs-tiles:not(.bs-rail){grid-template-columns:minmax(0,1fr);}
}
@media (max-width:600px){
  .bbs .bs-lead{font-size:16.5px;}
  .bbs .bs-faq summary{font-size:16.5px;}
}
@media (prefers-reduced-motion:reduce){.bbs *{transition:none !important;animation:none !important;}}

/* ===== bb-sect.ta.css ===== */
/* bb-sect.ta - V13 TOOLS family A: /free-bet-calculator, /bet-tracker, /widgets, /is-playing (+ /injuries/{sport}).
   Owner 10-Oct-2026: "yes do the rest of the tools, no mockups". Same toolkit as the V12 tools family (bb-sect.tl.css):
   broadcast hero, the calculator as a ticket (black bar + blue slanted tag), plain lead, slim end strip.
   Sits on bb-sect.base.css (.bbs tokens --bs-*, .bs-kick .bs-h1 .bs-h2 .bs-lead .bs-tag .bs-tiles .bs-rail .bs-tile).
   Rules = .claude/design-system/DESIGN_RULEBOOK.md.

   ROOT = .bbs-ta:is(.bbs,#bbsTa). The :is() carries ID weight (1,1,0) so this layer beats each page's inline <style> block
   (class selectors, incl. its :root[data-theme] light fixes) without !important. #bbsTa is never in the markup; the root
   element is <div class="bbs bbs-ta">. !important is used ONLY against inline style attributes (flagship bridge, the
   /is-playing exit-ramp strip + mid CTA, the server-built .av-games / .av-probables sections, the UpsellBridge card,
   the bet-tracker share button) and to mirror the base .bs-btn white text. Nothing here hides or renames a class/id a
   script reads (bb-bettracker.*.js: .bt-add .bt-chip .on .bt-card .bt-act [data-set] [data-del] #st* #bt*; the /is-playing
   filter: .av-card .av-chip .on [data-filter] #avGrid #avControls #avSearch #avNone; widgets: .wid-copy [data-snip] #toast .show;
   free bet: #fb* #o*). */

/* ---------- page frame ---------- */
.bbs-ta:is(.bbs,#bbsTa) .wrap.ta-page{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 24px 8px;}
.bbs-ta:is(.bbs,#bbsTa) .wrap.ta-page.ta-narrow{max-width:908px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-wrap.ta-page{max-width:1080px;margin-left:auto;margin-right:auto;padding:24px 24px 8px;}
.bbs-ta:is(.bbs,#bbsTa) .ta-after{max-width:908px;margin-left:auto;margin-right:auto;padding:0 24px 56px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-wrap~.ta-after{max-width:1080px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-crumb{font:600 12.5px/1.5 var(--ui);letter-spacing:0;color:var(--bs-faint);margin:0 0 22px;}

/* ---------- hero (left-aligned, one lead) ---------- */
.bbs-ta:is(.bbs,#bbsTa) .ta-hero{padding:28px 0 4px;text-align:left;}
.bbs-ta:is(.bbs,#bbsTa) .ta-hero .bs-lead{max-width:36em;margin:0;}
.bbs-ta:is(.bbs,#bbsTa) .ta-hero .bs-lead strong{color:var(--ink);font-weight:700;}
.bbs-ta:is(.bbs,#bbsTa) .ta-hero .ta-sub{max-width:40em;margin:14px 0 0;font:500 15.5px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .ta-hero .ta-sub strong{color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .bt-priv{margin:16px 0 0;font:600 13.5px/1.5 var(--ui);letter-spacing:0;color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .av-meta{margin:16px 0 0;font:700 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) .wid-eyebrow{display:block;width:auto;margin:0 0 10px;padding:0;background:none;border:0;border-radius:0;
  font:800 11.5px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbs-ta:is(.bbs,#bbsTa) .wid-lede{max-width:36em;margin:0 0 28px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-lede strong{color:var(--ink);font-weight:700;}

/* ---------- the ticket: black bar + blue slanted tag, then the tool ---------- */
.bbs-ta:is(.bbs,#bbsTa) .ta-tk{position:relative;margin:30px 0 0;padding:0 24px 24px;background:var(--panel);border:1px solid var(--bs-line);
  border-radius:20px;box-shadow:var(--bs-shadow);overflow:hidden;}
.bbs-ta:is(.bbs,#bbsTa) .ta-bar{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:48px;margin:0 -24px 22px;padding:0 16px 0 0;
  background:var(--bs-black);color:#fff;border:0;border-radius:0;}
.bbs-ta:is(.bbs,#bbsTa) .ta-bar .bs-tag{align-self:stretch;display:inline-flex;align-items:center;padding:0 26px 0 16px;background:var(--bs-blue);color:#fff;
  font:italic 900 16px/1 var(--bs-disp);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);}
.bbs-ta:is(.bbs,#bbsTa) .ta-bar .ta-barname{min-width:0;margin:0;padding:0;font:italic 900 20px/1 var(--bs-disp);letter-spacing:.01em;text-transform:uppercase;color:#fff;}
.bbs-ta:is(.bbs,#bbsTa) .ta-bark{margin-left:auto;font:700 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-bar-dim);white-space:nowrap;}

/* inputs (56px, mono numbers) - free bet + bet tracker */
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-row,.bt-f) label{display:block;margin:0 0 8px;font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-row,.bt-f) :is(input,select){display:block;width:100%;min-width:0;min-height:56px;margin:0;padding:12px 14px;background:var(--panel-2);
  border:1.5px solid var(--line-strong);border-radius:12px;color:var(--ink);font:700 20px/1.2 var(--mono);font-variant-numeric:tabular-nums;box-shadow:none;
  transition:border-color .15s,box-shadow .15s;}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-row,.bt-f) select{font:600 16px/1.3 var(--ui);}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-row,.bt-f) input[type="text"]{font:600 17px/1.3 var(--ui);}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-row,.bt-f) input::placeholder{color:var(--bs-faint);opacity:1;font-weight:500;}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-row,.bt-f) :is(input,select):focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px var(--bs-wash);}

/* ---------- FREE BET: the two panels sit inside one ticket; both end together ---------- */
.bbs-ta:is(.bbs,#bbsTa) .fb-calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;align-items:stretch;}
.bbs-ta:is(.bbs,#bbsTa) .fb-panel{min-width:0;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;}
.bbs-ta:is(.bbs,#bbsTa) .fb-panel+.fb-panel{display:flex;flex-direction:column;padding:18px 18px 16px;background:var(--panel-2);border-radius:16px;}
.bbs-ta:is(.bbs,#bbsTa) .fb-panel h2{margin:0 0 14px;font:800 12px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .fb-row{gap:0;margin:0 0 14px;}
.bbs-ta:is(.bbs,#bbsTa) .fb-out{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--bs-line);}
.bbs-ta:is(.bbs,#bbsTa) .fb-panel h2+.fb-out{border-top:0;}
.bbs-ta:is(.bbs,#bbsTa) .fb-out .k{min-width:0;font:500 15px/1.4 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .fb-out .v{font:800 19px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;}
.bbs-ta:is(.bbs,#bbsTa) .fb-hi{margin:auto 0 0;padding:18px 16px;text-align:center;background:var(--bs-hi-soft);border:0;border-radius:14px;}
.bbs-ta:is(.bbs,#bbsTa) .fb-panel+.fb-panel>.fb-out:has(+.fb-hi){margin-bottom:14px;}
.bbs-ta:is(.bbs,#bbsTa) .fb-hi .big{font:800 clamp(40px,6vw,52px)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--bs-green);overflow-wrap:anywhere;}
.bbs-ta:is(.bbs,#bbsTa) .fb-hi .sub{margin-top:8px;font:800 11px/1.4 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .fb-hi .sub span{font-family:var(--mono);color:var(--ink);}

/* the UpsellBridge card (server string, inline styles) = a quiet card with one blue button */
.bbs-ta:is(.bbs,#bbsTa) .bb-bridge{margin:28px 0 0 !important;padding:24px 52px 24px 24px !important;background:var(--panel) !important;border:1px solid var(--bs-line) !important;
  border-radius:20px !important;box-shadow:none !important;}
.bbs-ta:is(.bbs,#bbsTa) .bb-bridge>div:nth-of-type(1){margin:0 0 8px !important;font:700 19px/1.3 var(--ui) !important;color:var(--ink) !important;}
.bbs-ta:is(.bbs,#bbsTa) .bb-bridge>div:nth-of-type(2){margin:0 0 16px !important;font:500 15.5px/1.55 var(--ui) !important;color:var(--ink-dim) !important;}
.bbs-ta:is(.bbs,#bbsTa) .bb-bridge>div:nth-of-type(2) strong{color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .bb-bridge>a{min-height:48px;padding:0 22px !important;border-radius:12px !important;background:var(--bs-blue) !important;color:#fff !important;
  font:700 15.5px/1.2 var(--ui) !important;box-shadow:0 12px 26px -14px rgba(37,99,235,.9) !important;}
.bbs-ta:is(.bbs,#bbsTa) .bb-bridge>a:hover{background:var(--bs-blue-hi) !important;}
.bbs-ta:is(.bbs,#bbsTa) .bb-bridge>button{min-width:44px;min-height:44px;top:6px !important;right:6px !important;color:var(--bs-faint) !important;}

/* ---------- BET TRACKER ---------- */
.bbs-ta:is(.bbs,#bbsTa) .ta-board .bt-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;}
.bbs-ta:is(.bbs,#bbsTa) .bt-s{min-width:0;padding:14px 10px;text-align:center;background:var(--panel-2);border:0;border-radius:12px;}
.bbs-ta:is(.bbs,#bbsTa) .bt-s .v{font:800 22px/1.15 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere;}
.bbs-ta:is(.bbs,#bbsTa) .bt-s .v.pos{color:var(--bs-green);}
.bbs-ta:is(.bbs,#bbsTa) .bt-s .v:is(.neg,.neu){color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .bt-s .v.neg{color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .bt-s .l{margin-top:6px;font:800 10.5px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) .ta-share{margin:16px 0 0 !important;text-align:left !important;}
.bbs-ta:is(.bbs,#bbsTa) .ta-share button{min-height:46px;padding:0 20px !important;border-radius:12px !important;font:700 15px/1.2 var(--ui) !important;}
.bbs-ta:is(.bbs,#bbsTa) .ta-share button:hover{border-color:var(--action) !important;}
.bbs-ta:is(.bbs,#bbsTa) .bt-add.ta-tk{margin:24px 0 0;padding:0 24px 24px;background:var(--panel);border:1px solid var(--bs-line);border-radius:20px;box-shadow:var(--bs-shadow);}
.bbs-ta:is(.bbs,#bbsTa) .bt-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;}
.bbs-ta:is(.bbs,#bbsTa) .bt-f{min-width:0;gap:0;}
.bbs-ta:is(.bbs,#bbsTa) .bt-f.wide{grid-column:1/-1;}
.bbs-ta:is(.bbs,#bbsTa) .bt-addbtn{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:4px;padding:0 24px;border:0;
  border-radius:12px;background:var(--bs-blue);color:#fff;font:700 16px/1.2 var(--ui);cursor:pointer;box-shadow:0 12px 26px -14px rgba(37,99,235,.9);}
.bbs-ta:is(.bbs,#bbsTa) .bt-addbtn:hover{background:var(--bs-blue-hi);}
.bbs-ta:is(.bbs,#bbsTa) .bt-controls{display:flex;align-items:center;gap:8px;margin:32px 0 12px;padding:2px 0 4px;overflow-x:auto;scrollbar-width:none;}
.bbs-ta:is(.bbs,#bbsTa) :is(.bt-chip,.av-chip){flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;margin:0;
  background:var(--panel);border:2px solid var(--bs-line);border-radius:12px;color:var(--ink-dim);font:700 14px/1.2 var(--ui);letter-spacing:0;text-transform:none;
  cursor:pointer;user-select:none;transition:border-color .15s,background-color .15s,color .15s;}
.bbs-ta:is(.bbs,#bbsTa) :is(.bt-chip,.av-chip):hover{border-color:var(--line-strong);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) :is(.bt-chip,.av-chip).on{background:var(--bs-wash);border-color:var(--action);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .bt-toggle{margin-left:auto;}
.bbs-ta:is(.bbs,#bbsTa) .bt-card{margin:0 0 10px;padding:16px 18px;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;box-shadow:none;}
.bbs-ta:is(.bbs,#bbsTa) .bt-ctop>div{min-width:0;}
.bbs-ta:is(.bbs,#bbsTa) .bt-desc{font:700 17px/1.3 var(--ui);color:var(--ink);overflow-wrap:anywhere;}
.bbs-ta:is(.bbs,#bbsTa) .bt-meta{margin-top:4px;font:600 12px/1.4 var(--mono);color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) .bt-badge{padding:6px 10px;border-radius:8px;border:0;font:800 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;}
.bbs-ta:is(.bbs,#bbsTa) .bt-pending{background:var(--bs-wash);color:var(--ink);border:0;}
.bbs-ta:is(.bbs,#bbsTa) .bt-won{background:var(--bs-hi-soft);color:var(--bs-green);border:0;}
.bbs-ta:is(.bbs,#bbsTa) :is(.bt-lost,.bt-void){background:var(--bs-long-soft);color:var(--ink-dim);border:0;}
.bbs-ta:is(.bbs,#bbsTa) .bt-nums{gap:6px 18px;margin-top:10px;font:500 13.5px/1.4 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .bt-nums b{font-family:var(--mono);font-weight:800;color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .bt-nums .pos,.bbs-ta:is(.bbs,#bbsTa) .bt-nums .pos b{color:var(--bs-green);}
.bbs-ta:is(.bbs,#bbsTa) .bt-nums .neg,.bbs-ta:is(.bbs,#bbsTa) .bt-nums .neg b{color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .bt-acts{flex-wrap:wrap;gap:8px;margin-top:12px;}
.bbs-ta:is(.bbs,#bbsTa) .bt-act{min-height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;background:transparent;color:var(--ink);
  font:700 13.5px/1.2 var(--ui);cursor:pointer;}
.bbs-ta:is(.bbs,#bbsTa) .bt-act:hover{border-color:var(--action);}
.bbs-ta:is(.bbs,#bbsTa) .bt-act.w{border-color:var(--bs-green);color:var(--bs-green);}
.bbs-ta:is(.bbs,#bbsTa) .bt-act.l{border-color:var(--line-strong);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .bt-act.del{color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) :is(.bt-empty,.av-none){padding:28px 16px;text-align:center;font:500 15px/1.5 var(--ui);color:var(--ink-dim);background:var(--panel);
  border:1px dashed var(--line-strong);border-radius:16px;}

/* ---------- PLAYER AVAILABILITY ---------- */
/* sport links = same-size tiles (law 12), never a pill cloud; anchor text stays the sport name */
.bbs-ta:is(.bbs,#bbsTa) .av-crumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;justify-content:stretch;margin:24px 0 0;}
.bbs-ta:is(.bbs,#bbsTa) .av-crumbs :is(a,span){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;min-height:58px;
  padding:10px 12px;background:var(--panel);border:1px solid var(--bs-line);border-radius:12px;color:var(--ink);font:800 16px/1.2 var(--ui);letter-spacing:0;
  text-decoration:none;}
.bbs-ta:is(.bbs,#bbsTa) .av-crumbs :is(a,span)::after{content:"Injury report";font:800 10px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) .av-crumbs a:hover{border-color:var(--action);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .av-crumbs .cur{background:var(--bs-wash);border-color:var(--action);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .av-crumbs .cur::after{content:"Showing now";color:var(--action);}
/* the exit-ramp strip (inline styles) = slim black broadcast strip */
.bbs-ta:is(.bbs,#bbsTa) .ta-ramp{justify-content:flex-start !important;gap:6px 14px !important;max-width:none !important;min-height:52px;margin:24px 0 0 !important;
  padding:0 16px 0 0 !important;background:var(--bs-black) !important;border:0 !important;border-radius:14px !important;overflow:hidden;}
.bbs-ta:is(.bbs,#bbsTa) .ta-ramp::before{content:"Tonight";align-self:stretch;display:flex;align-items:center;padding:0 24px 0 14px;background:var(--bs-blue);color:#fff;
  font:italic 900 15px/1 var(--bs-disp);letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);}
.bbs-ta:is(.bbs,#bbsTa) .ta-ramp span{font:600 15px/1.35 var(--ui) !important;color:#AEB8C8 !important;}
.bbs-ta:is(.bbs,#bbsTa) .ta-ramp a{display:inline-flex;align-items:center;min-height:44px;font:700 15px/1.35 var(--ui) !important;color:#93C5FD !important;}
.bbs-ta:is(.bbs,#bbsTa) .ta-ramp a:hover{color:#fff !important;}
/* search + filters (sticky bar) */
.bbs-ta:is(.bbs,#bbsTa) .av-bar{margin:24px 0 0;padding:12px 0 10px;}
.bbs-ta:is(.bbs,#bbsTa) .av-search{max-width:560px;margin:0 0 10px;}
.bbs-ta:is(.bbs,#bbsTa) .av-search input{min-height:56px;padding:12px 16px 12px 46px;background:var(--panel);border:1.5px solid var(--line-strong);border-radius:12px;
  color:var(--ink);font:600 17px/1.3 var(--ui);box-shadow:none;}
.bbs-ta:is(.bbs,#bbsTa) .av-search input::placeholder{color:var(--bs-faint);opacity:1;}
.bbs-ta:is(.bbs,#bbsTa) .av-search input:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px var(--bs-wash);}
.bbs-ta:is(.bbs,#bbsTa) .av-search .ic{left:17px;color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) .av-controls{gap:8px;padding-bottom:2px;}
/* player rows */
.bbs-ta:is(.bbs,#bbsTa) .av-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:18px 0 0;}
.bbs-ta:is(.bbs,#bbsTa) .av-card{min-width:0;min-height:72px;padding:14px 16px;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;box-shadow:none;}
.bbs-ta:is(.bbs,#bbsTa) .av-name{font:800 16.5px/1.3 var(--ui);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .av-sub{margin-top:3px;font:600 12px/1.4 var(--mono);color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) .av-cmt{margin-top:6px;font:500 14px/1.45 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .av-badge{padding:7px 10px;border:0;border-radius:8px;font:800 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;}
.bbs-ta:is(.bbs,#bbsTa) .av-out{background:rgba(248,113,113,.14);color:var(--bs-red);border:0;}
.bbs-ta:is(.bbs,#bbsTa) :is(.av-doubtful,.av-quest,.av-dtd){background:var(--bs-gold-soft);color:var(--bs-gold);border:0;}
.bbs-ta:is(.bbs,#bbsTa) .av-conf{background:var(--bs-hi-soft);color:var(--bs-green);border:0;}
.bbs-ta:is(.bbs,#bbsTa) .av-empty{margin-top:24px;padding:40px 16px;font:500 15.5px/1.5 var(--ui);color:var(--ink-dim);background:var(--panel);border:1px dashed var(--line-strong);border-radius:16px;}
.bbs-ta:is(.bbs,#bbsTa) .av-none{margin-top:12px;}
/* server-built sections (PlayerAvailability.aspx.cs: inline styles) = tickets with a black bar */
.bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables){margin:32px 0 0 !important;padding:0 22px 14px !important;background:var(--panel) !important;
  border:1px solid var(--bs-line) !important;border-radius:20px !important;overflow:hidden;}
.bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables)>h2{display:flex;align-items:center;gap:14px;min-height:50px;margin:0 -22px 16px !important;padding:0 16px 0 0;
  background:var(--bs-black);color:#fff !important;font:italic 900 22px/1 var(--bs-disp) !important;letter-spacing:.01em;text-transform:uppercase;}
.bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables)>h2::before{align-self:stretch;display:flex;align-items:center;padding:0 24px 0 14px;background:var(--bs-blue);
  color:#fff;font:italic 900 15px/1 var(--bs-disp);letter-spacing:.06em;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);}
.bbs-ta:is(.bbs,#bbsTa) .av-games>h2::before{content:"Games";}
.bbs-ta:is(.bbs,#bbsTa) .av-probables>h2::before{content:"MLB";}
.bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables)>p{margin:0 0 6px !important;font:500 15px/1.5 var(--ui) !important;color:var(--ink-dim) !important;}
.bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables) li{margin:0 !important;padding:12px 0;border-top:1px solid var(--bs-line);font:500 15px/1.5 var(--ui);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables) li:first-child{border-top:0;}
.bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables) li a{color:var(--ink) !important;font-weight:700 !important;text-decoration:none;}
.bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables) li a:hover{color:var(--action) !important;}
.bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables) li span{color:var(--ink-dim) !important;}
/* mid CTA (inline styles) = the black end card, one blue button + a ghost */
.bbs-ta:is(.bbs,#bbsTa) .ta-endc{margin:40px 0 0 !important;padding:36px 36px !important;text-align:left !important;background:var(--bs-black) !important;border:0 !important;
  border-radius:28px !important;color:#fff;}
.bbs-ta:is(.bbs,#bbsTa) .ta-endc>p{max-width:none;margin:0 0 20px !important;font-family:var(--bs-disp) !important;font-style:italic;font-weight:900 !important;
  text-transform:uppercase;line-height:.92 !important;letter-spacing:-.005em;font-size:clamp(30px,3.1vw,44px) !important;color:#fff !important;text-wrap:balance;}
.bbs-ta:is(.bbs,#bbsTa) .ta-endc>div{justify-content:flex-start !important;gap:12px !important;}
.bbs-ta:is(.bbs,#bbsTa) .ta-endc .btn-grad{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:50px;width:auto;padding:0 24px;border:0;
  border-radius:12px;background:var(--bs-blue);color:#fff !important;font:700 16px/1.2 var(--ui);letter-spacing:0;text-transform:none;text-decoration:none;
  box-shadow:0 12px 26px -14px rgba(37,99,235,.9);filter:none;transform:none;}
.bbs-ta:is(.bbs,#bbsTa) .ta-endc .btn-grad:hover{background:var(--bs-blue-hi);}
.bbs-ta:is(.bbs,#bbsTa) .ta-endc .js-open-subscribe-modal{min-height:50px;padding:0 20px !important;border:1px solid #2A3446 !important;border-radius:12px !important;
  color:#fff !important;font:700 15.5px/1.2 var(--ui) !important;}
.bbs-ta:is(.bbs,#bbsTa) .ta-endc .js-open-subscribe-modal:hover{border-color:#60A5FA !important;}

/* ---------- questions (real <details>, answers stay in the HTML) ---------- */
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq){margin:56px 0 0;}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq) details{margin:0;padding:0;background:none;border:0;border-bottom:1px solid var(--bs-line);border-radius:0;}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq) details:first-of-type{border-top:1px solid var(--bs-line);}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq) summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:14px 2px;
  list-style:none;cursor:pointer;font:700 18px/1.35 var(--ui);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq) summary::-webkit-details-marker{display:none;}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq) summary::after{content:"+";flex:none;margin-left:auto;font:500 26px/1 var(--mono);color:var(--action);}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq) details[open] summary::after{content:"\2013";}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq) details p{max-width:64ch;margin:0;padding:0 2px 18px;font:500 16px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq) details a{color:var(--action) !important;font-weight:700;}

/* ---------- compliance / RG lines: text verbatim, always visible ---------- */
.bbs-ta:is(.bbs,#bbsTa) .ta-rg{max-width:none;margin:36px 0 0;padding:18px 0 0;background:none;border:0;border-top:1px solid var(--bs-line);border-radius:0;
  font:500 13.5px/1.6 var(--ui);color:var(--bs-faint);text-align:left;}
.bbs-ta:is(.bbs,#bbsTa) .ta-rg a{color:var(--ink-dim) !important;text-decoration:underline;}
.bbs-ta:is(.bbs,#bbsTa) .av-disc.ta-rg{margin:40px 0 0;padding:20px 22px;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;font-size:14.5px;color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .av-disc.ta-rg strong{color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) p.rg-line{max-width:1200px;margin:32px auto 48px;padding:0 24px;font:500 13px/1.65 var(--ui);color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) p.rg-line a{color:var(--ink-dim);border-bottom:1px solid var(--line);text-decoration:none;}

/* ---------- next-tool tiles (law 12) - the old mono link strip ---------- */
.bbs-ta:is(.bbs,#bbsTa) .ta-next{margin:48px 0 0;padding:0;border:0;border-radius:0;font:500 15px/1.5 var(--ui);line-height:1.5;color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .ta-next>.bs-kick{margin:0 0 14px;}
.bbs-ta:is(.bbs,#bbsTa) .ta-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}
.bbs-ta:is(.bbs,#bbsTa) .ta-tiles a.bs-tile{color:var(--ink);text-decoration:none;}
.bbs-ta:is(.bbs,#bbsTa) .ta-tiles a.bs-tile:hover{text-decoration:none;}

/* ---------- the slim broadcast bridge at the end (inline styles beaten with !important) ---------- */
.bbs-ta:is(.bbs,#bbsTa) .bb-flagship-bridge{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:20px;row-gap:0;
  max-width:none !important;min-height:68px;margin:48px 0 0 !important;padding:0 14px 0 0 !important;text-align:left !important;background:var(--bs-black) !important;
  border:0 !important;border-radius:14px !important;box-shadow:none;overflow:hidden;}
.bbs-ta:is(.bbs,#bbsTa) .bb-flagship-bridge>div{align-self:stretch;display:flex;align-items:center;margin:0 !important;padding:0 30px 0 16px;background:var(--bs-blue);
  color:#fff !important;font:italic 900 16px/1 var(--bs-disp) !important;letter-spacing:.06em !important;text-transform:uppercase !important;white-space:nowrap;
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);}
.bbs-ta:is(.bbs,#bbsTa) .bb-flagship-bridge>h2{min-width:0;margin:0 !important;padding:12px 0;font:700 16.5px/1.35 var(--ui) !important;letter-spacing:0;text-transform:none;
  color:#fff !important;}
.bbs-ta:is(.bbs,#bbsTa) .bb-flagship-bridge>a{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;min-height:46px !important;
  padding:0 20px !important;border-radius:12px !important;background:var(--bs-blue) !important;color:#fff !important;font:700 15px/1.2 var(--ui) !important;
  box-shadow:none !important;text-decoration:none !important;white-space:nowrap;}
.bbs-ta:is(.bbs,#bbsTa) .bb-flagship-bridge>a:hover{background:var(--bs-blue-hi) !important;}

/* ---------- WIDGETS ---------- */
/* in-page jump links = same-size cells (law 12), never a pill cloud; phone = swipe rail */
.bbs-ta:is(.bbs,#bbsTa) .wid-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 8px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;padding:8px 10px;background:var(--panel);
  border:1px solid var(--bs-line);border-radius:12px;color:var(--ink);font:700 14px/1.25 var(--ui);letter-spacing:0;text-align:center;text-decoration:none;}
.bbs-ta:is(.bbs,#bbsTa) .wid-nav a:hover{border-color:var(--action);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .wid-section{margin-top:64px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-section>h2{margin:0 0 12px;font-family:var(--bs-disp);font-style:italic;font-weight:900;text-transform:uppercase;line-height:.9;
  letter-spacing:-.005em;font-size:clamp(34px,3.8vw,54px);color:var(--ink);text-wrap:balance;}
.bbs-ta:is(.bbs,#bbsTa) .wid-section>h2 span{color:var(--action);}
.bbs-ta:is(.bbs,#bbsTa) .wid-section>.sec-sub{max-width:40em;margin:0 0 22px;font:500 16.5px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .wid-section>.sec-sub strong{color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .wid-section>.sec-sub a{color:var(--action);font-weight:700;}
.bbs-ta:is(.bbs,#bbsTa) .wid-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;}
.bbs-ta:is(.bbs,#bbsTa) .wid-grid.ta-one{grid-template-columns:minmax(0,1fr);max-width:560px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-card{min-width:0;padding:0 22px 22px;background:var(--panel);border:1px solid var(--bs-line);border-radius:20px;box-shadow:var(--bs-shadow);overflow:hidden;}
.bbs-ta:is(.bbs,#bbsTa) .wid-card>.ta-bar{margin:0 -22px 16px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-card>h3:first-child{margin:22px 0 4px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-card>h3{font:800 18px/1.3 var(--ui);letter-spacing:0;color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .wid-card .sub{margin:0 0 16px;font:500 14.5px/1.5 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .wid-preview{border:1px solid var(--bs-line);border-radius:14px;}
/* the code card: its first row (label + Copy) becomes the black bar; Copy = the one blue action */
.bbs-ta:is(.bbs,#bbsTa) .wid-codehead{gap:12px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-card:has(>.wid-codehead:first-child){display:flex;flex-direction:column;}
.bbs-ta:is(.bbs,#bbsTa) .wid-card:has(>.wid-codehead:first-child)>.wid-code{flex:1 1 auto;}
.bbs-ta:is(.bbs,#bbsTa) .wid-card>.wid-codehead:first-child{min-height:52px;margin:0 -22px 18px;padding:0 10px 0 0;background:var(--bs-black);}
.bbs-ta:is(.bbs,#bbsTa) .wid-card>.wid-codehead:first-child .k{align-self:stretch;display:inline-flex;align-items:center;padding:0 26px 0 16px;background:var(--bs-blue);
  color:#fff;font:italic 900 16px/1 var(--bs-disp);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);}
.bbs-ta:is(.bbs,#bbsTa) .wid-codehead .k{font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) .wid-copy{min-width:88px;min-height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--bs-blue);color:#fff;font:700 15px/1.2 var(--ui);
  cursor:pointer;box-shadow:none;}
.bbs-ta:is(.bbs,#bbsTa) .wid-copy:hover{background:var(--bs-blue-hi);}
.bbs-ta:is(.bbs,#bbsTa) .wid-code{display:block;min-height:120px;padding:14px;background:var(--panel-2);border:1.5px solid var(--line-strong);border-radius:12px;color:var(--ink);
  font:500 13px/1.55 var(--mono);}
.bbs-ta:is(.bbs,#bbsTa) .wid-code:focus{border-color:var(--action);box-shadow:0 0 0 3px var(--bs-wash);}
.bbs-ta:is(.bbs,#bbsTa) .wid-hint{margin:12px 0 0;font:500 14px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .wid-hint code{font-family:var(--mono);font-size:12.5px;color:var(--ink);overflow-wrap:anywhere;word-break:break-all;}
/* plain rows, no tick icons */
.bbs-ta:is(.bbs,#bbsTa) .wid-points{display:block;max-width:860px;margin:18px 0 0;padding:0;border-top:1px solid var(--bs-line);}
.bbs-ta:is(.bbs,#bbsTa) .wid-points li{display:block;padding:16px 2px;border-bottom:1px solid var(--bs-line);font:500 16.5px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .wid-points code{font-family:var(--mono);font-size:.92em;}
/* free vs white-label = two plan cards (Subscriptions look) */
.bbs-ta:is(.bbs,#bbsTa) .wid-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;align-items:stretch;}
.bbs-ta:is(.bbs,#bbsTa) .wid-tier{display:flex;flex-direction:column;min-width:0;padding:24px;background:var(--panel);border:2px solid var(--bs-line);border-radius:20px;box-shadow:none;}
.bbs-ta:is(.bbs,#bbsTa) .wid-tier.pro{border-color:var(--action);box-shadow:var(--bs-shadow);}
.bbs-ta:is(.bbs,#bbsTa) .wid-tier h3{margin:0 0 6px;font-family:var(--bs-disp);font-style:italic;font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.005em;
  font-size:clamp(30px,3.1vw,40px);color:var(--ink);}
.bbs-ta:is(.bbs,#bbsTa) .wid-tier .price{margin:0 0 16px;font:800 16px/1.3 var(--mono);color:var(--bs-green);}
.bbs-ta:is(.bbs,#bbsTa) .wid-tier ul{display:block;margin:0;border-top:1px solid var(--bs-line);}
.bbs-ta:is(.bbs,#bbsTa) .wid-tier li{display:block;padding:12px 0;border-bottom:1px solid var(--bs-line);font:500 15.5px/1.5 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .wid-tier a.btn-grad{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:auto;min-height:50px;width:auto;
  margin-top:auto;padding:0 24px;border:0;border-radius:12px;background:var(--bs-blue);color:#fff !important;font:700 16px/1.2 var(--ui);letter-spacing:0;
  text-transform:none;text-decoration:none;box-shadow:0 12px 26px -14px rgba(37,99,235,.9);filter:none;transform:none;}
.bbs-ta:is(.bbs,#bbsTa) .wid-tier ul+a.btn-grad{margin-top:20px;}
.bbs-ta:is(.bbs,#bbsTa) .wid-tier a.btn-grad:hover{background:var(--bs-blue-hi);}
.bbs-ta:is(.bbs,#bbsTa) .wid-foot{max-width:none;margin-top:40px;font:500 15px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-ta:is(.bbs,#bbsTa) .wid-foot a{color:var(--action);font-weight:700;}
.bbs-ta:is(.bbs,#bbsTa) .wid-foot.ta-rg{margin-top:24px;font-size:13.5px;color:var(--bs-faint);}
.bbs-ta:is(.bbs,#bbsTa) .wid-toast{border-color:var(--bs-line);border-radius:12px;font:700 14px/1.3 var(--ui);}

/* ---------- tablet / phone ---------- */
@media (max-width:900px){
  .bbs-ta:is(.bbs,#bbsTa) :is(.wrap.ta-page,.wid-wrap.ta-page,.ta-after){padding-left:16px;padding-right:16px;}
  .bbs-ta:is(.bbs,#bbsTa) p.rg-line{padding:0 16px;}
  .bbs-ta:is(.bbs,#bbsTa) .ta-board .bt-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
  .bbs-ta:is(.bbs,#bbsTa) .wid-nav{grid-template-columns:repeat(4,minmax(0,1fr));}
  .bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq){margin-top:44px;}
  .bbs-ta:is(.bbs,#bbsTa) .wid-section{margin-top:48px;}
  .bbs-ta:is(.bbs,#bbsTa) .ta-endc{padding:28px 20px !important;border-radius:22px !important;}
}
@media (max-width:760px){
  .bbs-ta:is(.bbs,#bbsTa) .fb-calc{grid-template-columns:minmax(0,1fr);}
  .bbs-ta:is(.bbs,#bbsTa) :is(.wid-grid,.wid-tiers){grid-template-columns:minmax(0,1fr);}
  .bbs-ta:is(.bbs,#bbsTa) .bt-form{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  /* swipe rails: sport tiles + jump links (the next-tool tiles use the base .bs-rail) */
  .bbs-ta:is(.bbs,#bbsTa) :is(.av-crumbs,.wid-nav){display:flex;flex-wrap:nowrap;gap:10px;margin-left:-16px;margin-right:-16px;padding:2px 16px 8px;overflow-x:auto;
    scroll-snap-type:x mandatory;scroll-padding-left:16px;overscroll-behavior-x:contain;scrollbar-width:none;}
  .bbs-ta:is(.bbs,#bbsTa) :is(.av-crumbs,.wid-nav)::-webkit-scrollbar{display:none;}
  .bbs-ta:is(.bbs,#bbsTa) .av-crumbs>*{flex:0 0 38%;max-width:150px;scroll-snap-align:start;}
  .bbs-ta:is(.bbs,#bbsTa) .wid-nav>a{flex:0 0 42%;max-width:170px;scroll-snap-align:start;}
  .bbs-ta:is(.bbs,#bbsTa) .av-grid{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:600px){
  .bbs-ta:is(.bbs,#bbsTa) :is(.ta-tk,.bt-add.ta-tk){padding:0 16px 18px;border-radius:18px;}
  .bbs-ta:is(.bbs,#bbsTa) .ta-bar{margin:0 -16px 18px;}
  .bbs-ta:is(.bbs,#bbsTa) .ta-bark{display:none;}
  .bbs-ta:is(.bbs,#bbsTa) .wid-card{padding:0 16px 18px;}
  .bbs-ta:is(.bbs,#bbsTa) :is(.wid-card>.ta-bar,.wid-card>.wid-codehead:first-child){margin-left:-16px;margin-right:-16px;}
  .bbs-ta:is(.bbs,#bbsTa) .fb-panel+.fb-panel{padding:16px 14px 14px;}
  .bbs-ta:is(.bbs,#bbsTa) .bt-s .v{font-size:19px;}
  .bbs-ta:is(.bbs,#bbsTa) :is(.fb-faq,.bt-faq,.av-faq) summary{font-size:16.5px;}
  .bbs-ta:is(.bbs,#bbsTa) .ta-ramp{padding:0 0 10px !important;}
  .bbs-ta:is(.bbs,#bbsTa) .ta-ramp::before{flex:0 0 auto;min-height:38px;}
  .bbs-ta:is(.bbs,#bbsTa) .ta-ramp span{flex:1 0 100%;padding:0 16px;}
  .bbs-ta:is(.bbs,#bbsTa) .ta-ramp a{padding:0 16px;}
  .bbs-ta:is(.bbs,#bbsTa) .bb-flagship-bridge{grid-template-columns:minmax(0,1fr);padding:0 0 16px !important;}
  .bbs-ta:is(.bbs,#bbsTa) .bb-flagship-bridge>div{justify-self:start;min-height:40px;}
  .bbs-ta:is(.bbs,#bbsTa) .bb-flagship-bridge>h2{padding:12px 16px 14px;}
  .bbs-ta:is(.bbs,#bbsTa) .bb-flagship-bridge>a{margin:0 16px !important;}
  .bbs-ta:is(.bbs,#bbsTa) .bb-bridge{padding:20px 48px 20px 18px !important;}
  .bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables){padding:0 16px 12px !important;}
  .bbs-ta:is(.bbs,#bbsTa) :is(.av-games,.av-probables)>h2{margin:0 -16px 14px !important;font-size:19px !important;}
  .bbs-ta:is(.bbs,#bbsTa) .wid-tier{padding:20px 18px;}
}
@media (max-width:420px){
  .bbs-ta:is(.bbs,#bbsTa) .bt-form{grid-template-columns:minmax(0,1fr);}
  .bbs-ta:is(.bbs,#bbsTa) .ta-board .bt-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs-ta:is(.bbs,#bbsTa) .fb-out .v{font-size:17px;}
}
@media (prefers-reduced-motion:reduce){.bbs-ta:is(.bbs,#bbsTa) *{transition:none !important;}}

/* ===== bb-sect.tb.css ===== */
/* bb-sect.tb - V13 FAMILY B: the price tools. /value (Value Finder), /lineshop (Line Shopping), /linemove (Line Movement &
   Steam), /studies/line-shopping-value (data study). Owner 10-Oct-2026: "yes do the rest of the tools, no mockups".
   Sits on bb-sect.base.css (.bbs tokens --bs-*, .bs-kick .bs-h1 .bs-h2 .bs-lead .bs-tiles .bs-rail .bs-endc .bs-btn .bs-cap).
   Rules = .claude/design-system/DESIGN_RULEBOOK.md; looks copied from bb-sect.tl.css (V12 tools) and reference-top-picks.css
   (group bars, rows, chips).

   ROOT = .bbs-tb:is(.bbs,#bbsTb). The :is() carries ID weight (1,1,0) so this layer beats each page's inline <style> block and
   its light-theme rules without !important. #bbsTb is never in the markup; the root is <div class="bbs bbs-tb"> around the
   whole MainContent. !important is used ONLY against inline style attributes (crumbs, the /odds bar, the flagship bridge,
   UpsellBridge .bb-bridge) and to mirror the base .bs-btn. Nothing here renames or hides a class/id the page scripts read
   (#vfControls #lsControls #mvControls #mvGrid #arbSec #oddsToggle, .vf-chip .ls-chip .mv-chip .on [data-filter] [data-val],
   .odds[data-dec], .ko[data-utc], table.ev tbody tr, .arb-card, .ls-card, .mv-card [data-sport] [data-dir]). The scripts hide
   filtered items with style.display='none' and restore with '' - every display value below is the CSS default for that element. */

/* ---------- frame ---------- */
.bbs-tb:is(.bbs,#bbsTb) .wrap{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}
.bbs-tb:is(.bbs,#bbsTb) .tb-after{padding-bottom:64px;}
.bbs-tb:is(.bbs,#bbsTb) .bb-crumb{padding-top:20px !important;}

/* ---------- hero (old centred heroes -> left, base type) ---------- */
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-hero,.ls-hero,.mv-hero){padding:28px 0 32px;text-align:left;}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-hero,.ls-hero,.mv-hero) .bs-h1{max-width:none;}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-hero,.ls-hero,.mv-hero) p.bs-lead{max-width:34em;margin:0;font-size:18px;line-height:1.55;color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) .bs-lead strong{color:var(--ink);font-weight:700;}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-meta,.ls-meta,.mv-meta){margin-top:16px;font:600 12.5px/1.5 var(--mono);letter-spacing:.02em;color:var(--bs-faint);}

/* ---------- the "About these prices" door ---------- */
.bbs-tb:is(.bbs,#bbsTb) .vf-about{max-width:860px;margin:0 0 28px;padding:0 18px;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;}
.bbs-tb:is(.bbs,#bbsTb) .vf-about summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:12px 0;list-style:none;cursor:pointer;
  font:700 16px/1.3 var(--ui);color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) .vf-about summary::-webkit-details-marker{display:none;}
.bbs-tb:is(.bbs,#bbsTb) .vf-about summary::after{content:"+";flex:none;font:500 24px/1 var(--mono);color:var(--action);}
.bbs-tb:is(.bbs,#bbsTb) .vf-about[open] summary::after{content:"\2013";}
.bbs-tb:is(.bbs,#bbsTb) .vf-about p{max-width:64ch;margin:0 0 14px;font:500 15.5px/1.6 var(--ui);color:var(--ink-dim);}

/* ---------- filter chips (top-picks .tpx-chip) + the odds switch ---------- */
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-controls,.ls-controls,.mv-controls){display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px;}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-chip,.ls-chip,.mv-chip){display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--bs-line);
  background:var(--panel);color:var(--ink);font:600 14px/1 var(--ui);letter-spacing:0;cursor:pointer;user-select:none;white-space:nowrap;transition:border-color .15s;}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-chip,.ls-chip,.mv-chip):hover{border-color:var(--line-strong);}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-chip,.ls-chip,.mv-chip).on{background:var(--panel);color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-toggle,.ls-toggle,.mv-toggle){margin-left:auto;border-radius:12px;border-color:var(--line-strong);font:700 13px/1 var(--mono);letter-spacing:.02em;}
.bbs-tb:is(.bbs,#bbsTb) .vf-sep{display:none;}

/* ---------- section heads ---------- */
.bbs-tb:is(.bbs,#bbsTb) .vf-sec{margin:0 0 56px;}
.bbs-tb:is(.bbs,#bbsTb) .vf-sec h2.bs-h2{display:block;}
.bbs-tb:is(.bbs,#bbsTb) .vf-sub{max-width:44em;margin:0 0 20px;font:500 16px/1.55 var(--ui);color:var(--ink-dim);}

/* ---------- broadcast table (Value Finder): black header row, mono numbers, 44px rows ---------- */
.bbs-tb:is(.bbs,#bbsTb) .ev-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;}
.bbs-tb:is(.bbs,#bbsTb) table.ev{width:100%;border-collapse:collapse;font:500 15px/1.35 var(--ui);}
.bbs-tb:is(.bbs,#bbsTb) table.ev th{padding:14px 16px;background:var(--bs-black);color:var(--bs-bar-dim);font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;
  text-align:left;white-space:nowrap;border:0;}
.bbs-tb:is(.bbs,#bbsTb) table.ev td{height:44px;padding:14px 16px;border-top:1px solid var(--bs-line);vertical-align:middle;}
.bbs-tb:is(.bbs,#bbsTb) table.ev tbody tr:first-child td{border-top:0;}
.bbs-tb:is(.bbs,#bbsTb) table.ev tbody tr:hover td{background:var(--bs-long-soft);}
.bbs-tb:is(.bbs,#bbsTb) table.ev .starts{font:700 14px/1.3 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;}
.bbs-tb:is(.bbs,#bbsTb) table.ev .sport{font:800 11px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--action);white-space:nowrap;}
.bbs-tb:is(.bbs,#bbsTb) table.ev .match{font:600 14.5px/1.35 var(--ui);color:var(--ink-dim);min-width:0;overflow-wrap:anywhere;}
.bbs-tb:is(.bbs,#bbsTb) table.ev .pick{font:700 16px/1.25 var(--ui);color:var(--ink);overflow-wrap:anywhere;}
.bbs-tb:is(.bbs,#bbsTb) table.ev .mkt{margin-top:4px;font:500 13px/1.3 var(--ui);color:var(--bs-faint);}
.bbs-tb:is(.bbs,#bbsTb) table.ev .price{white-space:nowrap;}
.bbs-tb:is(.bbs,#bbsTb) table.ev .price .odds{display:block;font:800 18px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) .vf-ret{display:block;margin-top:4px;font:600 12.5px/1.3 var(--mono);font-variant-numeric:tabular-nums;color:var(--bs-faint);white-space:nowrap;}
.bbs-tb:is(.bbs,#bbsTb) .vf-ret b{color:var(--bs-green);font-weight:800;}
.bbs-tb:is(.bbs,#bbsTb) table.ev .book{font:600 14px/1.3 var(--ui);color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) :is(table.ev,.arb-card) .found{margin-top:3px;font:500 12.5px/1.3 var(--ui);color:var(--bs-faint);}

/* ---------- "two books disagree" = small tickets: black bar, blue slanted tag ---------- */
.bbs-tb:is(.bbs,#bbsTb) .arb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.bbs-tb:is(.bbs,#bbsTb) .arb-card{min-width:0;padding:0 18px 12px;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;box-shadow:none;overflow:hidden;}
.bbs-tb:is(.bbs,#bbsTb) .arb-card .top{display:flex;align-items:center;gap:12px;min-height:46px;margin:0 -18px 14px;padding:0 16px 0 0;background:var(--bs-black);}
.bbs-tb:is(.bbs,#bbsTb) .arb-card .label{order:-1;align-self:stretch;display:inline-flex;align-items:center;padding:0 24px 0 14px;background:var(--bs-blue);color:#fff;
  font:italic 900 15px/1 var(--bs-disp);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);}
.bbs-tb:is(.bbs,#bbsTb) .arb-card .sport{min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 11px/1.3 var(--mono);
  letter-spacing:.08em;text-transform:uppercase;color:var(--bs-bar-dim);}
.bbs-tb:is(.bbs,#bbsTb) .arb-card .match{margin:0 0 10px;font:italic 900 24px/.95 var(--bs-disp);text-transform:uppercase;letter-spacing:-.005em;color:var(--ink);overflow-wrap:anywhere;}
.bbs-tb:is(.bbs,#bbsTb) .arb-leg{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 0;border-top:1px solid var(--bs-line);font-size:15px;}
.bbs-tb:is(.bbs,#bbsTb) .arb-leg>span:first-child{min-width:0;overflow-wrap:anywhere;}
.bbs-tb:is(.bbs,#bbsTb) .arb-leg .pick{font-weight:700;color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) .arb-leg .book{font-size:13.5px;color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) .arb-leg .price{flex:none;font:800 17px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) .arb-card .starts{flex:none;font:700 13px/1.3 var(--mono);color:var(--ink-dim);white-space:nowrap;}

/* ---------- Line Shopping game cards = tickets ---------- */
.bbs-tb:is(.bbs,#bbsTb) .ls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 8px;}
.bbs-tb:is(.bbs,#bbsTb) :is(.ls-card,.mv-card){min-width:0;padding:0 18px 12px;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;box-shadow:none;overflow:hidden;}
.bbs-tb:is(.bbs,#bbsTb) :is(.ls-top,.mv-top){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0 -18px 14px;padding:0 16px 0 0;
  background:var(--bs-black);}
.bbs-tb:is(.bbs,#bbsTb) :is(.ls-sport,.mv-sport){align-self:stretch;display:inline-flex;align-items:center;padding:0 24px 0 14px;background:var(--bs-blue);color:#fff;
  font:italic 900 15px/1 var(--bs-disp);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);}
.bbs-tb:is(.bbs,#bbsTb) .ls-time{min-width:0;font:700 11.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bs-bar-dim);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;}
.bbs-tb:is(.bbs,#bbsTb) .ls-match{margin:0 0 6px;font:italic 900 24px/.95 var(--bs-disp);text-transform:uppercase;letter-spacing:-.005em;color:var(--ink);overflow-wrap:anywhere;}
.bbs-tb:is(.bbs,#bbsTb) .ls-leg{padding:12px 0;border-top:1px solid var(--bs-line);}
.bbs-tb:is(.bbs,#bbsTb) .ls-leg-main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.bbs-tb:is(.bbs,#bbsTb) .ls-pick{min-width:0;font:700 16px/1.3 var(--ui);color:var(--ink);overflow-wrap:anywhere;}
.bbs-tb:is(.bbs,#bbsTb) .ls-best{flex:none;text-align:right;white-space:nowrap;}
.bbs-tb:is(.bbs,#bbsTb) .ls-best .px{font:800 20px/1.1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) .ls-best .bk{display:block;margin-top:3px;font:600 12.5px/1.3 var(--ui);color:var(--action);}
.bbs-tb:is(.bbs,#bbsTb) .ls-ret{display:block;margin-top:3px;font:600 12px/1.3 var(--mono);font-variant-numeric:tabular-nums;color:var(--bs-faint);}
.bbs-tb:is(.bbs,#bbsTb) .ls-ret b{color:var(--bs-green);font-weight:800;}
.bbs-tb:is(.bbs,#bbsTb) .ls-sub{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;}
.bbs-tb:is(.bbs,#bbsTb) .ls-fair{font:600 12.5px/1.3 var(--ui);color:var(--bs-faint);}
.bbs-tb:is(.bbs,#bbsTb) .ls-fair .odds{font-family:var(--mono);font-weight:700;color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) .ls-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.bbs-tb:is(.bbs,#bbsTb) .ls-badge{padding:5px 8px;border:0;border-radius:7px;font:700 11.5px/1.1 var(--ui);letter-spacing:.02em;}
.bbs-tb:is(.bbs,#bbsTb) .ls-val{background:var(--bs-hi-soft);color:var(--bs-green);border:0;}
.bbs-tb:is(.bbs,#bbsTb) .ls-gain{background:var(--bs-long-soft);color:var(--ink-dim);border:0;}
.bbs-tb:is(.bbs,#bbsTb) .ls-next{margin-top:6px;font:500 12.5px/1.4 var(--ui);color:var(--bs-faint);}
.bbs-tb:is(.bbs,#bbsTb) .ls-next .odds{font-family:var(--mono);font-weight:700;color:var(--ink-dim);}

/* ---------- Line Movement cards (drifting = muted grey, never red) ---------- */
.bbs-tb:is(.bbs,#bbsTb) .mv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 8px;}
.bbs-tb:is(.bbs,#bbsTb) .mv-top .mv-dir{flex:none;padding:6px 9px;border:0;border-radius:7px;font:800 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;}
.bbs-tb:is(.bbs,#bbsTb) .mv-top .mv-dir.mv-in{background:rgba(52,211,153,.16);color:#34D399;}
.bbs-tb:is(.bbs,#bbsTb) .mv-top .mv-dir:is(.mv-out,.mv-flat){background:rgba(255,255,255,.08);color:#AEB8C8;}
.bbs-tb:is(.bbs,#bbsTb) .mv-context{margin:0 0 2px;font:600 13px/1.35 var(--ui);color:var(--ink-dim);overflow-wrap:anywhere;}
.bbs-tb:is(.bbs,#bbsTb) .mv-pick{margin:4px 0 12px;font:italic 900 24px/.95 var(--bs-disp);text-transform:uppercase;letter-spacing:-.005em;color:var(--ink);overflow-wrap:anywhere;}
.bbs-tb:is(.bbs,#bbsTb) .mv-pick .mkt{display:inline-block;margin-left:8px;padding:4px 7px;border-radius:6px;background:var(--bs-long-soft);color:var(--ink-dim);
  font:700 11px/1 var(--ui);font-style:normal;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;}
.bbs-tb:is(.bbs,#bbsTb) .mv-line{gap:8px;padding-top:12px;border-top:1px solid var(--bs-line);}
.bbs-tb:is(.bbs,#bbsTb) :is(.mv-px,.mv-delta){min-width:0;}
.bbs-tb:is(.bbs,#bbsTb) :is(.mv-px,.mv-delta) .v{font:800 18px/1.1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) :is(.mv-px,.mv-delta) .l{margin-top:5px;font:800 10.5px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-tb:is(.bbs,#bbsTb) .mv-delta .v.mv-in{color:var(--bs-green);background:none;border:0;padding:0;}
.bbs-tb:is(.bbs,#bbsTb) .mv-delta .v:is(.mv-out,.mv-flat){color:var(--ink-dim);background:none;border:0;padding:0;}
.bbs-tb:is(.bbs,#bbsTb) .mv-arrow.mv-in{color:var(--bs-green);}
.bbs-tb:is(.bbs,#bbsTb) .mv-arrow:is(.mv-out,.mv-flat){color:var(--bs-faint);}
.bbs-tb:is(.bbs,#bbsTb) .mv-foot{margin-top:10px;font:600 12.5px/1.3 var(--mono);color:var(--ink-dim);}

/* the market map (BbOddsBoard.HeatmapHtml, server-built; tiles keep their links) */
.bbs-tb:is(.bbs,#bbsTb) .hmx{margin:0 0 28px;}
.bbs-tb:is(.bbs,#bbsTb) .hmx-h{display:block;margin:0 0 16px;}
.bbs-tb:is(.bbs,#bbsTb) .hmx-h h2{margin:0 0 8px;font-family:var(--bs-disp);font-style:italic;font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.005em;
  font-size:clamp(34px,3.8vw,54px);color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) .hmx-h span{display:block;font:500 15px/1.5 var(--ui);color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) .hmx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.bbs-tb:is(.bbs,#bbsTb) .hmx-t{min-width:0;min-height:44px;gap:4px;padding:12px 14px;background:var(--panel);border:1px solid var(--bs-line);border-radius:12px;}
.bbs-tb:is(.bbs,#bbsTb) .hmx-t:hover{border-color:var(--action);transform:translateY(-1px);}
.bbs-tb:is(.bbs,#bbsTb) :is(.hmx-in1,.hmx-in2){background:var(--bs-hi-soft);}
.bbs-tb:is(.bbs,#bbsTb) .hmx-in3{background:var(--bs-hi-soft);border-color:var(--bs-green);}
.bbs-tb:is(.bbs,#bbsTb) :is(.hmx-out1,.hmx-out2){background:var(--panel);}
.bbs-tb:is(.bbs,#bbsTb) .hmx-out3{background:var(--bs-long-soft);border-color:var(--line-strong);}
.bbs-tb:is(.bbs,#bbsTb) .hmx-lg{font:800 10.5px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--action);}
.bbs-tb:is(.bbs,#bbsTb) .hmx-g{font:700 14px/1.3 var(--ui);color:var(--ink);overflow-wrap:anywhere;}
.bbs-tb:is(.bbs,#bbsTb) .hmx-m{font:500 12.5px/1.35 var(--ui);color:var(--ink-dim);}

/* the /odds bar under the map (inline styles) = slim black broadcast bar */
.bbs-tb:is(.bbs,#bbsTb) .tb-term{gap:12px 20px !important;min-height:68px;margin:0 0 32px !important;padding:12px 14px 12px 20px !important;background:var(--bs-black) !important;
  border:0 !important;border-radius:14px !important;}
.bbs-tb:is(.bbs,#bbsTb) .tb-term>span{flex:1 1 260px;min-width:0;color:#fff !important;font:700 16px/1.4 var(--ui) !important;}
.bbs-tb:is(.bbs,#bbsTb) .tb-term>a{min-height:46px;padding:0 20px !important;border-radius:12px !important;background:var(--bs-blue) !important;color:#fff !important;
  font:700 15px/1.2 var(--ui) !important;justify-content:center;white-space:nowrap;}
.bbs-tb:is(.bbs,#bbsTb) .tb-term>a:hover{background:var(--bs-blue-hi) !important;}

/* ---------- empty notes ---------- */
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-empty,.ls-empty,.mv-empty,.lsr-empty){margin:0 0 28px;padding:44px 20px;background:var(--panel);border:1px dashed var(--line-strong);border-radius:16px;
  font:500 16px/1.5 var(--ui);color:var(--ink-dim);text-align:center;}

/* ---------- questions (real <details>, answers stay in the HTML) ---------- */
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq){max-width:860px;margin:56px 0 0;}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq) details{margin:0;padding:0;background:none;border:0;border-bottom:1px solid var(--bs-line);border-radius:0;}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq) details:first-of-type{border-top:1px solid var(--bs-line);}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq) summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:14px 2px;list-style:none;cursor:pointer;
  font:700 18px/1.35 var(--ui);color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq) summary::-webkit-details-marker{display:none;}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq) summary::after{content:"+";flex:none;margin-left:auto;font:500 26px/1 var(--mono);color:var(--action);}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq) details[open] summary::after{content:"\2013";}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq) details p{max-width:64ch;margin:0;padding:0 2px 18px;font:500 16px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq) details a{color:var(--action) !important;font-weight:700;}

/* ---------- Pro bridge (UpsellBridge.Render, inline styles; its head is hard-coded #fff = unreadable in light) ---------- */
.bbs-tb:is(.bbs,#bbsTb) .bb-bridge{margin:48px 0 0 !important;padding:24px 56px 24px 24px !important;background:var(--panel) !important;border:1px solid var(--bs-line) !important;
  border-radius:16px !important;box-shadow:none !important;}
.bbs-tb:is(.bbs,#bbsTb) .bb-bridge>div:first-of-type{margin:0 0 8px !important;color:var(--ink) !important;font:italic 900 28px/.95 var(--bs-disp) !important;text-transform:uppercase;letter-spacing:-.005em;}
.bbs-tb:is(.bbs,#bbsTb) .bb-bridge>div:nth-of-type(2){margin:0 0 16px !important;color:var(--ink-dim) !important;font:500 15.5px/1.55 var(--ui) !important;}
.bbs-tb:is(.bbs,#bbsTb) .bb-bridge a.js-open-subscribe-modal{min-height:48px;padding:0 22px !important;border-radius:12px !important;background:var(--bs-blue) !important;
  box-shadow:0 12px 26px -14px rgba(37,99,235,.9) !important;font:700 15px/1.2 var(--ui) !important;color:#fff !important;}
.bbs-tb:is(.bbs,#bbsTb) .bb-bridge a.js-open-subscribe-modal:hover{background:var(--bs-blue-hi) !important;}
.bbs-tb:is(.bbs,#bbsTb) .bb-bridge [data-bridge-close]{min-width:44px;min-height:44px;top:4px !important;right:4px !important;color:var(--bs-faint) !important;}

/* ---------- more free tools = link tiles (law 12; phone rail from the base) ---------- */
.bbs-tb:is(.bbs,#bbsTb) .tb-more{display:block;margin:48px 0 0;}
.bbs-tb:is(.bbs,#bbsTb) .tb-more .bs-cap{margin:0 0 14px;}

/* ---------- reading notes + RG (verbatim, always visible) ---------- */
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-disc,.ls-disc,.mv-disc){max-width:none;margin:40px 0 0;padding:18px 20px;background:var(--panel-2);border:1px solid var(--bs-line);border-radius:14px;
  font:500 14.5px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-disc,.ls-disc,.mv-disc) strong{color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) :is(.vf-disc,.ls-disc,.mv-disc) a{color:var(--action) !important;font-weight:700;}
.bbs-tb:is(.bbs,#bbsTb) p.rg-line{max-width:none;margin:32px 0 0;padding-top:18px;border-top:1px solid var(--bs-line);font:500 13px/1.6 var(--ui);color:var(--bs-faint);text-align:left;}
.bbs-tb:is(.bbs,#bbsTb) p.rg-line a{color:var(--ink-dim);text-decoration:underline;}

/* ---------- the slim broadcast bridge to today's picks (inline styles; same as V12 tools) ---------- */
.bbs-tb:is(.bbs,#bbsTb) .bb-flagship-bridge{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:20px;row-gap:0;
  max-width:none !important;min-height:68px;margin:48px 0 0 !important;padding:0 14px 0 0 !important;text-align:left !important;background:var(--bs-black) !important;
  border:0 !important;border-radius:14px !important;box-shadow:none;overflow:hidden;}
.bbs-tb:is(.bbs,#bbsTb) .bb-flagship-bridge>div{align-self:stretch;display:flex;align-items:center;margin:0 !important;padding:0 30px 0 16px;background:var(--bs-blue);
  color:#fff !important;font:italic 900 16px/1 var(--bs-disp) !important;letter-spacing:.06em !important;text-transform:uppercase !important;white-space:nowrap;
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);}
.bbs-tb:is(.bbs,#bbsTb) .bb-flagship-bridge>h2{min-width:0;margin:0 !important;padding:12px 0;font:700 16.5px/1.35 var(--ui) !important;letter-spacing:0;text-transform:none;
  color:#fff !important;}
.bbs-tb:is(.bbs,#bbsTb) .bb-flagship-bridge>a{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;min-height:46px !important;
  padding:0 20px !important;border-radius:12px !important;background:var(--bs-blue) !important;color:#fff !important;font:700 15px/1.2 var(--ui) !important;
  box-shadow:none !important;text-decoration:none !important;white-space:nowrap;}
.bbs-tb:is(.bbs,#bbsTb) .bb-flagship-bridge>a:hover{background:var(--bs-blue-hi) !important;}

/* ---------- the data study (/studies/line-shopping-value) ---------- */
.bbs-tb:is(.bbs,#bbsTb) .lsr-wrap{max-width:908px;margin-left:auto;margin-right:auto;padding:24px 24px 64px;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-crumb{margin:0 0 22px;font:600 12.5px/1.5 var(--ui);letter-spacing:0;color:var(--bs-faint);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-crumb a{color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-crumb a:hover{color:var(--action);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-eyebrow.bs-kick{display:block;width:auto;margin:0 0 10px;padding:0;background:none;border:0;border-radius:0;font:800 11.5px/1.4 var(--ui);
  letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-h1.bs-h1{max-width:none;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-lede.bs-lead{max-width:34em;margin:0;font-size:18px;line-height:1.55;color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-updated{margin:16px 0 28px;font:600 12.5px/1.5 var(--mono);color:var(--bs-faint);}
/* the figures = one black broadcast strip */
.bbs-tb:is(.bbs,#bbsTb) .lsr-stats{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin:0 0 28px;background:var(--bs-black);
  border-radius:16px;overflow:hidden;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-stat{min-width:0;padding:22px 20px;background:transparent;border:0;border-left:1px solid var(--bs-bar-line);border-radius:0;box-shadow:none;overflow:visible;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-stat:first-child{border-left:0;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-stat::after{content:none;display:none;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-stat .v{font:800 clamp(28px,3vw,40px)/1 var(--mono);font-variant-numeric:tabular-nums;color:#34D399;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-stat .v.blue{color:#fff;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-stat .k{margin-top:10px;font:500 13.5px/1.45 var(--ui);color:#AEB8C8;}
/* the table */
.bbs-tb:is(.bbs,#bbsTb) .lsr-tablewrap{margin:0 0 14px;overflow-x:auto;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;box-shadow:none;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-table{width:100%;min-width:560px;border-collapse:collapse;font:600 15px/1.3 var(--mono);font-variant-numeric:tabular-nums;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-table th{padding:14px 16px;background:var(--bs-black);color:var(--bs-bar-dim);font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;
  white-space:nowrap;border:0;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-table td{height:44px;padding:12px 16px;color:var(--ink);border-bottom:1px solid var(--bs-line);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-table td:first-child{font:700 15px/1.3 var(--ui);color:var(--ink);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-table .gain{color:var(--bs-green);font-weight:800;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-note{max-width:64ch;margin:0 0 8px;font:500 13.5px/1.6 var(--ui);color:var(--bs-faint);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-section{margin-top:48px;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-section p{max-width:64ch;margin:0 0 14px;font:500 16.5px/1.65 var(--ui);color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-cite{margin-top:40px;padding:22px 24px;background:var(--panel);border:1px solid var(--bs-line);border-radius:20px;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-cite h2{margin:0 0 8px;font:800 11.5px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-cite p{max-width:56ch;margin:0 0 14px;font:500 15px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-cite code{display:block;padding:14px 16px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:12px;font:500 13.5px/1.55 var(--mono);
  color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;}
/* end card (.bs-endc from the base) */
.bbs-tb:is(.bbs,#bbsTb) .lsr-cta.bs-endc{margin-top:40px;background:var(--bs-black);border:0;box-shadow:none;overflow:hidden;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-cta.bs-endc::after{content:none;display:none;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-cta.bs-endc p{max-width:40em;font:500 16px/1.55 var(--ui);color:#AEB8C8;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-cta.bs-endc p strong{color:#fff;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-cta a.bs-btn{min-height:50px;padding:0 24px;border-radius:12px;background:var(--bs-blue);font:700 16px/1.2 var(--ui);transform:none;filter:none;
  box-shadow:0 12px 26px -14px rgba(37,99,235,.9);}
.bbs-tb:is(.bbs,#bbsTb) .lsr-cta a.bs-btn:hover{background:var(--bs-blue-hi);transform:none;filter:none;}
.bbs-tb:is(.bbs,#bbsTb) .lsr-foot{margin-top:32px;padding-top:18px;border-top:1px solid var(--bs-line);font:500 13px/1.6 var(--ui);color:var(--bs-faint);}

/* ---------- tablet / phone ---------- */
@media (max-width:1100px){
  .bbs-tb:is(.bbs,#bbsTb) :is(.arb-grid,.ls-grid,.mv-grid){grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs-tb:is(.bbs,#bbsTb) .hmx-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:900px){
  .bbs-tb:is(.bbs,#bbsTb) :is(.wrap,.lsr-wrap){padding-left:16px;padding-right:16px;}
  .bbs-tb:is(.bbs,#bbsTb) .tb-after,.bbs-tb:is(.bbs,#bbsTb) .lsr-wrap{padding-bottom:48px;}
  .bbs-tb:is(.bbs,#bbsTb) :is(.vf-hero,.ls-hero,.mv-hero){padding:20px 0 28px;}
  .bbs-tb:is(.bbs,#bbsTb) .vf-sec{margin-bottom:44px;}
  .bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq){margin-top:44px;}
  .bbs-tb:is(.bbs,#bbsTb) .lsr-stats{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs-tb:is(.bbs,#bbsTb) .lsr-stat:nth-child(odd){border-left:0;}
  .bbs-tb:is(.bbs,#bbsTb) .lsr-stat:nth-child(n+3){border-top:1px solid var(--bs-bar-line);}
}
@media (max-width:700px){
  /* chips: one swipe row (top-picks pattern), the odds switch at its end */
  .bbs-tb:is(.bbs,#bbsTb) :is(.vf-controls,.ls-controls,.mv-controls){flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;
    scrollbar-width:none;overscroll-behavior-x:contain;}
  .bbs-tb:is(.bbs,#bbsTb) :is(.vf-controls,.ls-controls,.mv-controls)::-webkit-scrollbar{display:none;}
  .bbs-tb:is(.bbs,#bbsTb) :is(.vf-chip,.ls-chip,.mv-chip){flex:none;}
  /* price lists stay vertical lists (pick rows are never rails) */
  .bbs-tb:is(.bbs,#bbsTb) :is(.arb-grid,.ls-grid,.mv-grid){grid-template-columns:minmax(0,1fr);}
  /* the Value Finder table becomes one card per row */
  .bbs-tb:is(.bbs,#bbsTb) .ev-wrap{overflow-x:visible;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev,.bbs-tb:is(.bbs,#bbsTb) table.ev tbody{display:block;width:100%;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev thead{display:none;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"starts sport" "match match" "bet price" "book book";
    gap:6px 14px;padding:14px 16px;border-top:1px solid var(--bs-line);}
  .bbs-tb:is(.bbs,#bbsTb) table.ev tbody tr:first-child{border-top:0;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev tbody tr:hover td{background:none;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev td{display:block;height:auto;min-width:0;padding:0;border:0;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev td.starts{grid-area:starts;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev td.sport{grid-area:sport;text-align:right;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev td.match{grid-area:match;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev td.bet{grid-area:bet;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev td.price{grid-area:price;text-align:right;align-self:start;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev td.book{grid-area:book;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;}
  .bbs-tb:is(.bbs,#bbsTb) table.ev td.book .found{margin-top:0;}
  /* the market map swipes sideways */
  .bbs-tb:is(.bbs,#bbsTb) .hmx-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;margin:0 -16px;padding:2px 16px 10px;
    overscroll-behavior-x:contain;scrollbar-width:none;}
  .bbs-tb:is(.bbs,#bbsTb) .hmx-grid::-webkit-scrollbar{display:none;}
  .bbs-tb:is(.bbs,#bbsTb) .hmx-t{flex:0 0 46%;max-width:200px;scroll-snap-align:start;}
  .bbs-tb:is(.bbs,#bbsTb) .hmx-t:hover{transform:none;}
}
@media (max-width:600px){
  .bbs-tb:is(.bbs,#bbsTb) :is(.ls-card,.mv-card,.arb-card){padding:0 16px 10px;}
  .bbs-tb:is(.bbs,#bbsTb) :is(.ls-top,.mv-top,.arb-card .top){margin-left:-16px;margin-right:-16px;}
  .bbs-tb:is(.bbs,#bbsTb) :is(.ls-match,.mv-pick,.arb-card .match){font-size:22px;}
  .bbs-tb:is(.bbs,#bbsTb) :is(.vf-faq,.tl-faq) summary{font-size:16.5px;}
  .bbs-tb:is(.bbs,#bbsTb) :is(.vf-hero,.ls-hero,.mv-hero) p.bs-lead,.bbs-tb:is(.bbs,#bbsTb) .lsr-lede.bs-lead{font-size:16.5px;}
  .bbs-tb:is(.bbs,#bbsTb) .bb-bridge{padding:20px 48px 20px 18px !important;}
  .bbs-tb:is(.bbs,#bbsTb) .bb-bridge>div:first-of-type{font-size:24px !important;}
  .bbs-tb:is(.bbs,#bbsTb) .tb-term{padding:14px 16px !important;}
  .bbs-tb:is(.bbs,#bbsTb) .tb-term>a{width:100%;}
  .bbs-tb:is(.bbs,#bbsTb) .bb-flagship-bridge{grid-template-columns:minmax(0,1fr);padding:0 0 16px !important;}
  .bbs-tb:is(.bbs,#bbsTb) .bb-flagship-bridge>div{justify-self:start;min-height:40px;}
  .bbs-tb:is(.bbs,#bbsTb) .bb-flagship-bridge>h2{padding:12px 16px 14px;}
  .bbs-tb:is(.bbs,#bbsTb) .bb-flagship-bridge>a{margin:0 16px !important;}
  .bbs-tb:is(.bbs,#bbsTb) .lsr-cite{padding:20px 16px;}
  .bbs-tb:is(.bbs,#bbsTb) .lsr-stat{padding:18px 16px;}
}
@media (prefers-reduced-motion:reduce){.bbs-tb:is(.bbs,#bbsTb) :is(.hmx-t,.vf-chip,.ls-chip,.mv-chip){transition:none;}.bbs-tb:is(.bbs,#bbsTb) .hmx-t:hover{transform:none;}}

/* ===== bb-sect.tc.css ===== */
/* bb-sect.tc - V13 FAMILY C: /today (TodayHub.aspx), /predicted-scores(/{sport}) (PredictedScores.aspx), /power-rankings/{sport}
   (PowerRankings.aspx), /hit-rates/{sport} (HitRates.aspx). 10-Oct-2026, owner: "yes do the rest of the tools, no mockups".
   Builds on bb-sect.base.css (.bbs tokens + .bs-* components). Every selector starts with .bbs-tc / .bbs.bbs-tc (the doubled class
   out-ranks the pages' own inline <style> fallbacks, two of which sit in the body AFTER this sheet). Look = the V12 sections + the
   top-picks reference (group bars, rows, conf chips, crest plates on white). Script hooks untouched: #hrSearch #hrTable #hrNone
   tbody tr[data-search] (HitRates), #td-value .ko[data-utc] #bbPushWrap #bbPushBtn (TodayHub), data-bb-sec / .ps-answer /
   .pr-answer / .td-lede (speakable + section beacons). */

/* ---------- breadcrumbs (three page variants) ---------- */
.bbs-tc .bb-crumb,.bbs.bbs-tc .pr-crumbs,.bbs.bbs-tc .bbps .crumb{padding:16px 0 0;margin:0;font:600 12.5px/1.5 var(--ui);color:var(--bs-faint);}
.bbs-tc .bb-crumb a,.bbs.bbs-tc .pr-crumbs a,.bbs.bbs-tc .bbps .crumb a{color:var(--ink-dim);font-weight:600;text-decoration:none;}
.bbs-tc .bb-crumb a:hover,.bbs.bbs-tc .pr-crumbs a:hover,.bbs.bbs-tc .bbps .crumb a:hover{color:var(--action);text-decoration:none;}
.bbs-tc .bb-crumb .sep{opacity:.5;margin:0 7px;}
.bbs-tc .bb-crumb [aria-current]{color:var(--ink);}
.bbs.bbs-tc .bbps .crumb span[style]{color:var(--ink) !important;}

/* ---------- hero (left-aligned, kicker + display H1 + lead) ---------- */
.bbs.bbs-tc .td-hero,.bbs.bbs-tc .hr-hero{text-align:left;padding-top:28px;padding-bottom:28px;}
.bbs.bbs-tc .pr-wrap,.bbs.bbs-tc .bbps{max-width:1200px;padding-top:0;padding-bottom:16px;}
.bbs.bbs-tc .pr-wrap > .bs-h1,.bbs.bbs-tc .bbps header{margin-top:0;}
.bbs.bbs-tc .pr-eyebrow,.bbs.bbs-tc .bbps .eyebrow{display:block;margin:28px 0 10px;font:800 11.5px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbs.bbs-tc .pr-crumbs + .pr-eyebrow{margin-top:24px;}
.bbs.bbs-tc .hr-hero .bs-lead,.bbs.bbs-tc .td-lede{max-width:36em;margin:0;font-size:18px;line-height:1.55;color:var(--ink-dim);}
.bbs.bbs-tc .td-lede strong{color:var(--ink);font-weight:700;}
.bbs.bbs-tc .pr-lede,.bbs.bbs-tc .bbps .lede{max-width:40em;margin:0 0 12px;font-size:17px;line-height:1.6;color:var(--ink-dim);}
.bbs.bbs-tc .pr-lede b,.bbs.bbs-tc .bbps .lede b{color:var(--ink);}
.bbs.bbs-tc .pr-lede.bs-lead{font-size:18px;}
.bbs.bbs-tc .pr-updated,.bbs.bbs-tc .bbps .ps-updated{display:block;margin:12px 0 24px !important;font:600 12px/1.4 var(--mono) !important;font-variant-numeric:tabular-nums;letter-spacing:.04em !important;
  text-transform:uppercase;color:var(--bs-faint) !important;}

/* /today: the day's numbers as a mono strip + one blue action */
.bbs.bbs-tc .td-stat{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:20px 0 0;font:600 12.5px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--bs-faint);}
.bbs.bbs-tc .td-stat > span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--bs-line);border-radius:999px;background:var(--panel);}
.bbs.bbs-tc .td-stat b{color:var(--ink);font-weight:800;}
.bbs.bbs-tc .td-stat .lv{color:var(--ink-dim);}
.bbs.bbs-tc .td-stat .lv::before{content:"";width:7px;height:7px;border-radius:50%;background:#F87171;}
.bbs.bbs-tc .td-stat .lv b{color:var(--ink);}
.bbs-tc .td-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 0;}
.bbs-tc #bbPushWrap{align-items:center;}
.bbs.bbs-tc .td-push{min-height:50px;}
.bbs.bbs-tc .td-push:disabled{opacity:.7;cursor:default;}

/* ---------- sport chips (links to the same page for each sport) ---------- */
.bbs.bbs-tc .hr-crumbs,.bbs.bbs-tc .pr-chips,.bbs.bbs-tc .bbps .sports{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:20px 0 0;padding:0;}
.bbs.bbs-tc .pr-chips,.bbs.bbs-tc .bbps .sports{margin:0 0 24px;}
.bbs.bbs-tc .hr-crumbs a,.bbs.bbs-tc .hr-crumbs span,.bbs.bbs-tc .pr-chips a,.bbs.bbs-tc .bbps .sports a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;
  border-radius:999px;border:1px solid var(--bs-line);background:var(--panel);color:var(--ink);font:600 14px/1 var(--ui);letter-spacing:0;text-transform:none;
  text-decoration:none;white-space:nowrap;}
.bbs.bbs-tc .hr-crumbs a:hover,.bbs.bbs-tc .pr-chips a:hover,.bbs.bbs-tc .bbps .sports a:hover{border-color:var(--action);color:var(--ink);text-decoration:none;}
.bbs.bbs-tc .hr-crumbs .cur,.bbs.bbs-tc .pr-chips a.on,.bbs.bbs-tc .bbps .sports .on{background:var(--panel);color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}

/* ---------- section heads ---------- */
.bbs-tc .td-sec{margin:0;padding:0 0 48px;}
.bbs.bbs-tc .td-sub{max-width:44em;margin:0 0 18px;font:500 16px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-tc .td-sub a,.bbs-tc .td-empty a{color:var(--action);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.bbs.bbs-tc .pr-h2{margin:44px 0 12px !important;}

/* ---------- /today rows: black group bar + tidy bet rows (top-picks pattern) ---------- */
.bbs-tc .td-list{border:1px solid var(--bs-line);border-radius:14px;overflow:hidden;background:var(--panel);}
.bbs-tc .td-bar{border-radius:0;}
.bbs-tc .td-bar .bs-barct{padding-right:2px;}
.bbs.bbs-tc .td-bet{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:10px 22px;align-items:center;padding:16px 18px;border-top:1px solid var(--bs-line);}
.bbs.bbs-tc .td-bar + .td-bet{border-top:0;}
.bbs-tc .td-main{min-width:0;}
.bbs-tc .td-kick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 6px;}
.bbs-tc .td-sport{font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbs-tc .td-when{font:600 12.5px/1.3 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-dim);}
.bbs.bbs-tc .td-pk{font:700 17px/1.3 var(--ui);color:var(--ink);overflow-wrap:anywhere;}
.bbs.bbs-tc .td-mk{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;font:500 13.5px/1.4 var(--ui);color:var(--bs-faint);}
.bbs-tc .td-game{color:var(--ink-dim);min-width:0;overflow-wrap:anywhere;}
.bbs.bbs-tc .td-mkt{font:500 13.5px/1.4 var(--ui);color:var(--bs-faint);}
.bbs-tc .td-conf{display:inline-flex;align-items:center;font:800 11.5px/1 var(--ui);letter-spacing:.08em;border-radius:7px;padding:5px 8px;text-transform:uppercase;white-space:nowrap;}
.bbs-tc .td-conf.c-high{color:var(--bs-green);background:var(--bs-hi-soft);}
.bbs-tc .td-conf.c-lean{color:var(--bs-gold);background:var(--bs-gold-soft);}
.bbs-tc .td-conf.c-long{color:var(--ink-dim);background:var(--bs-long-soft);}
.bbs-tc .td-say{font:500 13px/1.3 var(--ui);color:var(--bs-faint);}
.bbs.bbs-tc .td-money{min-width:0;text-align:right;font:700 15px/1.25 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-tc .td-ret{display:block;white-space:nowrap;}
.bbs-tc .td-ret b{color:var(--bs-green);font-weight:800;}
.bbs-tc .td-money small{display:block;margin-top:5px;font:500 12.5px/1.35 var(--ui);color:var(--bs-faint);}
.bbs-tc .td-money small .odds-val{font:700 12.5px/1 var(--mono);color:var(--ink);}
.bbs-tc .td-money .td-book{overflow-wrap:anywhere;}
.bbs-tc .td-move .td-mvw{display:block;font:700 14.5px/1.3 var(--ui);color:var(--ink);}
.bbs-tc .td-move.out .td-mvw{color:var(--ink-dim);}
.bbs-tc .td-move small{font-family:var(--mono);}
.bbs.bbs-tc .td-why{grid-column:1 / -1;margin:-4px 0 0;font:500 14px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-tc .td-why summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--bs-line);border-radius:12px;list-style:none;
  cursor:pointer;font:600 14px/1 var(--ui);color:var(--ink);}
.bbs-tc .td-why summary::-webkit-details-marker{display:none;}
.bbs-tc .td-why summary::after{content:"+";font:500 18px/1 var(--mono);color:var(--action);}
.bbs-tc .td-why[open] summary::after{content:"\2013";}
.bbs-tc .td-why summary:hover{border-color:var(--action);}
.bbs-tc .td-why p{margin:10px 0 0;padding:14px 16px;border-radius:12px;background:var(--panel-2);border:1px solid var(--bs-line);}
.bbs.bbs-tc .td-empty{margin:0 0 40px;padding:44px 20px;text-align:center;font:500 16px/1.5 var(--ui);color:var(--ink-dim);background:var(--panel);
  border:1px dashed var(--line-strong);border-radius:16px;}

/* ---------- /predicted-scores rows (group bar + one row per game) + the hub's sport tiles ---------- */
.bbs-tc .ps-list{margin:0 0 8px;border:1px solid var(--bs-line);border-radius:14px;overflow:hidden;background:var(--panel);}
.bbs-tc .ps-bar{border-radius:0;}
.bbs.bbs-tc .ps-rows .game{display:block;margin:0;padding:16px 18px;background:transparent;border:0;border-top:1px solid var(--bs-line);border-radius:0;}
.bbs.bbs-tc .ps-rows .game:first-child{border-top:0;}
.bbs.bbs-tc .ps-rows .teams{margin:0 0 6px;font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bs-faint);overflow-wrap:anywhere;}
.bbs.bbs-tc .ps-rows .score{font:700 18px/1.3 var(--ui);letter-spacing:0;color:var(--ink);overflow-wrap:anywhere;}
.bbs.bbs-tc .ps-rows .score .n{font:800 22px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs.bbs-tc .ps-rows .meta{margin-top:8px;font:500 13.5px/1.55 var(--ui);color:var(--bs-faint);}
.bbs-tc .ps-rows .ps-ko{font:600 12.5px/1.3 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-dim);}
.bbs.bbs-tc .ps-rows .meta .q{color:var(--ink-dim);}
.bbs.bbs-tc .bbps .empty{margin:0 0 24px;padding:28px 22px;background:var(--panel);border:1px dashed var(--line-strong);border-radius:16px;font-size:16px;color:var(--ink-dim);}
.bbs.bbs-tc .ps-hub{margin:8px 0 28px;}
.bbs.bbs-tc .ps-hub .game.bs-tile{margin:0;padding:18px 18px 16px;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;text-decoration:none;}
.bbs.bbs-tc .ps-hub .game.bs-tile:hover{border-color:var(--action);text-decoration:none;}
.bbs.bbs-tc .ps-hub .teams{margin:0;font:800 17px/1.25 var(--ui);letter-spacing:0;text-transform:none;color:var(--ink);}
.bbs.bbs-tc .ps-hub .meta{margin:0;font:500 14px/1.45 var(--ui);color:var(--ink-dim);}
.bbs.bbs-tc .bbps .note,.bbs.bbs-tc .pr-note{max-width:62em;margin:22px 0 0;padding:0;border:0;border-radius:0;font:500 15.5px/1.65 var(--ui);color:var(--ink-dim);}
.bbs.bbs-tc .bbps .note strong,.bbs.bbs-tc .pr-note strong{color:var(--ink);}
.bbs.bbs-tc .bbps .note a,.bbs.bbs-tc .pr-note a,.bbs.bbs-tc .pr-lede a{color:var(--action);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.bbs.bbs-tc .bbps a.bs-tile:hover{text-decoration:none;}

/* ---------- data tables: black header row, mono numbers, 44px rows, own sideways scroll ---------- */
.bbs.bbs-tc .pr-tablewrap,.bbs.bbs-tc .hr-wrap{margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;}
.bbs.bbs-tc table.pr,.bbs.bbs-tc table.hr{width:100%;border-collapse:collapse;font:500 15px/1.3 var(--ui);color:var(--ink);}
.bbs.bbs-tc table.pr th,.bbs.bbs-tc table.hr th{height:44px;padding:0 14px;background:var(--bs-black);border:0;color:#AEB8C8;font:700 11.5px/1.2 var(--mono);letter-spacing:.08em;
  text-transform:uppercase;white-space:nowrap;}
.bbs.bbs-tc table.pr td,.bbs.bbs-tc table.hr td{height:48px;padding:10px 14px;border-top:1px solid var(--bs-line);vertical-align:middle;white-space:nowrap;
  font-family:var(--mono);font-variant-numeric:tabular-nums;}
.bbs.bbs-tc table.pr tbody tr:first-child td,.bbs.bbs-tc table.hr tbody tr:first-child td{border-top:0;}
.bbs.bbs-tc table.pr tbody tr:hover td,.bbs.bbs-tc table.hr tbody tr:hover td{background:var(--panel-2);}
.bbs.bbs-tc table.pr td:nth-child(2){font:700 15.5px/1.3 var(--ui);color:var(--ink);}
.bbs.bbs-tc table.pr td.rk{width:56px;font-weight:700;color:var(--bs-faint);}
.bbs.bbs-tc table.pr td.rt{font-weight:800;color:var(--action);}
/* hit rates */
.bbs.bbs-tc table.hr td.player{font:700 15.5px/1.3 var(--ui);color:var(--ink);}
.bbs.bbs-tc table.hr .game{display:flex;align-items:center;gap:4px;margin-top:4px;font:500 12.5px/1.3 var(--ui);color:var(--bs-faint);}
.bbs-tc .hr-crest{flex:none;width:20px;height:20px;padding:2px;margin-right:2px;border-radius:5px;background:#fff;object-fit:contain;box-shadow:inset 0 0 0 1px rgba(16,24,40,.08);}
.bbs-tc .hr-crest + .hr-crest{margin-right:6px;}
.bbs.bbs-tc table.hr .line{font:700 14.5px/1.2 var(--mono);color:var(--ink);}
.bbs.bbs-tc table.hr .mkt{font:500 13px/1.2 var(--ui);color:var(--bs-faint);}
.bbs.bbs-tc .hr-rate{font-weight:800;color:var(--ink);}
.bbs.bbs-tc .hr-l20{color:var(--ink-dim);}
.bbs.bbs-tc .hr-streak{display:inline-flex;align-items:center;padding:5px 8px;border:0;border-radius:7px;font:800 11.5px/1 var(--mono);letter-spacing:.04em;}
.bbs.bbs-tc .hr-hot{color:var(--bs-green);background:var(--bs-hi-soft);}
.bbs.bbs-tc .hr-cold,.bbs.bbs-tc .hr-mid{color:var(--ink-dim);background:var(--bs-long-soft);}   /* a cold run is only "down": grey, never red */
.bbs.bbs-tc .hr-none{padding:28px 0;font:500 15px/1.5 var(--ui);color:var(--ink-dim);}
.bbs.bbs-tc .hr-empty{margin:0 0 32px;padding:44px 20px;text-align:center;font:500 16px/1.5 var(--ui);color:var(--ink-dim);background:var(--panel);
  border:1px dashed var(--line-strong);border-radius:16px;}
.bbs.bbs-tc .pr-warm{padding:28px 22px;background:var(--panel);border:1px dashed var(--line-strong);border-radius:16px;font-size:16px;line-height:1.6;color:var(--ink-dim);}
.bbs.bbs-tc .pr-warm strong{color:var(--ink);}

/* hit rates: sticky black search bar */
.bbs.bbs-tc .hr-bar{position:sticky;top:var(--bb-top-offset,0px);z-index:40;display:flex;align-items:center;gap:14px;margin:0 0 12px;padding:6px 6px 6px 0;
  background:var(--bs-black);border:0;border-radius:14px;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 14px 30px -18px rgba(0,0,0,.55);}
.bbs-tc .hr-bar .hr-bartag{align-self:stretch;margin:-6px 0;padding:0 26px 0 16px;font-size:16px;}
.bbs.bbs-tc .hr-search{flex:1 1 auto;min-width:0;max-width:560px;margin:0;}
.bbs.bbs-tc .hr-search input{width:100%;min-height:48px;padding:0 16px 0 44px;background:#10141D;border:1px solid #1E2635;border-radius:11px;color:#fff;
  font:500 16px/1.2 var(--ui);-webkit-appearance:none;appearance:none;}
.bbs.bbs-tc .hr-search input::placeholder{color:#8A96AA;}
.bbs.bbs-tc .hr-search input:focus{outline:none;border-color:var(--bs-blue);box-shadow:0 0 0 2px rgba(37,99,235,.45);}
.bbs.bbs-tc .hr-search .ic{left:15px;color:#8A96AA;}

/* ---------- questions, small print, end card ---------- */
.bbs.bbs-tc .hr-faq{margin:48px 0 0;}
.bbs-tc .hr-faq .bs-faq details p{margin:0 0 18px;max-width:62ch;font:500 16px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-tc .hr-faq a,.bbs-tc .hr-disc a{color:var(--action);text-decoration:underline;text-underline-offset:2px;}
.bbs.bbs-tc .hr-disc{max-width:860px;margin:24px 0 40px;padding:0;border:0;border-radius:0;font:500 13px/1.6 var(--ui);color:var(--bs-faint);}
.bbs.bbs-tc .hr-endc{margin:36px 0 8px;}
.bbs-tc .hr-endc .hr-endk{margin:0 0 12px;color:var(--bs-bar-dim);}

/* ---------- Go Pro bridge (shared UpsellBridge helper; inline styles, so !important; display left alone for its dismiss) ---------- */
.bbs-tc .bb-bridge{margin:0 0 48px !important;padding:24px 56px 24px 24px !important;background:var(--panel) !important;border:1px solid var(--bs-line) !important;
  border-radius:16px !important;box-shadow:none !important;}
.bbs-tc .bb-bridge > div:first-of-type{margin:0 0 8px !important;color:var(--ink) !important;font:italic 900 28px/.95 var(--bs-disp) !important;text-transform:uppercase;letter-spacing:-.005em;}
.bbs-tc .bb-bridge > div:nth-of-type(2){margin:0 0 16px !important;color:var(--ink-dim) !important;font:500 15.5px/1.55 var(--ui) !important;}
.bbs-tc .bb-bridge a.js-open-subscribe-modal{min-height:48px;padding:0 22px !important;border-radius:12px !important;background:var(--bs-blue) !important;
  box-shadow:0 12px 26px -14px rgba(37,99,235,.9) !important;font:700 15px/1.2 var(--ui) !important;color:#fff !important;}
.bbs-tc .bb-bridge a.js-open-subscribe-modal:hover{background:var(--bs-blue-hi) !important;}
.bbs-tc .bb-bridge [data-bridge-close]{min-width:44px;min-height:44px;top:4px !important;right:4px !important;color:var(--bs-faint) !important;}

/* ---------- more links (tiles; phone = rail from the base layer) ---------- */
.bbs-tc .td-more,.bbs-tc .hr-more{padding:0 0 48px;}
.bbs-tc .td-more .bs-cap,.bbs-tc .hr-more .bs-cap{margin:0 0 12px;}
.bbs.bbs-tc .tl-mesh{border:0;border-radius:0;font-family:var(--ui);line-height:1.45;color:var(--ink);}
@media (min-width:701px){.bbs.bbs-tc .tl-mesh{margin:0;padding:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}}
.bbs.bbs-tc .tl-mesh a.bs-tile{text-decoration:none;}

/* ---------- RG line, aligned to the container ---------- */
.bbs-tc .rg-line{max-width:1200px;margin:0 auto;padding:8px 24px 36px;font:500 13px/1.65 var(--ui);color:var(--bs-faint);}
.bbs-tc .rg-line a{color:var(--action);}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .bbs.bbs-tc .hr-crumbs,.bbs.bbs-tc .pr-chips,.bbs.bbs-tc .bbps .sports{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 2px;
    scrollbar-width:none;overscroll-behavior-x:contain;}
  .bbs.bbs-tc .hr-crumbs::-webkit-scrollbar,.bbs.bbs-tc .pr-chips::-webkit-scrollbar,.bbs.bbs-tc .bbps .sports::-webkit-scrollbar{display:none;}
  .bbs.bbs-tc .td-bet{grid-template-columns:minmax(0,1fr) 170px;gap:10px 16px;}
  .bbs-tc .rg-line{padding-left:16px;padding-right:16px;}
}
@media (max-width:700px){
  .bbs-tc .hr-bar .hr-bartag{display:none;}
  .bbs.bbs-tc .hr-bar{padding:4px;}
  .bbs-tc .bb-bridge{padding:20px 48px 20px 18px !important;}
  .bbs-tc .bb-bridge > div:first-of-type{font-size:24px !important;}
}
@media (max-width:600px){
  .bbs.bbs-tc .td-bet{grid-template-columns:minmax(0,1fr);padding:16px;}
  .bbs.bbs-tc .td-money{text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;}
  .bbs-tc .td-money small{margin-top:0;}
  .bbs-tc .td-cta .bs-btn{width:100%;}
  .bbs.bbs-tc .ps-rows .game{padding:14px 16px;}
  .bbs.bbs-tc .ps-rows .score{font-size:16.5px;}
  .bbs.bbs-tc .ps-rows .score .n{font-size:20px;}
  .bbs.bbs-tc table.pr th,.bbs.bbs-tc table.hr th,.bbs.bbs-tc table.pr td,.bbs.bbs-tc table.hr td{padding-left:12px;padding-right:12px;}
  .bbs.bbs-tc .pr-lede,.bbs.bbs-tc .bbps .lede{font-size:16px;}
}

/* ===== bb-sect.td.css ===== */
/* bb-sect.td - V13 FAMILY D: the two free-board RESULTS pages, /scorecard (Scorecard.aspx) and /proven-systems (ProvenSystems.aspx).
   LOOK-ONLY restyle (owner 10-Oct: results content is the owner's call; nothing reworded). Matches the live /results V10 look
   (assets/bb-results-v10.*.css: score bug, rules list, tables) on top of bb-sect.base.css. Every selector starts with .bbs-td.
   Script hooks kept untouched: #scControls .sc-chip(.on)[data-val] #scTable tbody tr[data-sport];
   #psSports #psCats .ps-chip(.on)[data-val] #psGrid .ps-card[data-sport][data-cat] (the scripts set style.display on rows / cards).
   The pages' inline <style> blocks stay as the fallback; these rules out-rank them (!important only against inline style attributes
   and the inline block's :root[data-theme] rules). */

.bbs-td{padding-bottom:8px;}

/* ---------- hero: copy left, the bug (scorecard) / the read-this-first box (systems) right ---------- */
.bbs.bbs-td .td-hg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:center;text-align:left;padding:28px 0 48px;}
.bbs-td .td-hg>*{min-width:0;}
.bbs.bbs-td .td-hg:not(:has(.sc-topstat)):not(:has(.ps-honesty)){grid-template-columns:minmax(0,1fr);}
.bbs-td .td-hcopy p{margin-left:0;margin-right:0;max-width:34em;}
.bbs-td .td-hcopy .bs-lead{margin-top:0;font-size:18px;}
.bbs-td .td-hcopy .bs-lead strong{color:var(--ink);}
.bbs-td .td-note{margin-top:14px !important;font-size:15px !important;line-height:1.55;color:var(--ink-dim);}
.bbs-td .td-note a,.bbs-td .td-hcopy a{color:var(--action) !important;font-weight:600;}
.bbs-td .sc-meta{margin-top:16px;font:600 12.5px/1.4 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--bs-faint);}

/* ---------- the score bug (scorecard): black in both themes ---------- */
.bbs-td .sc-topstat.td-bug{max-width:none;margin:0;padding:0;text-align:left;border:0;border-radius:18px;overflow:hidden;background:var(--bs-black);color:#fff;box-shadow:var(--bs-shadow);}
.bbs-td .td-bh{display:flex;align-items:stretch;gap:12px;min-height:42px;border-bottom:1px solid var(--bs-bar-line);}
.bbs-td .td-bh .bs-tag{font-size:15px;padding:0 24px 0 14px;}
.bbs-td .td-bk{align-self:center;min-width:0;font:700 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-bar-dim);}
.bbs-td .sc-topstat .v{padding:20px 22px 0;font:800 clamp(52px,6vw,84px)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#34D399;}
.bbs-td .sc-topstat .l{margin:0;padding:12px 22px 0;font:500 15.5px/1.5 var(--ui);color:#AEB8C8;}
.bbs-td .sc-topstat .td-bh+.l{padding-top:20px;}
.bbs-td .sc-topstat .l strong{color:#fff;}
.bbs-td .sc-topstat .sc-summary{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin:20px 0 0;border-top:1px solid var(--bs-bar-line);}
.bbs-td .sc-topstat .sc-sum{min-width:0;margin:0;padding:14px 18px 16px;text-align:left;background:none;border:0;border-left:1px solid var(--bs-bar-line);border-radius:0;box-shadow:none;}
.bbs-td .sc-topstat .sc-sum:first-child{border-left:0;}
.bbs-td .sc-topstat .sc-sum .v{padding:0;font:800 22px/1.1 var(--mono);letter-spacing:0;color:#fff;}
.bbs-td .sc-topstat .sc-sum .v.pos{color:#34D399;}
.bbs-td .sc-topstat .sc-sum .l{padding:0;margin-top:4px;font:600 12.5px/1.35 var(--ui);letter-spacing:0;text-transform:none;color:var(--bs-bar-dim);overflow-wrap:anywhere;}
.bbs-td .sc-topstat .more{display:flex;align-items:center;min-height:48px;margin:0;padding:0 22px;border-top:1px solid var(--bs-bar-line);background:#0B0F17;
  font:700 14px/1.2 var(--ui);letter-spacing:0;color:#DBE7FF;text-decoration:none;}
.bbs-td .sc-topstat .more:hover{color:#fff;text-decoration:none;}

/* ---------- read this first (systems): the page's bug, kept loud and above every result ---------- */
.bbs-td .ps-honesty{margin:0;padding:0 0 22px;border:0;border-radius:18px;overflow:hidden;background:var(--bs-black);color:#fff;box-shadow:var(--bs-shadow);}
.bbs-td .ps-honesty .ph-h{display:inline-flex;align-items:center;min-height:42px;margin:0 0 18px;padding:0 26px 0 14px;background:var(--bs-blue);color:#fff;
  font:italic 900 15px/1 var(--bs-disp);letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);}
.bbs-td .ps-honesty p{margin:0 0 12px;padding:0 22px;font:500 16px/1.6 var(--ui);color:#AEB8C8;}
.bbs-td .ps-honesty strong{color:#fff;}
.bbs-td .ps-honesty em{color:#DBE7FF;}
.bbs-td .ps-honesty .ph-verdict{margin:16px 0 0;padding:16px 22px 0;border-top:1px solid var(--bs-bar-line);color:#fff;}

/* ---------- systems summary: one panel strip of counts ---------- */
.bbs-td .ps-summary{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin:0 0 24px;
  background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;overflow:hidden;}
.bbs-td .ps-sum{min-width:0;margin:0;padding:16px 20px 18px;text-align:left;background:none;border:0;border-left:1px solid var(--bs-line);border-radius:0;box-shadow:none;}
.bbs-td .ps-sum:first-child{border-left:0;}
.bbs-td .ps-sum .v{font:800 28px/1.1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-td .ps-sum .l{margin-top:4px;font:600 12.5px/1.35 var(--ui);letter-spacing:0;text-transform:none;color:var(--bs-faint);}

/* ---------- filter chips (script-built spans; 44px, active = ink pill) ---------- */
.bbs-td .sc-controls,.bbs-td .ps-controls{gap:8px;margin:0 0 12px;}
.bbs-td .ps-controls .grp{gap:8px;}
.bbs-td :is(.sc-chip,.ps-chip){display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--bs-line);
  background:var(--panel);color:var(--ink);font:600 14px/1 var(--ui);letter-spacing:0;cursor:pointer;user-select:none;-webkit-user-select:none;}
.bbs-td :is(.sc-chip,.ps-chip):hover{border-color:var(--action);}
.bbs-td :is(.sc-chip,.ps-chip).on{background:var(--ink);color:var(--void);border-color:var(--ink);}

/* ---------- the board table (scorecard): black header row, mono numbers, 52px rows, scrolls in its own box ---------- */
.bbs-td .sc-wrap{margin:0 0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;}
.bbs-td table.sc{width:100%;border-collapse:collapse;font-size:15px;}
.bbs-td table.sc th{height:46px;padding:12px 16px;background:var(--bs-black) !important;color:var(--bs-bar-dim);font:800 11px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;}
.bbs-td table.sc td{height:52px;padding:10px 16px;border-top:1px solid var(--bs-line);font:600 15px/1.3 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;}
.bbs-td table.sc tbody tr:first-child td{border-top:0;}
.bbs-td table.sc tbody tr:hover td{background:var(--panel-2);}
.bbs-td table.sc td.sport{font:800 12px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-td table.sc td.mkt{font:700 15.5px/1.3 var(--ui) !important;color:var(--ink) !important;}
.bbs-td table.sc .dim{color:var(--ink-dim);}
.bbs-td table.sc .pos{color:var(--bs-green);font-weight:800;}
/* losing rows stay marked: the page's own copy says "in red" (owner item in CHANGES_td.md) - the theme's red token, not the old pink */
.bbs-td table.sc .neg{color:var(--bs-red);font-weight:800;}

/* ---------- pattern cards (systems): two columns, counts strip at the foot so neighbours end together ---------- */
.bbs-td .ps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 12px;}
.bbs-td .ps-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;overflow:hidden;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;box-shadow:none;}
.bbs-td .ps-card .top{padding:18px 20px 0;}
.bbs-td .ps-name{font:800 18px/1.3 var(--ui);color:var(--ink);overflow-wrap:anywhere;}
.bbs-td .ps-when{margin-top:6px;padding:0 20px;font:500 15px/1.5 var(--ui);color:var(--ink-dim);}
.bbs-td .ps-tags{gap:6px;margin-top:12px;padding:0 20px;}
.bbs-td .ps-tag{padding:6px 10px;border:0;border-radius:6px;background:var(--bs-long-soft);color:var(--ink-dim);font:800 11px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;}
.bbs-td .ps-tag.sport{background:var(--bs-wash);color:var(--action);}
.bbs-td .ps-stats{flex-wrap:wrap;gap:28px;margin-top:auto;padding:14px 20px 16px;border-top:1px solid var(--bs-line);background:var(--panel-2);}
.bbs-td .ps-card .ps-tags+.ps-stats{margin-top:16px;}
.bbs-td .ps-stat .v{font:800 20px/1.1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-td .ps-stat .v.pos{color:var(--bs-green);}
.bbs-td .ps-stat .l{margin-top:4px;font:600 12px/1.3 var(--ui);letter-spacing:0;text-transform:none;color:var(--bs-faint);}

/* ---------- empty states, method box ---------- */
.bbs-td :is(.sc-empty,.ps-empty){margin:0 0 24px;padding:36px 22px;text-align:center;background:var(--panel);border:1px dashed var(--line-strong);border-radius:16px;
  font:500 16px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-td :is(.sc-disc,.ps-disc){margin:0 0 48px;padding:20px 22px;background:var(--panel-2);border:1px solid var(--bs-line);border-radius:16px;font:500 14px/1.65 var(--ui);color:var(--ink-dim);}
.bbs-td :is(.sc-disc,.ps-disc) strong{color:var(--ink);}
.bbs-td :is(.sc-disc,.ps-disc) a,.bbs-td .tl-faq details p a{color:var(--action) !important;}

/* ---------- questions (real <details>, answers stay in the HTML) ---------- */
.bbs-td .tl-faq.bs-faq{max-width:860px;margin:40px 0 48px;border-top:0;}
.bbs-td .tl-faq details{margin:0;padding:0;background:transparent;border:0;border-bottom:1px solid var(--bs-line);border-radius:0;}
.bbs-td .tl-faq h2+details{border-top:1px solid var(--bs-line);}
.bbs-td .tl-faq summary{min-height:44px;padding:18px 2px;font:700 18px/1.35 var(--ui);}
.bbs-td .tl-faq summary::after{font:500 26px/1 var(--mono);color:var(--action);}
.bbs-td .tl-faq details p{margin:0 0 18px;font:500 16px/1.6 var(--ui);color:var(--ink-dim);}

/* ---------- Go Pro bridge (shared UpsellBridge helper; inline styles, so !important; display left alone for its dismiss) ---------- */
.bbs-td .bb-bridge{margin:0 0 48px !important;padding:24px 56px 24px 24px !important;background:var(--panel) !important;border:1px solid var(--bs-line) !important;
  border-radius:16px !important;box-shadow:none !important;}
.bbs-td .bb-bridge > div:first-of-type{margin:0 0 8px !important;color:var(--ink) !important;font:italic 900 28px/.95 var(--bs-disp) !important;text-transform:uppercase;letter-spacing:-.005em;}
.bbs-td .bb-bridge > div:nth-of-type(2){margin:0 0 16px !important;color:var(--ink-dim) !important;font:500 15.5px/1.55 var(--ui) !important;}
.bbs-td .bb-bridge a.js-open-subscribe-modal{min-height:48px;padding:0 22px !important;border-radius:12px !important;background:var(--bs-blue) !important;
  box-shadow:0 12px 26px -14px rgba(37,99,235,.9) !important;font:700 15px/1.2 var(--ui) !important;color:#fff !important;}
.bbs-td .bb-bridge a.js-open-subscribe-modal:hover{background:var(--bs-blue-hi) !important;}
.bbs-td .bb-bridge [data-bridge-close]{min-width:44px;min-height:44px;top:4px !important;right:4px !important;color:var(--bs-faint) !important;}

/* ---------- more free tools: link tiles (law 12), phone = rail from the base layer ---------- */
.bbs-td .tl-mesh{margin:0 0 48px;padding:0;border:0;border-radius:0;font:inherit;line-height:1.45;color:var(--ink);}
.bbs-td .tl-mesh .td-mh{display:block;margin:0 0 12px;font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-td .tl-mesh a.bs-tile{color:var(--ink);text-decoration:none;}
.bbs-td .tl-mesh a.bs-tile:hover{text-decoration:none;}
.bbs-td .tl-mesh .bs-tiles.td-t4{grid-template-columns:repeat(4,minmax(0,1fr));}

/* ---------- end card, RG line, citation ---------- */
.bbs-td .td-endw{margin-top:8px;margin-bottom:40px;}
.bbs-td .bs-endc .td-endk{color:#60A5FA;}
.bbs-td .bs-endc .bs-btn{white-space:nowrap;}
.bbs-td .rg-line{max-width:1200px;margin:0 auto;padding:0 24px 20px;font:500 13px/1.65 var(--ui);color:var(--bs-faint);}
.bbs-td .rg-line a{color:var(--action);border-bottom:0;}
.bbs-td .td-cite{max-width:1152px !important;margin:0 auto 40px !important;padding:14px 18px !important;background:var(--panel-2);border:1px solid var(--bs-line) !important;
  border-radius:14px !important;font:500 13px/1.6 var(--ui) !important;color:var(--ink-dim) !important;overflow-wrap:anywhere;}
.bbs-td .td-cite strong{color:var(--ink) !important;}
.bbs-td .td-cite a{color:var(--action);}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .bbs.bbs-td .td-hg{gap:32px;}
  .bbs-td .tl-mesh .bs-tiles.td-t4{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:900px){
  .bbs.bbs-td .td-hg{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 0 36px;}
  .bbs-td .ps-grid{grid-template-columns:minmax(0,1fr);}
  .bbs-td .tl-mesh .bs-tiles.td-t4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs-td .rg-line{padding-left:16px;padding-right:16px;}
  .bbs-td .td-cite{max-width:none !important;margin:0 16px 32px !important;}
  .bbs-td .tl-faq.bs-faq{margin-top:32px;}
}
@media (max-width:700px){
  .bbs-td .bb-bridge{padding:20px 48px 20px 18px !important;}
  .bbs-td .bb-bridge > div:first-of-type{font-size:24px !important;}
  .bbs-td :is(.sc-chip,.ps-chip){padding:0 14px;font-size:13.5px;}
}
@media (max-width:600px){
  .bbs-td .td-hcopy .bs-lead{font-size:16.5px;}
  .bbs-td .sc-topstat .v{padding:16px 18px 0;}
  .bbs-td .sc-topstat .l{padding-left:18px;padding-right:18px;}
  .bbs-td .sc-topstat .more{padding:0 18px;}
  .bbs-td .sc-topstat .sc-summary,.bbs-td .ps-summary{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs-td .sc-topstat .sc-sum{padding:12px 16px 14px;}
  .bbs-td .sc-topstat .sc-sum:nth-child(odd){border-left:0;}
  .bbs-td .sc-topstat .sc-sum:nth-child(n+3){border-top:1px solid var(--bs-bar-line);}
  .bbs-td .ps-sum{padding:14px 16px;}
  .bbs-td .ps-sum:nth-child(odd){border-left:0;}
  .bbs-td .ps-sum:nth-child(n+3){border-top:1px solid var(--bs-line);}
  .bbs-td .ps-sum .v{font-size:24px;}
  .bbs-td .ps-honesty p{padding-left:18px;padding-right:18px;font-size:15.5px;}
  .bbs-td .ps-honesty .ph-verdict{padding-left:18px;padding-right:18px;}
  .bbs-td table.sc th,.bbs-td table.sc td{padding-left:12px;padding-right:12px;}
  .bbs-td table.sc td{font-size:14px;}
  .bbs-td .ps-stats{gap:18px;}
  .bbs-td .tl-faq summary{font-size:16.5px;}
}