/* ===== 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.sc.css ===== */
/* bb-sect.sc - LIVE SCORES family (/scores, /scores/{sport} = LiveScores.aspx). V12 sections restyle, 10-Oct-2026.
   Builds on bb-sect.base.css (.bbs tokens + .bs-* components). Every selector starts with .bbs-sc.
   Look = the approved games row (Site.Master .gs5 "TV score bug") + top-picks group bars / segmented control / chips.
   Script hooks kept untouched: #scGrid .sc-league .sc-card[data-eid][data-status] .dim .sc-sco[data-side] [data-status-el]
   .sc-status.sc-live/.sc-final/.sc-up .dot #scTabs .sc-tab.on[data-status] #nAll #nLive #nUp #nFin #scScan; .sc-lose is added by
   the page script on final cards (lower score). The page's inline <style> is only a fallback; these rules out-rank it. */

/* ---------- breadcrumb + hero ---------- */
.bbs-sc .bb-crumb{padding:16px 0 0;font:600 12.5px/1.5 var(--ui);color:var(--bs-faint);}
.bbs-sc .bb-crumb a{color:var(--ink-dim);text-decoration:none;}
.bbs-sc .bb-crumb a:hover{color:var(--action);}
.bbs-sc .bb-crumb .sep{opacity:.5;margin:0 7px;}
.bbs-sc .bb-crumb [aria-current]{color:var(--ink);}
.bbs.bbs-sc .sc-hero{text-align:left;padding-top:28px;padding-bottom:24px;}
.bbs-sc .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);}
.bbs-sc .sc-meta #scScan:not(:empty)::before{content:"Scores";}

/* ---------- sport chips (links to /scores/{sport}) ---------- */
.bbs-sc .sc-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;overflow:visible;}
.bbs-sc .sc-crumbs a,.bbs-sc .sc-crumbs span{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-decoration:none;white-space:nowrap;}
.bbs-sc .sc-crumbs a:hover{border-color:var(--action);color:var(--ink);}
.bbs-sc .sc-crumbs .cur{background:var(--panel);color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}

/* ---------- sticky status bar: black broadcast bar + segmented control ---------- */
.bbs-sc .sc-bar{position:sticky;top:var(--bb-top-offset,0px);z-index:40;display:flex;align-items:center;gap:14px;margin:16px 0 0;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-sc .sc-bar .sc-bartag{align-self:stretch;margin:-6px 0;padding:0 26px 0 16px;font-size:16px;}
.bbs-sc .sc-tabs{display:flex;gap:4px;min-width:0;margin:0;padding:3px;overflow-x:auto;background:#10141D;border:1px solid #1E2635;border-radius:11px;scrollbar-width:none;}
.bbs-sc .sc-tabs::-webkit-scrollbar{display:none;}
.bbs-sc .sc-tab{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 14px;border:0;border-radius:9px;background:transparent;
  color:#AEB8C8;font:600 14px/1 var(--ui);letter-spacing:0;cursor:pointer;white-space:nowrap;-webkit-appearance:none;appearance:none;}
.bbs-sc .sc-tab:hover{color:#fff;}
.bbs-sc .sc-tab .n{margin:0;opacity:1;padding:3px 7px;border-radius:999px;background:#1B2230;color:#DBE7FF;font:700 12px/1 var(--mono);font-variant-numeric:tabular-nums;}
.bbs-sc .sc-tab .n:empty{display:none;}
.bbs-sc .sc-tab.on,.bbs-sc .sc-tab.livetab.on{background:#fff;color:#05070B;border-color:transparent;}
.bbs-sc .sc-tab.on .n{background:var(--bs-blue);color:#fff;}
.bbs-sc .sc-tab.livetab.on .n{background:#DC2626;}
.bbs-sc .sc-bar .sc-barct{margin-left:auto;padding-right:10px;font:700 11.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bs-bar-dim);white-space:nowrap;}

/* ---------- league group bars + score-bug cards ---------- */
.bbs-sc #scGrid{margin-top:22px;}
.bbs-sc .sc-league{margin:0 0 26px;}
.bbs-sc .sc-lhead{display:flex;align-items:center;gap:12px;min-height:50px;margin:0;padding:0 16px;background:var(--bs-black);color:#fff;border-radius:14px 14px 0 0;
  font-family:var(--ui);font-size:14px;text-transform:none;letter-spacing:0;}
.bbs-sc .sc-lhead .grp{min-width:0;font:italic 900 24px/1 var(--bs-disp);text-transform:uppercase;letter-spacing:-.005em;color:#fff;overflow-wrap:anywhere;}
.bbs-sc .sc-lhead .sc-lct{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;}
.bbs-sc .sc-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px;border:1px solid var(--bs-line);border-top:0;border-radius:0 0 14px 14px;}
.bbs-sc .sc-card{display:flex;flex-direction:column;min-width:0;padding:0;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;overflow:hidden;box-shadow:none;}
/* status strip = the TV bug's top line: LIVE red tag, FINAL grey tag, start time in mono */
.bbs-sc .sc-strip{display:flex;align-items:stretch;min-height:34px;padding:0;margin:0;background:var(--bs-black);border:0;}
.bbs-sc .sc-status{display:inline-flex;align-items:center;gap:10px;min-width:0;font:700 12px/1.2 var(--mono);letter-spacing:0;color:#DBE7FF;}
.bbs-sc .sc-strip .sc-status{align-self:stretch;}
.bbs-sc .sc-up{padding:0 14px;color:#DBE7FF;}
.bbs-sc .sc-live{padding-right:14px;color:#fff;}
.bbs-sc .sc-live .dot{display:inline-flex;align-items:center;align-self:stretch;flex:none;width:auto;height:auto;padding:0 18px 0 12px;border-radius:0;background:#DC2626;
  animation:none;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.bbs-sc .sc-live .dot::before{content:"Live";font:italic 900 14px/1 var(--bs-disp);letter-spacing:.06em;text-transform:uppercase;color:#fff;}
.bbs-sc .sc-final{padding:0 20px 0 12px;background:#1B2230;color:#AEB8C8;font:italic 900 14px/1 var(--bs-disp);letter-spacing:.06em;text-transform:uppercase;
  clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);}
/* team rows: crest on a white plate, name + record, big mono score */
.bbs-sc .sc-crow{display:flex;align-items:center;gap:12px;min-height:50px;margin:0;padding:7px 14px;}
.bbs-sc .sc-crow + .sc-crow{border-top:1px solid var(--bs-line);}
.bbs-sc .sc-logo{flex:0 0 30px;width:30px;height:30px;padding:3px;border-radius:8px;background:#fff;object-fit:contain;box-shadow:inset 0 0 0 1px rgba(16,24,40,.08);}
.bbs-sc .sc-ini{display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--panel-2);color:var(--ink-dim);font:800 12px/1 var(--ui);
  box-shadow:inset 0 0 0 1px var(--bs-line);}
.bbs-sc .sc-tm{flex:1 1 auto;min-width:0;font:700 15.5px/1.25 var(--ui);color:var(--ink);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
.bbs-sc .sc-rec{display:inline-block;margin-left:8px;font:600 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--bs-faint);white-space:nowrap;}
.bbs-sc .sc-sco{flex:none;min-width:34px;text-align:right;font:800 24px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-sc .sc-card[data-status="Upcoming"] .sc-sco{visibility:hidden;}  /* the feed sends 0-0 before kick-off; data-status is kept current by the page script */
.bbs-sc .sc-card.dim .sc-tm,.bbs-sc .sc-card.dim .sc-sco{color:var(--ink);}
.bbs-sc .sc-card.dim .sc-crow.sc-lose .sc-tm,.bbs-sc .sc-card.dim .sc-crow.sc-lose .sc-sco{color:var(--bs-faint);}
.bbs-sc .sc-foot{display:flex;justify-content:flex-end;margin:auto 0 0;padding:0;border-top:1px solid var(--bs-line);}
.bbs-sc .sc-link{display:inline-flex;align-items:center;justify-content:flex-end;width:100%;min-height:44px;padding:0 14px;font:700 13.5px/1.2 var(--ui);
  color:var(--action);text-decoration:none;white-space:nowrap;}
.bbs-sc .sc-link:hover{text-decoration:underline;text-underline-offset:3px;}
.bbs-sc .sc-empty{margin:8px 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;}

/* ---------- picks end card (was the inline-styled flagship bridge) ---------- */
.bbs.bbs-sc .bb-flagship-bridge{margin:10px 0 56px;}
.bbs-sc .bb-flagship-bridge .sc-endk{margin:0 0 12px;color:var(--bs-bar-dim);}

/* ---------- questions + small print ---------- */
.bbs.bbs-sc .sc-faq{margin:0;}
.bbs-sc .sc-faq details{margin:0;padding:0;border:0;border-bottom:1px solid var(--bs-line);border-radius:0;background:transparent;}
.bbs-sc .sc-faq details p{margin:0 0 18px;max-width:62ch;font-size:16px;line-height:1.6;color:var(--ink-dim);}
.bbs-sc .sc-faq a,.bbs-sc .sc-disc a{color:var(--action);text-decoration:underline;text-underline-offset:2px;}
.bbs-sc .sc-disc{max-width:860px;margin:0 0 32px;padding:0;border:0;border-radius:0;font:500 13px/1.6 var(--ui);color:var(--bs-faint);}

/* ---------- Go Pro bridge (shared UpsellBridge helper; inline styles, so !important; display left alone for its dismiss) ---------- */
.bbs-sc .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-sc .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-sc .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-sc .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-sc .bb-bridge a.js-open-subscribe-modal:hover{background:var(--bs-blue-hi) !important;}
.bbs-sc .bb-bridge [data-bridge-close]{min-width:44px;min-height:44px;top:4px !important;right:4px !important;color:var(--bs-faint) !important;}

/* ---------- more for today (link tiles; phone = rail from the base layer) ---------- */
.bbs-sc .sc-more .bs-cap{margin:0 0 12px;}
.bbs.bbs-sc .tl-mesh{border:0;border-radius:0;font-family:var(--ui);line-height:1.45;color:var(--ink);}
@media (min-width:701px){.bbs.bbs-sc .tl-mesh{margin:0;padding:0;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));}}

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

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .bbs-sc .sc-list{grid-template-columns:repeat(3,minmax(0,1fr));}
  .bbs.bbs-sc .tl-mesh{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:900px){
  .bbs-sc .sc-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs-sc .sc-crumbs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 2px;scrollbar-width:none;overscroll-behavior-x:contain;}
  .bbs-sc .sc-crumbs::-webkit-scrollbar{display:none;}
  .bbs-sc .rg-line{padding-left:16px;padding-right:16px;}
}
@media (max-width:700px){
  .bbs-sc .sc-bar{padding:4px;gap:0;}
  .bbs-sc .sc-bar .sc-bartag,.bbs-sc .sc-bar .sc-barct{display:none;}
  .bbs-sc .sc-tabs{flex:1 1 auto;gap:3px;padding:2px;}
  .bbs-sc .sc-tab{flex:1 0 auto;justify-content:center;gap:4px;padding:0 6px;font-size:13px;}
  .bbs-sc .sc-tab .n{padding:3px 5px;font-size:11px;}
  .bbs-sc .bb-bridge{padding:20px 48px 20px 18px !important;}
  .bbs-sc .bb-bridge > div:first-of-type{font-size:24px !important;}
}
@media (max-width:600px){
  .bbs-sc .sc-list{grid-template-columns:minmax(0,1fr);padding:10px;gap:10px;}
  .bbs-sc .sc-lhead{padding:0 14px;}
  .bbs-sc .sc-lhead .grp{font-size:21px;}
  .bbs-sc .sc-crow{min-height:46px;}
  .bbs-sc .sc-sco{font-size:22px;}
}

/* ===== bb-sect.tl.css ===== */
/* bb-sect.tl - FREE TOOLS family: /tools/ hub + odds converter, no-vig, EV, parlay, parlay price check, Kelly, bankroll,
   hedge, arbitrage (owner 10-Oct-2026: "all the free tools ... do it quick ... according to designs we have agreed on").
   Sits on bb-sect.base.css (.bbs tokens --bs-*, .bs-kick .bs-h1 .bs-h2 .bs-lead .bs-tag .bs-tiles .bs-rail). Rules =
   .claude/design-system/DESIGN_RULEBOOK.md; ticket / plan-button / FAQ looks copied from bb-subs.3a8bc4cf.css.

   ROOT = .bbs-tl:is(.bbs,#bbsTl). The :is() carries ID weight (1,1,0) so this layer beats the pages' own sheets, which
   style by id in places (#hgTool on hedge, #brBank/#brUnit on bankroll, #plPay/#plAdd on parlay) - without !important.
   #bbsTl is never in the markup; the root element is <div class="bbs bbs-tl"> (parlay price check: its .wrapper div).
   !important is used ONLY against inline style attributes (flagship bridge, embed lines, parlay-price-check wrapper/picker)
   and to mirror the base .bs-btn white text. Nothing here renames or hides a class/id that tools.js or a page script
   reads (.tc-input, .tc-seg, .on, .tc-linkbox, tc-verdict pos/neg/neutral, ev-verdict ..., pl-odd, #ids). */

/* ---------- page frame: one centred 860px column for a calculator, 1200 for the hub ---------- */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-wrap,.ev-page,.kc-wrap,.bk-wrap,.nvc-wrap,.oc-wrap){max-width:908px;margin-left:auto;margin-right:auto;padding:24px 24px 8px;}
.bbs-tl:is(.bbs,#bbsTl) .th-wrap{max-width:1200px;margin-left:auto;margin-right:auto;padding:24px 24px 8px;}
.bbs-tl:is(.bbs,#bbsTl).tl-ppc{max-width:908px !important;padding:24px 24px 64px !important;}
.bbs-tl:is(.bbs,#bbsTl) .tl-after{max-width:908px;margin-left:auto;margin-right:auto;padding:0 24px 64px;}
.bbs-tl:is(.bbs,#bbsTl) .th-wrap+.tl-after{max-width:1200px;}

/* crumbs */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-crumb,.ev-crumb,.kc-crumb,.bk-crumb,.nvc-crumb,.oc-crumb,.th-crumb){font:600 12.5px/1.5 var(--ui);letter-spacing:0;color:var(--bs-faint);margin:0 0 22px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-crumb,.ev-crumb,.kc-crumb,.bk-crumb,.nvc-crumb,.oc-crumb,.th-crumb) a{color:var(--ink-dim);text-decoration:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-crumb,.ev-crumb,.kc-crumb,.bk-crumb,.nvc-crumb,.oc-crumb,.th-crumb) a:hover{color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-crumb,.ev-crumb,.kc-crumb,.bk-crumb,.nvc-crumb,.oc-crumb,.th-crumb) span{color:var(--bs-faint);}

/* ---------- hero words (the old eyebrow pills/dots are reset; type comes from the base .bs-h1 / .bs-h2) ---------- */
.bbs-tl:is(.bbs,#bbsTl) .bs-kick{display:block;width:auto;font:800 11.5px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);
  margin:0 0 10px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.bs-h1,.bs-h2){max-width:none;}
.bbs-tl:is(.bbs,#bbsTl) .bs-h1 :is(em,.hl){font-style:inherit;}
.bbs-tl:is(.bbs,#bbsTl) .bs-lead{font-size:18px;line-height:1.55;color:var(--ink-dim);max-width:34em;margin:0;}
.bbs-tl:is(.bbs,#bbsTl) .bs-lead strong{color:var(--ink);font-weight:700;}

/* ---------- the calculator = a broadcast ticket: black bar + blue slanted tag, then the inputs ---------- */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-card,.ev-card,.kc-card,.bk-card,.nvc-hero,.oc-card,.tl-tk){position:relative;background:var(--panel);border:1px solid var(--bs-line);
  border-radius:20px;padding:0 24px 24px;margin-top:30px;box-shadow:var(--bs-shadow);overflow:hidden;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-card,.ev-card,.kc-card,.bk-card,.nvc-hero,.oc-card,.tl-tk)::after{content:none;display:none;}
.bbs-tl:is(.bbs,#bbsTl) .tl-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-tl:is(.bbs,#bbsTl) .tl-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-tl:is(.bbs,#bbsTl) :is(.tl-bar+.ev-field,.tl-bar+.kc-row>.kc-field){margin-top:0;}
.bbs-tl:is(.bbs,#bbsTl) .tl-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;}

/* segmented controls (odds format, risk level, Kelly fraction) = the subscribe ticket's plan buttons */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-seg,.ev-seg,.kc-seg,.bk-seg,.oc-seg){display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin:12px 0 0;
  padding:0;background:none;border:0;border-radius:0;}
.bbs-tl:is(.bbs,#bbsTl) .tl-bar+.tc-seg{margin:0 0 4px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-seg,.ev-seg,.kc-seg,.bk-seg,.oc-seg) button{min-height:48px;min-width:0;margin:0;padding:8px 6px;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;
  box-shadow:none;transition:border-color .15s,background-color .15s,color .15s;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-seg,.ev-seg,.kc-seg,.bk-seg,.oc-seg) button:hover{border-color:var(--line-strong);color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-seg,.ev-seg,.kc-seg,.bk-seg,.oc-seg) button.on{border-color:var(--action);background:var(--bs-wash);color:var(--ink);box-shadow:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-seg,.ev-seg,.kc-seg,.bk-seg,.oc-seg) button:focus-visible{outline:2px solid var(--action);outline-offset:3px;box-shadow:none;}

/* labels + inputs (56px tall, mono) */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-label,.ev-label,.kc-label,.bk-label,.oc-label){display:block;font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;
  color:var(--bs-faint);margin:0 0 8px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-field,.ev-field,.kc-field){margin-top:16px;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-inputs{margin-top:16px;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-inputs .tc-field{margin-top:0;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-input,.ev-input,.kc-input,.oc-input,#brBank){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 24px/1.2 var(--mono);font-variant-numeric:tabular-nums;
  text-align:center;box-shadow:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-input,.ev-input,.kc-input,.oc-input,#brBank)::placeholder{color:var(--bs-faint);opacity:1;font-weight:500;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-input,.ev-input,.kc-input,.oc-input,#brBank):focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px var(--bs-wash);}
.bbs-tl:is(.bbs,#bbsTl) .oc-input{min-height:64px;font-size:30px;}
.bbs-tl:is(.bbs,#bbsTl) #brBank{padding-left:40px;text-align:left;font-size:26px;}
.bbs-tl:is(.bbs,#bbsTl) .bk-input-wrap .pre{left:16px;font:700 24px/1 var(--mono);color:var(--bs-faint);}
.bbs-tl:is(.bbs,#bbsTl) .bk-field{margin-bottom:18px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-row,.kc-row,.ev-grid2,.nvc-inputs,.bk-secondary){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-row,.kc-row,.ev-grid2,.nvc-inputs,.bk-secondary)>*{min-width:0;}

/* parlay legs: the JS builds <div class="tc-field" style="display:flex"> + input.tc-input.pl-odd + button.btn-glass */
.bbs-tl:is(.bbs,#bbsTl) #plLegs .tc-field{margin-top:10px;}
.bbs-tl:is(.bbs,#bbsTl) #plLegs .tc-input{flex:1 1 auto;width:auto;min-width:0;}
.bbs-tl:is(.bbs,#bbsTl) #plLegs .btn-glass{flex:none;min-width:52px;min-height:56px;height:auto;margin:0;padding:0;border:1px solid var(--line-strong);border-radius:12px;
  background:transparent;color:var(--ink-dim);font:500 24px/1 var(--ui);}
.bbs-tl:is(.bbs,#bbsTl) #plLegs .btn-glass:hover{border-color:var(--action);color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) #plAdd{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:auto;min-height:48px;margin-top:12px;padding:0 18px;
  border:1px solid var(--line-strong);border-radius:12px;background:transparent;color:var(--ink);font:700 15px/1.2 var(--ui);cursor:pointer;}
.bbs-tl:is(.bbs,#bbsTl) #plAdd:hover{border-color:var(--action);}

/* the verdict: green when it is good, plain grey otherwise (never a red number) */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-verdict,.ev-verdict,.kc-verdict){margin-top:20px;padding:15px 18px;border-radius:14px;text-align:center;font:700 16.5px/1.4 var(--ui);
  font-variant-numeric:tabular-nums;letter-spacing:0;border:1px solid var(--bs-line);background:var(--panel-2);color:var(--ink-dim);box-shadow:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-verdict,.ev-verdict,.kc-verdict).pos{background:var(--bs-hi-soft);border-color:transparent;color:var(--bs-green);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-verdict,.ev-verdict,.kc-verdict):is(.neg,.neutral){background:var(--panel-2);border-color:var(--bs-line);color:var(--ink-dim);}

/* result cells: caps label + mono number; money that is always a win = green */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-results,.ev-results,.kc-results,.oc-results){display:grid;gap:10px;margin-top:14px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-results,.kc-results){grid-template-columns:repeat(2,minmax(0,1fr));}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-results,.oc-results){grid-template-columns:repeat(3,minmax(0,1fr));}
.bbs-tl:is(.bbs,#bbsTl) .pc-scope .tc-results{grid-template-columns:repeat(3,minmax(0,1fr));}
.bbs-tl:is(.bbs,#bbsTl) .nvc-hero .tc-results{margin-top:0;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-res,.ev-res,.kc-res,.oc-res,.bk-res){min-width:0;padding:14px 12px;text-align:center;background:var(--panel-2);border:1px solid var(--bs-line);
  border-radius:12px;box-shadow:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-res,.ev-res,.kc-res,.oc-res,.bk-res) .k{font:800 10.5px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);opacity:1;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-res,.ev-res,.kc-res,.oc-res,.bk-res) .v{margin-top:6px;font:800 22px/1.15 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;
  color:var(--ink);overflow-wrap:anywhere;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-res,.ev-res,.kc-res,.oc-res).prob{background:var(--panel-2);border-color:var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-res,.ev-res,.kc-res,.oc-res).prob .k{color:var(--bs-faint);opacity:1;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-res,.ev-res,.kc-res,.oc-res).prob .v{color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) #klStake{color:var(--bs-green);}
.bbs-tl:is(.bbs,#bbsTl) #hgBet{color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) .bk-res{text-align:left;padding:12px 14px;}
.bbs-tl:is(.bbs,#bbsTl) .bk-res .v{font-size:18px;margin-top:4px;}
.bbs-tl:is(.bbs,#bbsTl) .oc-res.prob{padding:18px 14px;}
.bbs-tl:is(.bbs,#bbsTl) .oc-res.prob .v{font-size:40px;line-height:1;margin-top:8px;}

/* the one big number per tool */
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-headline,.pc-hero){margin-top:14px;padding:18px 16px;text-align:center;background:var(--panel-2);border:0;border-radius:14px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-headline,.pc-hero,.bk-hero-main) .k{font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bs-faint);margin:0;}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-headline .v,.pc-hero #plPay,#brUnit){margin-top:8px;font:800 clamp(40px,7vw,56px)/1 var(--mono);font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;}
.bbs-tl:is(.bbs,#bbsTl) :is(.pc-hero #plPay,#brUnit){color:var(--bs-green);}
.bbs-tl:is(.bbs,#bbsTl) .pc-hero .pc-profit-line{margin-top:10px;font:600 14px/1.4 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .pc-hero .pc-profit-line #plProfit{font-family:var(--mono);font-weight:800;color:var(--bs-green);}
.bbs-tl:is(.bbs,#bbsTl) .bk-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin-top:22px;}
.bbs-tl:is(.bbs,#bbsTl) .bk-hero-main{display:flex;flex-direction:column;justify-content:center;padding:18px;background:var(--panel-2);border:0;border-radius:14px;}
.bbs-tl:is(.bbs,#bbsTl) .bk-hero-main .sub{margin-top:8px;font:500 13px/1.4 var(--ui);color:var(--bs-faint);}
.bbs-tl:is(.bbs,#bbsTl) .bk-side{display:grid;grid-template-rows:1fr 1fr;gap:12px;}
.bbs-tl:is(.bbs,#bbsTl) .bk-secondary{margin-top:12px;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-resulthead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:22px 0 10px;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-resulthead h2{margin:0;font:800 12px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-resulthead span{font:700 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);}

/* errors + notes inside the ticket */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-err,.ev-err,.kc-err,.bk-err,.oc-err){min-height:1em;margin:12px 0 0;font:600 13.5px/1.4 var(--ui);color:var(--bs-gold);text-align:left;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-note,.ev-note,.kc-note,.bk-note,.oc-note,.pc-line){margin:14px 0 0;font:500 14px/1.55 var(--ui);letter-spacing:0;color:var(--ink-dim);text-align:left;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-note,.ev-note,.kc-note,.bk-note,.oc-note,.pc-line) :is(strong,b){color:var(--ink);font-weight:700;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-note,.ev-note,.kc-note,.bk-note,.oc-note,.pc-line) code{font-family:var(--mono);font-size:.95em;color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-note,.bk-note){padding-top:14px;border-top:1px solid var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) .oc-note a{color:var(--action);font-weight:700;text-decoration:none;}
.bbs-tl:is(.bbs,#bbsTl) .pc-decision{display:block;margin-top:16px;padding-top:2px;border-top:1px solid var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) p.tl-mini{margin:16px 0 0 !important;text-align:left !important;font:700 14px/1.4 var(--ui) !important;}

/* ---------- "rather skip the maths?" card under the ticket (one blue button) ---------- */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-cta,.ev-cta,.kc-cta,.bk-cta,.nvc-cta,.oc-cta){position:relative;display:block;margin-top:28px;padding:28px;text-align:left;background:var(--panel);
  border:1px solid var(--bs-line);border-radius:20px;box-shadow:none;overflow:hidden;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-cta,.ev-cta,.kc-cta,.bk-cta,.nvc-cta,.oc-cta)::after{content:none;display:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-cta,.ev-cta,.kc-cta,.bk-cta,.nvc-cta,.oc-cta) h2{margin:0 0 12px;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,44px);color:var(--ink);text-wrap:balance;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-cta,.ev-cta,.kc-cta,.bk-cta,.nvc-cta,.oc-cta) h2 span{color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-cta,.ev-cta,.kc-cta,.bk-cta,.nvc-cta,.oc-cta) p{max-width:40em;margin:0 0 20px;font:500 16px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-cta,.ev-cta,.kc-cta,.bk-cta,.nvc-cta,.oc-cta) p strong{color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .kc-cta-copy{min-width:0;}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-cta-actions,.bk-cta-row,.nvc-ctarow,.th-cta-actions){display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-cta,.ev-cta,.kc-cta,.bk-cta,.nvc-cta,.oc-cta,.th-cta) :is(.btn-neon,.btn-grad){display:inline-flex;align-items:center;justify-content:center;gap:8px;
  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;white-space:normal;box-shadow:0 12px 26px -14px rgba(37,99,235,.9);filter:none;transform:none;cursor:pointer;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-cta,.ev-cta,.kc-cta,.bk-cta,.nvc-cta,.oc-cta,.th-cta) :is(.btn-neon,.btn-grad):hover{background:var(--bs-blue-hi);filter:none;transform:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.btn-neon,.btn-grad) svg{flex:none;}

/* league links = same-size tiles (law 12), never a pill cloud; the anchor text stays "NBA" etc. */
.bbs-tl:is(.bbs,#bbsTl) :is(.oc-sports,.th-sports){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0 0;}
.bbs-tl:is(.bbs,#bbsTl) :is(.oc-sports,.th-sports) a{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-2);border:1px solid var(--bs-line);border-radius:12px;color:var(--ink);font:800 16px/1.2 var(--ui);text-decoration:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.oc-sports,.th-sports) a::after{content:"Today's picks";font:800 10px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-tl:is(.bbs,#bbsTl) :is(.oc-sports,.th-sports) a:hover{border-color:var(--action);color:var(--ink);}

/* ---------- how it works: 3 cards with big blue display numbers; worked examples = mono ledgers ---------- */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-explain,.ev-section,.kc-how,.bk-how,.nvc-section,.oc-how,.pc-example,.hg-sec,.th-explain){margin-top:56px;}
.bbs-tl:is(.bbs,#bbsTl) .tc-explain{display:block;}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-steps,.bk-steps,.oc-steps,.hg-steps,.th-steps){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-step,.bk-step,.oc-step,.hg-step,.th-step){min-width:0;padding:22px;background:var(--panel);border:1px solid var(--bs-line);border-radius:20px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-step,.bk-step,.oc-step,.hg-step,.th-step) .n{display:block;width:auto;height:auto;margin:0;padding:0;background:none;border:0;border-radius:0;
  font:italic 900 56px/.9 var(--bs-disp);letter-spacing:-.005em;color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-step,.bk-step,.oc-step,.hg-step,.th-step,.nvc-step) h3{margin:10px 0 0;font:700 19px/1.3 var(--ui);color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-step,.bk-step,.oc-step,.hg-step,.th-step,.nvc-step) p{margin:8px 0 0;font:500 15.5px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-steps{display:grid;gap:12px;margin-top:20px;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-step{display:flex;align-items:flex-start;gap:18px;padding:20px 22px;background:var(--panel);border:1px solid var(--bs-line);border-radius:20px;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-step>div{min-width:0;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-step .n{flex:none;display:block;width:auto;height:auto;background:none;border:0;border-radius:0;font:italic 900 48px/.9 var(--bs-disp);color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-step h3{margin-top:0;}
.bbs-tl:is(.bbs,#bbsTl) :is(.nvc-step,.th-step) p code{font-family:var(--mono);font-size:.9em;color:var(--ink);background:var(--panel-2);padding:1px 6px;border-radius:5px;}
.bbs-tl:is(.bbs,#bbsTl) .tc-steps{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none;counter-reset:step;}
.bbs-tl:is(.bbs,#bbsTl) .tc-steps li{position:relative;padding:18px 20px 18px 64px;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;
  font:500 15.5px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .tc-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:20px;top:15px;display:block;width:auto;height:auto;
  background:none;border:0;border-radius:0;font:italic 900 40px/.9 var(--bs-disp);color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) .tc-steps li b{color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .kc-how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.bbs-tl:is(.bbs,#bbsTl) .kc-block{min-width:0;padding:22px;background:var(--panel);border:1px solid var(--bs-line);border-radius:20px;}
.bbs-tl:is(.bbs,#bbsTl) .kc-block h2{margin:0 0 14px;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,44px);color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .kc-steps li{padding:0 0 12px 34px;font:500 15.5px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .kc-steps li::before{width:auto;height:auto;background:none;border:0;border-radius:0;display:block;top:-2px;font:italic 900 26px/1 var(--bs-disp);color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) .kc-eg{font:500 15px/1.5 var(--ui);}
.bbs-tl:is(.bbs,#bbsTl) .kc-eg .row{padding:9px 0;border-bottom:1px solid var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) .kc-eg .lbl{color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .kc-eg .num{font:700 16px/1.3 var(--mono);color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .kc-eg .num.win{color:var(--bs-green);}

/* worked-example panels */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-example,.ev-worked,.bk-example,.nvc-example,.oc-worked,.hg-example){margin-top:18px;padding:22px 24px;background:var(--panel);
  border:1px solid var(--bs-line);border-radius:20px;box-shadow:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-example,.bk-example,.nvc-example) h3{margin:0 0 10px;font:700 19px/1.3 var(--ui);color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-example,.nvc-example,.oc-worked,.hg-example) p{margin:0;font:500 15.5px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-example,.ev-worked,.oc-worked,.hg-example) :is(.mono,.hl,strong){font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-example,.ev-worked,.oc-worked) :is(.win,.pos){font-family:var(--mono);font-weight:700;color:var(--bs-green);}
.bbs-tl:is(.bbs,#bbsTl) .oc-worked .pct{font-family:var(--mono);font-weight:700;color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) :is(.ev-worked,.oc-worked) .lbl{margin-bottom:10px;font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-tl:is(.bbs,#bbsTl) .ev-calc{font:500 15.5px/1.9 var(--mono);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .hg-example p{margin-bottom:16px;}
.bbs-tl:is(.bbs,#bbsTl) .hg-ledger{display:block;margin:0;background:none;border:1px solid var(--bs-line);border-radius:14px;overflow:hidden;}
.bbs-tl:is(.bbs,#bbsTl) .hg-ledger .lr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:var(--panel-2);border-top:1px solid var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) .hg-ledger .lr:first-child{border-top:0;}
.bbs-tl:is(.bbs,#bbsTl) .hg-ledger .lr .lbl{min-width:0;font:500 15px/1.4 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .hg-ledger .lr .num{font:700 16px/1.3 var(--mono);color:var(--ink);white-space:nowrap;}
.bbs-tl:is(.bbs,#bbsTl) .hg-ledger .lr:is(.win,.total) .num{color:var(--bs-green);}
.bbs-tl:is(.bbs,#bbsTl) .hg-ledger .lr.total{background:var(--bs-hi-soft);}
.bbs-tl:is(.bbs,#bbsTl) .hg-ledger .lr.total .lbl{color:var(--ink);font-weight:700;}
.bbs-tl:is(.bbs,#bbsTl) .pc-example{padding:0;background:none;border:0;border-radius:0;}
.bbs-tl:is(.bbs,#bbsTl) .pc-example>p{max-width:40em;margin:0;font:500 16px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .pc-steps{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none;}
.bbs-tl:is(.bbs,#bbsTl) .pc-steps li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:var(--panel);border:1px solid var(--bs-line);border-radius:12px;}
.bbs-tl:is(.bbs,#bbsTl) .pc-steps li .lbl{min-width:0;font:500 15px/1.4 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .pc-steps li .val{font:700 16px/1.3 var(--mono);color:var(--ink);white-space:nowrap;}
.bbs-tl:is(.bbs,#bbsTl) .pc-steps li.is-payout{background:var(--bs-hi-soft);border-color:transparent;}
.bbs-tl:is(.bbs,#bbsTl) .pc-steps li.is-payout .val{color:var(--bs-green);}
.bbs-tl:is(.bbs,#bbsTl) .bk-example dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;margin:0;}
.bbs-tl:is(.bbs,#bbsTl) .bk-example dt{font:500 15px/1.4 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .bk-example dd{margin:0;font:700 15.5px/1.4 var(--mono);color:var(--ink);text-align:right;}
.bbs-tl:is(.bbs,#bbsTl) .bk-example dd.money{color:var(--bs-green);}
.bbs-tl:is(.bbs,#bbsTl) .bk-example .line{grid-column:1/-1;margin:2px 0;border-top:1px solid var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-example{overflow-x:auto;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-example .sub{margin:0 0 14px;font:500 14px/1.5 var(--ui);color:var(--bs-faint);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-table th{padding:0 0 10px 10px;font:800 10.5px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);border-bottom:1px solid var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-table td{padding:12px 0 12px 10px;font:600 15px/1.3 var(--mono);color:var(--ink);border-bottom:1px solid var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-table :is(th,td):first-child{padding-left:0;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-table td:first-child{font-family:var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-table .fair{font-weight:800;color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-example .takeaway{margin:16px 0 0;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-example .takeaway strong{color:var(--ink);font-weight:700;}
.bbs-tl:is(.bbs,#bbsTl) .nvc-lede:not(.bs-lead){max-width:44em;margin:14px 0 0;font:500 16px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .nvc-lede:not(.bs-lead) a{color:var(--action);font-weight:700;}

/* ---------- questions (real <details>, answers stay in the HTML) ---------- */
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq){margin-top:56px;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq) details{padding:0;border:0;border-bottom:1px solid var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq) details:first-of-type{border-top:1px solid var(--bs-line);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-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-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq) summary::-webkit-details-marker{display:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq) summary::after{content:"+";flex:none;margin-left:auto;font:500 26px/1 var(--mono);color:var(--action);
  transform:none;transition:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq) details[open] summary::after{content:"\2013";transform:none;}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq) details p{max-width:64ch;margin:0;padding:0 2px 18px;font:500 16px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq) details strong{color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .ev-faq summary span{display:none;}

/* ---------- share / cite / embed box (tools.js renders its inside) ---------- */
.bbs-tl:is(.bbs,#bbsTl) .tc-linkbox{margin-top:48px;padding:22px 24px;background:var(--panel);border:1px solid var(--bs-line);border-radius:20px;}
.bbs-tl:is(.bbs,#bbsTl) .tc-linkbox h2{margin:0 0 8px;font:800 11.5px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) .tc-share-sub{max-width:44em;margin:0 0 16px;font:500 15px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .tc-share-row{display:flex;flex-wrap:wrap;gap:10px;}
.bbs-tl:is(.bbs,#bbsTl) .tc-share-btn{min-height:46px;padding:0 18px;background:transparent;border:1px solid var(--line-strong);border-radius:12px;color:var(--ink);
  font:700 14.5px/1.2 var(--ui);cursor:pointer;}
.bbs-tl:is(.bbs,#bbsTl) .tc-share-btn:hover{border-color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) .tc-share-embed{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font:700 14.5px/1.2 var(--ui);color:var(--action);text-decoration:none;}

/* responsible-gambling / compliance lines: verbatim text, always visible */
.bbs-tl:is(.bbs,#bbsTl) p.tl-rg{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-tl:is(.bbs,#bbsTl) p.tl-rg a{color:var(--ink-dim);text-decoration:underline;}

/* ---------- after the page: embed line + the slim broadcast bridge (inline styles beaten with !important) ---------- */
.bbs-tl:is(.bbs,#bbsTl) .tl-embed{max-width:none !important;margin:40px 0 0 !important;padding:0 !important;text-align:left !important;font:500 15px/1.55 var(--ui) !important;
  color:var(--ink-dim) !important;}
.bbs-tl:is(.bbs,#bbsTl) .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:40px 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-tl:is(.bbs,#bbsTl) .tl-embed+.bb-flagship-bridge{margin-top:20px !important;}
.bbs-tl:is(.bbs,#bbsTl) .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-tl:is(.bbs,#bbsTl) .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-tl:is(.bbs,#bbsTl) .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-tl:is(.bbs,#bbsTl) .bb-flagship-bridge>a:hover{background:var(--bs-blue-hi) !important;}

/* ---------- the hub (/tools/) ---------- */
.bbs-tl:is(.bbs,#bbsTl) .th-sec-head{margin:56px 0 20px !important;}
.bbs-tl:is(.bbs,#bbsTl) .th-tile{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px 18px 16px;background:var(--panel);
  border:1px solid var(--bs-line);border-radius:16px;color:var(--ink);text-decoration:none;box-shadow:none;overflow:visible;transition:border-color .15s,transform .15s;}
.bbs-tl:is(.bbs,#bbsTl) .th-tile::after{content:none;display:none;}
.bbs-tl:is(.bbs,#bbsTl) .th-tile:hover{border-color:var(--action);transform:translateY(-1px);box-shadow:none;}
.bbs-tl:is(.bbs,#bbsTl) .th-tile h3{margin:0;font:800 17px/1.25 var(--ui);color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .th-tile p{margin:0;font:500 14px/1.45 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .th-tile .th-go{display:block;margin-top:auto;padding-top:8px;opacity:1;transform:none;font:700 14px/1.2 var(--ui);color:var(--action);}
.bbs-tl:is(.bbs,#bbsTl) .th-feat .th-tile{min-height:200px;padding:22px 22px 20px;border-radius:20px;box-shadow:var(--bs-shadow);}
.bbs-tl:is(.bbs,#bbsTl) .th-feat .th-tile h3{margin-bottom:4px;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,44px);}
.bbs-tl:is(.bbs,#bbsTl) .th-feat .th-tile p{font-size:15px;}
.bbs-tl:is(.bbs,#bbsTl) .th-cta{position:relative;margin:56px 0 0;padding:40px;background:var(--bs-black);border:0;border-radius:28px;box-shadow:none;color:#fff;overflow:hidden;}
.bbs-tl:is(.bbs,#bbsTl) .th-cta::after{content:none;display:none;}
.bbs-tl:is(.bbs,#bbsTl) .th-cta-top{display:block;}
.bbs-tl:is(.bbs,#bbsTl) .th-cta h2{max-width:none;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:#fff;text-wrap:balance;}
.bbs-tl:is(.bbs,#bbsTl) .th-cta h2 span{color:#60A5FA;}
.bbs-tl:is(.bbs,#bbsTl) .th-cta p{max-width:40em;margin:0 0 22px;font:500 17px/1.55 var(--ui);color:#AEB8C8;}
.bbs-tl:is(.bbs,#bbsTl) .th-sports a{background:#0E1420;border-color:var(--bs-bar-line);color:#fff;}
.bbs-tl:is(.bbs,#bbsTl) .th-sports a::after{color:var(--bs-bar-dim);}
.bbs-tl:is(.bbs,#bbsTl) .th-sports a:hover{border-color:#60A5FA;color:#fff;}
.bbs-tl:is(.bbs,#bbsTl) .th-explain .th-fine{max-width:none;}

/* ---------- parlay price check ---------- */
.bbs-tl:is(.bbs,#bbsTl) .tl-pick{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,1.3fr) auto !important;max-width:none !important;}
.bbs-tl:is(.bbs,#bbsTl) .ppc-sel{min-width:0;min-height:52px;padding:12px 36px 12px 14px;background-color:var(--panel-2);border:1.5px solid var(--line-strong);border-radius:12px;
  color:var(--ink);font:600 15px/1.3 var(--ui);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-sel:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px var(--bs-wash);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-sel:disabled{opacity:.6;cursor:default;}
.bbs-tl:is(.bbs,#bbsTl) .ppc-add{justify-content:center;min-height:52px;padding:0 22px;background:var(--bs-blue);border:0;border-radius:12px;color:#fff;font:700 16px/1.2 var(--ui);
  white-space:nowrap;box-shadow:0 12px 26px -14px rgba(37,99,235,.9);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-add:hover:not([disabled]){background:var(--bs-blue-hi);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-add[disabled]{opacity:.5;box-shadow:none;}
.bbs-tl:is(.bbs,#bbsTl) .ppc-leg{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 14px;padding:8px 8px 8px 16px;background:var(--panel-2);border:1px solid var(--bs-line);
  border-radius:12px;font:600 15px/1.4 var(--ui);color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-leg>span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;}
.bbs-tl:is(.bbs,#bbsTl) .ppc-leg b{flex:none;font:800 16px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-leg button{flex:none;margin-left:0;min-width:44px;min-height:44px;border-radius:10px;font:500 22px/1 var(--ui);color:var(--ink-dim);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-leg button:hover{color:var(--ink);background:var(--bs-long-soft);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-out{margin-top:16px;padding:18px;background:var(--panel-2);border:0;border-radius:14px;}
.bbs-tl:is(.bbs,#bbsTl) .ppc-k{margin-bottom:6px;font:800 10.5px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-big{font:800 28px/1.1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:0 0 14px;}
.bbs-tl:is(.bbs,#bbsTl) .ppc-verdict{padding:14px 16px;background:var(--bs-wash);border:0;border-radius:12px;font:500 15.5px/1.55 var(--ui);color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-verdict b{font-family:var(--mono);font-weight:800;color:var(--ink);}
.bbs-tl:is(.bbs,#bbsTl) .ppc-warn{margin-top:14px;font:500 13px/1.6 var(--ui);color:var(--bs-faint);}

/* ---------- tablet / phone ---------- */
@media (max-width:900px){
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-wrap,.ev-page,.kc-wrap,.bk-wrap,.nvc-wrap,.oc-wrap,.th-wrap){padding-left:16px;padding-right:16px;}
  .bbs-tl:is(.bbs,#bbsTl).tl-ppc{padding-left:16px !important;padding-right:16px !important;padding-bottom:48px !important;}
  .bbs-tl:is(.bbs,#bbsTl) .tl-after{padding-left:16px;padding-right:16px;padding-bottom:48px;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.ev-steps,.bk-steps,.oc-steps,.hg-steps,.th-steps){grid-template-columns:minmax(0,1fr);}
  .bbs-tl:is(.bbs,#bbsTl) .th-feat{grid-template-columns:repeat(3,minmax(0,1fr));}
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-cta,.ev-cta,.kc-cta,.bk-cta,.nvc-cta,.oc-cta){padding:24px 20px;}
  .bbs-tl:is(.bbs,#bbsTl) .th-cta{padding:30px 20px;border-radius:22px;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.oc-sports,.th-sports){grid-template-columns:repeat(3,minmax(0,1fr));}
  .bbs-tl:is(.bbs,#bbsTl) .tl-pick{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-explain,.ev-section,.kc-how,.bk-how,.nvc-section,.oc-how,.pc-example,.hg-sec,.th-explain,.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq){margin-top:44px;}
  .bbs-tl:is(.bbs,#bbsTl) .th-sec-head{margin-top:44px !important;}
}
@media (max-width:700px){
  /* small league tiles swipe sideways inside their card (the card clips the bleed) */
  .bbs-tl:is(.bbs,#bbsTl) :is(.oc-sports,.th-sports){display:flex;gap:10px;margin:18px -20px 0;padding:2px 20px 8px;overflow-x:auto;scroll-snap-type:x mandatory;
    scroll-padding-left:20px;overscroll-behavior-x:contain;scrollbar-width:none;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.oc-sports,.th-sports)::-webkit-scrollbar{display:none;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.oc-sports,.th-sports) a{flex:0 0 38%;max-width:150px;scroll-snap-align:start;}
  .bbs-tl:is(.bbs,#bbsTl) .kc-how{grid-template-columns:minmax(0,1fr);}
  .bbs-tl:is(.bbs,#bbsTl) .th-feat .th-tile{min-height:0;box-shadow:none;}
}
@media (max-width:600px){
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-card,.ev-card,.kc-card,.bk-card,.nvc-hero,.oc-card,.tl-tk){padding:0 16px 18px;border-radius:18px;}
  .bbs-tl:is(.bbs,#bbsTl) .tl-bar{margin:0 -16px 18px;}
  .bbs-tl:is(.bbs,#bbsTl) .tl-bark{display:none;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-input,.ev-input,.kc-input){font-size:22px;}
  .bbs-tl:is(.bbs,#bbsTl) .oc-input{font-size:26px;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-res,.ev-res,.kc-res,.oc-res) .v{font-size:19px;}
  .bbs-tl:is(.bbs,#bbsTl) .oc-res.prob .v{font-size:34px;}
  .bbs-tl:is(.bbs,#bbsTl) .ev-results{grid-template-columns:minmax(0,1fr);}
  .bbs-tl:is(.bbs,#bbsTl) .ev-res{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;}
  .bbs-tl:is(.bbs,#bbsTl) .ev-res .v{margin-top:0;white-space:nowrap;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-seg,.ev-seg,.kc-seg,.bk-seg,.oc-seg) button{font-size:13.5px;padding:8px 4px;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-example,.ev-worked,.bk-example,.nvc-example,.oc-worked,.hg-example,.kc-block,.ev-step,.bk-step,.oc-step,.hg-step,.th-step){padding:18px;}
  .bbs-tl:is(.bbs,#bbsTl) .nvc-step{padding:18px;gap:14px;}
  .bbs-tl:is(.bbs,#bbsTl) .tc-steps li{padding:16px 16px 16px 54px;}
  .bbs-tl:is(.bbs,#bbsTl) .tc-steps li::before{left:16px;top:13px;font-size:34px;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.hg-ledger .lr,.pc-steps li){padding:12px 14px;}
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-faq,.ev-faq,.kc-faq,.bk-faq,.nvc-faq,.oc-faq) summary{font-size:16.5px;}
  .bbs-tl:is(.bbs,#bbsTl) .tc-linkbox{padding:20px 16px;}
  .bbs-tl:is(.bbs,#bbsTl) .tc-share-row{flex-direction:column;}
  .bbs-tl:is(.bbs,#bbsTl) .tc-share-btn{width:100%;}
  .bbs-tl:is(.bbs,#bbsTl) .bb-flagship-bridge{grid-template-columns:minmax(0,1fr);padding:0 0 16px !important;}
  .bbs-tl:is(.bbs,#bbsTl) .bb-flagship-bridge>div{justify-self:start;min-height:40px;}
  .bbs-tl:is(.bbs,#bbsTl) .bb-flagship-bridge>h2{padding:12px 16px 14px;}
  .bbs-tl:is(.bbs,#bbsTl) .bb-flagship-bridge>a{margin:0 16px !important;}
  .bbs-tl:is(.bbs,#bbsTl) .tl-pick{grid-template-columns:minmax(0,1fr) !important;}
  .bbs-tl:is(.bbs,#bbsTl) .ppc-big{font-size:24px;}
}
@media (max-width:520px){
  .bbs-tl:is(.bbs,#bbsTl) :is(.tc-row,.kc-row,.nvc-inputs){grid-template-columns:minmax(0,1fr);}
  .bbs-tl:is(.bbs,#bbsTl) .bk-hero{grid-template-columns:minmax(0,1fr);}
  .bbs-tl:is(.bbs,#bbsTl) .bk-side{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:400px){
  .bbs-tl:is(.bbs,#bbsTl) .bk-side{grid-template-columns:minmax(0,1fr);}
}
@media (prefers-reduced-motion:reduce){.bbs-tl:is(.bbs,#bbsTl) .th-tile{transition:none;}.bbs-tl:is(.bbs,#bbsTl) .th-tile:hover{transform:none;}}

/* ===== bb-sect.fx.css ===== */
/* bb-sect.fx - FANTASY family (/fantasy hub = Fantasy.aspx, /fantasy/{nfl|afl|nba|wnba|nhl} = FantasySport.aspx).
   Builds on bb-sect.base.css (scope .bbs, tokens --bs-*). Every selector starts with .bbs-fx. The pages keep a small inline
   <style> fallback (one-class selectors); every rule here carries one more class than the inline rule it restyles, so this
   sheet always wins without !important. Fixed broadcast colours (#05070B black, #2563EB blue, #fff / #8A96AA / #DBE7FF / #60A5FA
   on black) are the rulebook's both-theme constants; everything else is a theme token. */

.bbs-fx{--fx-red-soft:rgba(248,113,113,.14);--fx-plate-edge:rgba(16,24,40,.08);}
:root[data-theme="light"] .bbs-fx{--fx-red-soft:rgba(194,65,12,.10);}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) .bbs-fx{--fx-red-soft:rgba(194,65,12,.10);}}

/* ---------- frame ---------- */
.bbs-fx .fh-wrap,.bbs-fx .fx-wrap{max-width:1200px;padding-top:0;padding-bottom:8px;}
.bbs-fx .fh-crumbs,.bbs-fx .fx-crumbs{margin:0 0 18px;font:500 12.5px/1.5 var(--ui);color:var(--bs-faint);}
.bbs-fx .fh-crumbs a,.bbs-fx .fx-crumbs a{color:var(--ink-dim);text-decoration:none;}
.bbs-fx .fh-crumbs a:hover,.bbs-fx .fx-crumbs a:hover{color:var(--action);}
.bbs-fx .fh-wrap h1,.bbs-fx .fx-wrap h1{overflow-wrap:anywhere;}

/* ---------- finders (the inner <form> is dropped by the parser: style the wrapper) ---------- */
.bbs-fx .fh-findbox,.bbs-fx .fx-findbox{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.bbs-fx .fh-findbox{margin:26px 0 0;max-width:760px;}
.bbs-fx .fx-findbox{margin:24px 0 12px;}
.bbs-fx .fh-findbox select,.bbs-fx .fh-findbox input,.bbs-fx .fx-findbox select,.bbs-fx .fx-findbox input{min-width:0;min-height:50px;margin:0;padding:0 14px;
  font:500 16px/1.2 var(--ui);color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;}
.bbs-fx .fh-findbox input::placeholder,.bbs-fx .fx-findbox input::placeholder{color:var(--bs-faint);}
.bbs-fx .fh-findbox select:focus,.bbs-fx .fh-findbox input:focus,.bbs-fx .fx-findbox select:focus,.bbs-fx .fx-findbox input:focus{border-color:var(--action);}
.bbs-fx .fh-findbox select{flex:0 0 120px;}
.bbs-fx .fh-findbox input{flex:1 1 240px;}
.bbs-fx .fh-findbox button.bs-btn{flex:none;}
.bbs-fx .fx-findbox input{flex:1 1 280px;}
.bbs-fx .fx-findbox select{flex:0 1 260px;}
.bbs-fx .fx-findbox .cnt{margin-left:auto;font:700 12px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bs-faint);white-space:nowrap;}

/* ---------- HUB: sport tiles ---------- */
.bbs-fx .fh-bar.bs-bar{border-radius:14px;margin:0 0 14px;}
.bbs-fx .fh-bar .bs-barct{min-width:0;}
@media (min-width:701px){
  .bbs-fx .fh-grid.bs-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;}
}
@media (min-width:701px) and (max-width:1099px){
  /* five tiles fill two rows: 2 wide + 3 narrow (law 12: fill each row); the server lists sports with projections first */
  .bbs-fx .fh-grid.bs-tiles{grid-template-columns:repeat(6,minmax(0,1fr));}
  .bbs-fx .fh-grid.bs-tiles>.fh-card{grid-column:span 2;}
  .bbs-fx .fh-grid.bs-tiles>.fh-card:nth-child(-n+2){grid-column:span 3;}
}
.bbs-fx .fh-grid .fh-card{gap:10px;padding:18px 18px 16px;border-color:var(--bs-line);}
.bbs-fx .fh-grid .fh-card.is-off{background:var(--panel-2);}
.bbs-fx .fh-card .fh-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
.bbs-fx .fh-card.is-off .fh-top{flex-direction:column;align-items:flex-start;}
.bbs-fx .fh-card .fh-plate{flex:none;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--fx-plate-edge);
  display:inline-flex;align-items:center;justify-content:center;overflow:hidden;}
.bbs-fx .fh-card .fh-plate img{display:block;width:72%;height:72%;object-fit:contain;}
.bbs-fx .fh-card .fh-plate b{display:none;}
.bbs-fx .fh-card .fh-plate.fh-ini{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--bs-line);}
.bbs-fx .fh-card .fh-plate.fh-ini b{display:block;font:800 12px/1 var(--ui);color:var(--ink-dim);}
.bbs-fx .fh-card .st{min-width:0;font:800 11px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-fx .fh-card .st.on{flex:none;padding:7px 11px;border-radius:999px;background:var(--bs-hi-soft);color:var(--bs-green);white-space:nowrap;}
.bbs-fx .fh-card h2{margin:0;font:800 17px/1.25 var(--ui);color:var(--ink);overflow-wrap:anywhere;}
.bbs-fx .fh-card p{margin:0;font:500 14px/1.45 var(--ui);color:var(--ink-dim);}
.bbs-fx .fh-card .go{margin-top:auto;padding-top:6px;font:700 14px/1.25 var(--ui);color:var(--action);}

/* ---------- HUB: questions (h3 + p stay in the HTML; styled as the rulebook FAQ rows) ---------- */
.bbs-fx .fh-faq .fh-qs{max-width:860px;margin-top:8px;border-bottom:1px solid var(--bs-line);}
.bbs-fx .fh-qs .fh-q{padding:20px 2px;border-top:1px solid var(--bs-line);}
.bbs-fx .fh-qs .fh-q h3{margin:0 0 8px;font:700 18px/1.35 var(--ui);color:var(--ink);}
.bbs-fx .fh-qs .fh-q p{margin:0;max-width:64ch;font:400 16px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-fx .fh-qs .fh-q a{color:var(--action);font-weight:600;}
.bbs-fx .fh-q code,.bbs-fx .fx-note code{padding:1px 6px;font:600 .9em/1 var(--mono);background:var(--panel-2);border:1px solid var(--bs-line);border-radius:6px;color:var(--ink);}
.bbs-fx .fh-faq .fh-more{max-width:860px;margin:26px 0 0;font:400 16px/1.6 var(--ui);color:var(--ink-dim);}

/* ---------- SPORT PAGE: the facts "bug" (black broadcast strip, mono numbers) ---------- */
.bbs-fx .fx-hero .fx-facts{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin:28px 0 0;padding:0;background:#05070B;color:#fff;
  border-radius:14px;overflow:hidden;font-size:inherit;}
.bbs-fx .fx-facts .fx-ftag{flex:none;display:flex;align-items:center;gap:12px;padding:12px 34px 12px 14px;background:#2563EB;color:#fff;
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);}
.bbs-fx .fx-facts .fx-fplate{flex:none;width:38px;height:38px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;}
.bbs-fx .fx-facts .fx-fplate img{display:block;width:72%;height:72%;object-fit:contain;}
.bbs-fx .fx-facts .fx-ftxt{display:flex;flex-direction:column;gap:4px;min-width:0;}
.bbs-fx .fx-facts .fx-ftxt b{font:italic 900 26px/.9 var(--bs-disp);letter-spacing:.04em;text-transform:uppercase;color:#fff;}
.bbs-fx .fx-facts .fx-ftxt small{font:700 10.5px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#DBE7FF;}
.bbs-fx .fx-facts .fx-fc{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:13px 18px;border-left:1px solid #1B2230;}
.bbs-fx .fx-facts .fx-ftag+.fx-fc{border-left:0;}
.bbs-fx .fx-facts .fx-fc b{font:800 21px/1 var(--mono);font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;}
.bbs-fx .fx-facts .fx-fc small{font:800 10.5px/1.25 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#8A96AA;}
.bbs-fx .fx-facts .fx-when.fx-live{color:#F5B301;}
.bbs-fx .fx-facts .fx-when.fx-soon{color:#34D399;}

/* ---------- SPORT PAGE: scoring = segmented control, positions = chips (44px) ---------- */
.bbs-fx .fx-board .fx-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;}
.bbs-fx .fx-board .fx-row .lbl{min-width:76px;margin:0;font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-fx .fx-row .fx-seg{display:inline-flex;flex-wrap:wrap;gap:4px;max-width:100%;min-width:0;padding:4px;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;}
.bbs-fx .fx-row .fx-seg a{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 16px;border:0;border-radius:10px;
  background:transparent;font:600 14px/1 var(--ui);color:var(--ink-dim);text-decoration:none;white-space:nowrap;}
.bbs-fx .fx-row .fx-seg a:hover{color:var(--ink);background:var(--panel-2);}
.bbs-fx .fx-row .fx-seg a.on{background:#05070B;color:#fff;}
.bbs-fx .fx-row .fx-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0;}
.bbs-fx .fx-row .fx-chips a{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;margin:0;padding:0 16px;
  border:1px solid var(--bs-line);border-radius:999px;background:var(--panel);font:700 13px/1 var(--mono);letter-spacing:.04em;color:var(--ink-dim);text-decoration:none;}
.bbs-fx .fx-row .fx-chips a:hover{color:var(--ink);border-color:var(--action);}
.bbs-fx .fx-row .fx-chips a.on{color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}
.bbs-fx .fx-board .fx-rule{max-width:860px;margin:0 0 20px;padding:14px 16px;background:var(--panel);border:1px solid var(--bs-line);border-left:4px solid var(--action);
  border-radius:12px;font:400 15px/1.55 var(--ui);color:var(--ink-dim);}
.bbs-fx .fx-board .fx-rule strong{color:var(--ink);}

/* ---------- SPORT PAGE: the table (black header row, mono numbers, scrolls inside its own wrapper) ---------- */
.bbs-fx .fx-board .fx-tablewrap{margin-top:0;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;}
.bbs-fx table.fx{width:100%;border-collapse:collapse;font-size:15px;}
.bbs-fx table.fx th{padding:15px 12px;background:#05070B;border-top:0;font:800 11px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#8A96AA;}
.bbs-fx table.fx th:hover{color:#DBE7FF;}
.bbs-fx table.fx th.sorted{color:#fff;}
.bbs-fx table.fx th.sorted::after{color:#60A5FA;}
.bbs-fx table.fx td{padding:12px;border-top:1px solid var(--bs-line);}
.bbs-fx table.fx tbody tr:first-child td{border-top:0;}
.bbs-fx table.fx tbody tr:hover td{background:var(--panel-2);}
.bbs-fx table.fx td.rk{font:600 13px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--bs-faint);}
.bbs-fx table.fx td.pl{min-width:190px;}
.bbs-fx table.fx td.pl .nm{font:700 15px/1.3 var(--ui);color:var(--ink);text-decoration:none;}
.bbs-fx table.fx td.pl a.nm:hover{color:var(--action);}
.bbs-fx table.fx td.pl .tm{margin-left:7px;font:700 11.5px/1 var(--mono);letter-spacing:.04em;color:var(--bs-faint);text-decoration:none;}
.bbs-fx table.fx td.pl a.tm:hover{color:var(--action);}
.bbs-fx table.fx td.pl img{width:28px;height:28px;padding:3px;margin-right:9px;vertical-align:-9px;object-fit:contain;background:#fff;border-radius:50%;
  box-shadow:inset 0 0 0 1px var(--fx-plate-edge);}
.bbs-fx table.fx td.pos{font:700 12px/1 var(--mono);color:var(--ink-dim);}
.bbs-fx table.fx td.gm a{font:600 14.5px/1.3 var(--ui);color:var(--ink);text-decoration:none;}
.bbs-fx table.fx td.gm a:hover{color:var(--action);}
.bbs-fx table.fx td.gm .when{margin-top:4px;font:600 11.5px/1.2 var(--mono);color:var(--bs-faint);}
.bbs-fx table.fx td.gm .when.fx-live{color:var(--bs-gold);font-weight:800;}
.bbs-fx table.fx td.gm .when.fx-soon{color:var(--bs-green);font-weight:800;}
.bbs-fx table.fx td.pt{font:800 17px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}
.bbs-fx table.fx td.st{font:500 14px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-dim);}
/* injury badges: words not colour alone (Q / D / OUT text stays); both themes via tokens */
.bbs-fx .fx-badge{margin-left:8px;padding:4px 7px;border:1px solid currentColor;border-radius:6px;font:800 10.5px/1 var(--mono);letter-spacing:.06em;vertical-align:2px;}
.bbs-fx .fx-badge.q{color:var(--bs-gold);background:var(--bs-gold-soft);border-color:transparent;}
.bbs-fx .fx-badge.dbt{color:var(--bs-red);background:transparent;border-color:var(--bs-red);}
.bbs-fx .fx-badge.out{color:var(--bs-red);background:var(--fx-red-soft);border-color:var(--bs-red);}
.bbs-fx .fx-badge.ok{color:var(--bs-faint);background:transparent;border-color:var(--bs-line);}
.bbs-fx .fx-tablewrap .fx-empty{padding:22px 16px;font:500 15px/1.5 var(--ui);color:var(--ink-dim);}
/* pager (server-built nav, inline layout kept): links become ghost buttons */
.bbs-fx .fx-pager span{font:600 13px/1.4 var(--mono);}
.bbs-fx .fx-pager a{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;
  font:700 15px/1.2 var(--ui);color:var(--ink);text-decoration:none;}
.bbs-fx .fx-pager a:hover{border-color:var(--action);color:var(--action);}
.bbs-fx .fx-board .fx-warm{max-width:860px;margin-top:8px;padding:24px;background:var(--panel);border:1px dashed var(--line-strong);border-radius:16px;
  font:400 16px/1.6 var(--ui);color:var(--ink-dim);}
.bbs-fx .fx-board .fx-warm strong{display:block;margin:0 0 8px;font:italic 900 24px/.95 var(--bs-disp);text-transform:uppercase;color:var(--ink);}
.bbs-fx .fx-board .fx-warm a{color:var(--action);font-weight:600;}

/* ---------- SPORT PAGE: injury card + notes ---------- */
.bbs-fx .fx-board .fx-flag{margin-top:28px;padding:0;overflow:hidden;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;}
.bbs-fx .fx-board .fx-flag h2{display:flex;align-items:center;min-height:50px;margin:0;padding:0 18px;background:#05070B;color:#fff;
  font:italic 900 22px/1 var(--bs-disp);letter-spacing:.01em;text-transform:uppercase;}
.bbs-fx .fx-board .fx-flag p{margin:0;padding:10px 18px;border-top:1px solid var(--bs-line);font:400 15px/1.5 var(--ui);color:var(--ink-dim);}
.bbs-fx .fx-board .fx-flag h2+p{border-top:0;padding-top:14px;}
.bbs-fx .fx-board .fx-flag p:last-child{padding-top:14px;padding-bottom:16px;background:var(--panel-2);}
.bbs-fx .fx-board .fx-flag b{color:var(--ink);}
.bbs-fx .fx-board .fx-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;}
.bbs-fx .fx-notes .fx-note{min-width:0;margin:0;padding:18px 20px;background:var(--panel);border:1px solid var(--bs-line);border-radius:16px;
  font:400 15px/1.6 var(--ui);color:var(--ink-dim);overflow-wrap:anywhere;}
.bbs-fx .fx-notes .fx-note strong{display:block;margin:0 0 6px;font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bs-faint);}
.bbs-fx .fx-notes .fx-note a{color:var(--action);font-weight:600;}

/* ---------- SPORT PAGE: the props bridge = slim broadcast end card, one blue button ---------- */
.bbs-fx .fx-bridge.bs-endc{max-width:none;margin:0 0 48px;padding:30px 34px;text-align:left;border:0;border-radius:22px;}
.bbs-fx .fx-bridge .fx-btxt{min-width:0;}
.bbs-fx .fx-bridge .fx-bkick{margin:0 0 10px;font:800 11.5px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#60A5FA;}
.bbs-fx .fx-bridge.bs-endc p{margin:10px 0 0;max-width:40em;font:400 16px/1.55 var(--ui);color:#AEB8C8;}
.bbs-fx .fx-bridge .bs-btn{white-space:nowrap;}

/* ---------- breakpoints ---------- */
@media (max-width:1100px){
  .bbs-fx .fx-hero .fx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
  .bbs-fx .fx-facts .fx-ftag{grid-column:1 / -1;clip-path:none;padding-right:14px;}
  .bbs-fx .fx-facts .fx-fc{border-left:0;border-top:1px solid #1B2230;}
}
@media (max-width:900px){
  .bbs-fx .fx-board .fx-notes{grid-template-columns:minmax(0,1fr);}
  .bbs-fx .fx-bridge.bs-endc{padding:26px 22px;}
}
@media (max-width:700px){
  .bbs-fx .fx-board .fx-row .lbl{flex:1 1 100%;}
  /* segmented control + chips scroll sideways inside their own row, the page never does */
  .bbs-fx .fx-row .fx-seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
  .bbs-fx .fx-row .fx-seg::-webkit-scrollbar{display:none;}
  .bbs-fx .fx-row .fx-chips{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px;}
  .bbs-fx .fx-row .fx-chips::-webkit-scrollbar{display:none;}
  .bbs-fx .fx-findbox input,.bbs-fx .fx-findbox select{flex:1 1 100%;}
  .bbs-fx .fx-findbox .cnt{margin-left:0;}
  /* the stat columns are hidden by the page at <= 720px; let name + game wrap so Pts stays on screen at 375 */
  .bbs-fx table.fx th{padding:13px 7px;}
  .bbs-fx table.fx td{padding:12px 7px;}
  .bbs-fx table.fx td.pl{min-width:0;width:auto;}
  .bbs-fx table.fx td.gm{min-width:0;}
  .bbs-fx table.fx td.pl img{width:22px;height:22px;padding:2px;margin-right:6px;vertical-align:-6px;}
  .bbs-fx table.fx td.pl .tm{display:block;margin:3px 0 0;}
  .bbs-fx table.fx td.pl .fx-badge{margin-left:0;}
}
@media (max-width:600px){
  .bbs-fx .fh-findbox select{flex:0 0 96px;}
  .bbs-fx .fh-findbox input{flex:1 1 160px;}
  .bbs-fx .fh-findbox button.bs-btn{flex:1 1 100%;}
  .bbs-fx .fh-bar .bs-barct{white-space:normal;text-align:right;line-height:1.3;padding:8px 0;}
  .bbs-fx .fx-facts .fx-fc{padding:12px 14px;}
  .bbs-fx .fx-facts .fx-fc b{font-size:18px;white-space:normal;}
  .bbs-fx .fh-qs .fh-q h3{font-size:16.5px;}
}

/* ===== bb-sect.ac.css ===== */
/* bb-sect.ac - Betting Academy family (hub /betting-academy/home + the 35 slug guides). Loads after bb-sect base (.bbs tokens +
   .bs-* components). Every selector starts .bbs.bbs-ac so it beats each page's own inline <style>, which the V12 build re-scoped
   under :where(.bbs-ac) (zero extra specificity, so the old look still holds if this file fails to load). Rules: DESIGN_RULEBOOK
   sections 2-6. Type scale: H1 = .bs-h1, hub bars = display 24px, in-article H2 = clamp(28px,3vw,40px) (articles carry 5-9 H2s).
   !important is used only to beat inline style="" attributes (the shared TOC nav, the odds band, the flagship bridge). */

/* ================================================================ article frame ================================================================ */
.bbs.bbs-ac{padding-bottom:8px;}
.bbs.bbs-ac.ac-art :is(.wrapper,.bb-wrap,.edge-wrap){width:100%;max-width:808px;margin-left:auto;margin-right:auto;padding:34px 24px 64px;
  content-visibility:visible;contain-intrinsic-size:none;box-sizing:border-box;color:var(--ink);}
.bbs.bbs-ac.ac-art{font-size:17px;line-height:1.7;}

/* breadcrumbs: small, faint */
.bbs.bbs-ac :is(.breadcrumbs,.bb-bc,.edge-crumb){margin:0 0 22px;font:700 11.5px/1.5 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--bs-faint);}
.bbs.bbs-ac :is(.breadcrumbs,.bb-bc,.edge-crumb) a{color:var(--bs-faint);text-decoration:none;font-weight:700;}
.bbs.bbs-ac :is(.breadcrumbs,.bb-bc,.edge-crumb) a:hover{color:var(--action);}
.bbs.bbs-ac .breadcrumbs span,.bbs.bbs-ac .bb-bc .sep{margin:0 6px;color:var(--bs-faint);}

/* hero bits: kicker + H1 (.bs-h1 from the base) + plain lead */
.bbs.bbs-ac .bs-kick{margin-bottom:12px;}
.bbs.bbs-ac :is(.section-title,.bb-h1,.edge-h1){border:0;padding:0;}
.bbs.bbs-ac .edge-kicker{display:block;font:800 11.5px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);margin:0 0 12px;}
.bbs.bbs-ac :is(.hero,.bb-hero){background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 4px;overflow:visible;}
.bbs.bbs-ac :is(.hero,.bb-hero)::before{content:none;}
.bbs.bbs-ac.ac-art :is(.intro-lead,.bb-sub){font-size:18px;line-height:1.6;color:var(--ink-dim);max-width:36em;margin:0 0 26px;}
.bbs.bbs-ac .intro-lead strong{color:var(--ink);}
.bbs.bbs-ac .meta-line{margin:0 0 18px;font:600 12px/1.5 var(--mono);color:var(--bs-faint);letter-spacing:.02em;}
.bbs.bbs-ac .meta-line strong{color:var(--ink-dim);font-weight:600;}
.bbs.bbs-ac .meta-line .dot{margin:0 8px;color:var(--bs-faint);}
.bbs.bbs-ac :is(.content-card){background:none;border:0;border-radius:0;padding:0;margin:0;box-shadow:none;}

/* ---------- on-this-page list (the shared inline-styled nav.bb-toc, or the div.bb-toc of the older guides): tidy 2-column list ---------- */
.bbs.bbs-ac.ac-art .bb-toc{margin:4px 0 32px !important;padding:16px 20px 6px !important;background:var(--panel) !important;border:1px solid var(--bs-line) !important;
  border-radius:16px !important;font-size:15px !important;box-shadow:none;}
.bbs.bbs-ac .bb-toc>:is(strong,.t){display:block !important;margin:0 0 6px !important;font:800 11px/1.3 var(--ui) !important;letter-spacing:.12em !important;
  text-transform:uppercase !important;color:var(--bs-faint) !important;}
.bbs.bbs-ac.ac-art .bb-toc :is(ol,ul){list-style:none;margin:0 !important;padding:0 !important;columns:2;column-gap:28px;color:var(--ink) !important;}
.bbs.bbs-ac.ac-art .bb-toc li{break-inside:avoid;margin:0;border-bottom:1px solid var(--bs-line);}
.bbs.bbs-ac.ac-art .bb-toc li a{display:flex;align-items:center;min-height:44px;padding:9px 0;color:var(--ink) !important;font:600 15px/1.35 var(--ui) !important;
  text-decoration:none !important;}
.bbs.bbs-ac.ac-art .bb-toc li a:hover{color:var(--action) !important;}
/* the older pages carry a second page-owned list (.toc) to the same sections: shown once */
.bbs.bbs-ac .bb-toc ~ .toc{display:none;}

/* ---------- the answer card: ONE thing first ---------- */
.bbs.bbs-ac :is(.answer-first,.aeo-summary,.aao-summary,.aeo-box,.edge-answer,.key-takeaways){position:relative;overflow:visible;background:var(--panel);
  border:1px solid var(--bs-line);border-left:3px solid var(--bs-blue);border-radius:16px;padding:20px 22px;margin:0 0 30px;box-shadow:none;}
.bbs.bbs-ac :is(.answer-first,.aeo-summary,.aao-summary,.aeo-box,.edge-answer)::before{content:none;}
.bbs.bbs-ac :is(.answer-first .kicker,.aeo-kicker,.aao-summary .kicker){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;margin:0 0 14px;
  clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);}
.bbs.bbs-ac :is(.answer-first .big,.aeo-summary p,.edge-answer p){font-size:18px;line-height:1.6;color:var(--ink);margin:0;}
.bbs.bbs-ac :is(.aao-summary,.aeo-box) :is(ul,ol){margin:0;padding-left:20px;color:var(--ink);}
.bbs.bbs-ac :is(.aao-summary,.aeo-box) li{margin:0 0 8px;font-size:16.5px;line-height:1.55;}
.bbs.bbs-ac .aeo-box>h3{font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);margin:0 0 12px;}
.bbs.bbs-ac .aeo-box p{color:var(--ink);margin:0 0 10px;}
.bbs.bbs-ac .mini-answer{background:var(--panel-2);border:1px solid var(--bs-line);border-radius:12px;padding:14px 16px;margin:0 0 16px;font-size:16px;color:var(--ink-dim);}
.bbs.bbs-ac .mini-answer strong{color:var(--ink);}
/* rule chips under a quick answer (not links): a tidy 2-up grid */
.bbs.bbs-ac .pill-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0;}
.bbs.bbs-ac .pill{display:block;min-width:0;border-radius:10px;background:var(--panel-2);border:1px solid var(--bs-line);padding:10px 12px;
  font:600 14px/1.35 var(--ui);color:var(--ink-dim);}
.bbs.bbs-ac .pill b{color:var(--ink);font-weight:800;}
.bbs.bbs-ac .pill-row:has(>.pill:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));}
.bbs.bbs-ac .key-takeaways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.bbs.bbs-ac .key-takeaways .takeaway{min-width:0;background:none;border:0;padding:0;margin:0;}
.bbs.bbs-ac .key-takeaways .takeaway p{font-size:15.5px;line-height:1.55;color:var(--ink-dim);margin:6px 0 0;}

/* ---------- body: ~68ch reading column, 17px/1.7 ---------- */
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec){margin:0 0 44px;}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec,.faq,.seo-content) h2,
.bbs.bbs-ac .category-header{display:block;font-family:var(--bs-disp);font-style:italic;font-weight:900;text-transform:uppercase;line-height:.95;
  letter-spacing:-.005em;font-size:clamp(28px,3vw,40px);color:var(--ink);margin:0 0 14px;padding:0;border:0;text-wrap:balance;}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec,.faq,.seo-content,.subscribe-section,.bb-cta) h2::before{content:none;}
.bbs.bbs-ac .category-header{margin-top:12px;}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec) h3{font:800 19px/1.3 var(--ui);color:var(--ink);margin:22px 0 8px;}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec)>p,
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec)>:is(ul,ol){font-size:17px;line-height:1.7;color:var(--ink-dim);max-width:68ch;margin:0 0 16px;}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec)>:is(ul,ol){padding-left:22px;}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec) li{margin:0 0 9px;}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec) li::marker{color:var(--action);}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec,.answer-first,.aeo-summary,.edge-answer,.intro-lead) strong{color:var(--ink);}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec,.intro-lead,.bb-sub,.answer-first,.aeo-summary,.aao-summary,.edge-answer,.mini-answer,.faq,.edge-faq,
  .guide-example,.callout,.bb-callout,.edge-callout,.bb-note,.term-card,.edge-fine) a:not([class]):not(.edge-tools>a){color:var(--action);font-weight:600;text-decoration:underline;
  text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--bs-line2);}
.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec,.intro-lead,.bb-sub,.answer-first,.aeo-summary,.aao-summary,.edge-answer,.mini-answer,.faq,.edge-faq,
  .guide-example,.callout,.bb-callout,.edge-callout,.bb-note,.term-card,.edge-fine) a:not([class]):not(.edge-tools>a):hover{color:var(--action-hi);text-decoration-color:currentColor;}

/* ---------- callouts: panel cards with a thin blue rule and a caps label ---------- */
.bbs.bbs-ac :is(.guide-example,.callout,.bb-callout,.edge-callout){background:var(--panel);border:1px solid var(--bs-line);border-left:3px solid var(--bs-blue);
  border-radius:14px;padding:18px 20px;margin:18px 0;font:500 16px/1.6 var(--ui);color:var(--ink);box-shadow:none;max-width:none;}
.bbs.bbs-ac :is(.guide-example,.callout,.bb-callout,.edge-callout) p{margin:6px 0;color:var(--ink-dim);font:500 16px/1.6 var(--ui);}
.bbs.bbs-ac :is(.guide-example,.callout,.bb-callout,.edge-callout) :is(ul,ol){margin:8px 0 4px;padding-left:20px;color:var(--ink-dim);font-size:16px;}
.bbs.bbs-ac :is(.guide-example,.callout,.bb-callout,.edge-callout) li{margin:0 0 7px;}
.bbs.bbs-ac :is(.guide-example,.callout,.bb-callout,.edge-callout) strong{color:var(--ink);}
.bbs.bbs-ac .guide-example>p:first-child,
.bbs.bbs-ac :is(.guide-example .ex-title,.guide-example .label,.callout .t,.bb-callout .k,.edge-callout .t){display:block;margin:0 0 10px;font:800 11px/1.35 var(--ui);
  letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbs.bbs-ac .guide-example .code-line{display:block;font:500 14px/1.6 var(--mono);color:var(--ink);background:var(--panel-2);border:1px solid var(--bs-line);
  border-radius:8px;padding:10px 12px;margin:6px 0 10px;overflow-wrap:anywhere;}
.bbs.bbs-ac :is(.callout .ok,.ok){color:var(--action);font-weight:700;}
.bbs.bbs-ac :is(.good){color:var(--bs-green);font-weight:700;}
/* rulebook: never a red number in a reading path */
.bbs.bbs-ac :is(.bad,.warn),.bbs.bbs-ac [style*="--color-risk"],.bbs.bbs-ac [style*="--book"]{color:var(--bs-gold) !important;}
.bbs.bbs-ac .bb-note{margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--bs-line);font-size:14.5px;line-height:1.6;color:var(--ink-dim);}
.bbs.bbs-ac .bb-note strong{color:var(--ink);}

/* checklists */
.bbs.bbs-ac .checklist{background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;overflow:hidden;margin:18px 0;padding:0;}
.bbs.bbs-ac .checklist>h3{margin:0;padding:14px 18px 0;font:800 11px/1.35 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbs.bbs-ac .checklist>:is(ul,ol){margin:0;padding:10px 18px 12px 38px;color:var(--ink-dim);font-size:16px;}
.bbs.bbs-ac .checklist>:is(ul,ol) li{margin:0 0 8px;}
.bbs.bbs-ac .checklist>p{margin:0;padding:12px 18px;color:var(--ink-dim);font-size:16px;}
.bbs.bbs-ac .checklist .row{display:flex;gap:16px;align-items:flex-start;padding:14px 18px;background:transparent;border-top:1px solid var(--bs-line);}
.bbs.bbs-ac .checklist .row:first-child{border-top:0;}
.bbs.bbs-ac .checklist .k{flex:0 0 160px;min-width:0;font:800 14px/1.45 var(--ui);color:var(--ink);}
.bbs.bbs-ac .checklist .v{min-width:0;font-size:16px;line-height:1.6;color:var(--ink-dim);}

/* info cards inside a guide (not links) */
.bbs.bbs-ac.ac-art :is(.bb-grid,.bb-mini){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;list-style:none;padding:0;}
.bbs.bbs-ac.ac-art .bb-card{grid-column:auto;min-width:0;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;padding:18px;box-shadow:none;}
.bbs.bbs-ac.ac-art .bb-card h3{font:800 16.5px/1.3 var(--ui);color:var(--ink);margin:0 0 6px;}
.bbs.bbs-ac.ac-art .bb-card p{font-size:15.5px;line-height:1.55;color:var(--ink-dim);margin:0;}

/* glossary */
.bbs.bbs-ac .term-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 40px;padding:0;}
.bbs.bbs-ac .term-card{min-width:0;background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;padding:18px;margin:0;box-shadow:none;}
.bbs.bbs-ac .term-card dt{font:800 18px/1.3 var(--ui);color:var(--ink);margin:0 0 6px;}
.bbs.bbs-ac .term-card dt::before{content:none;}
.bbs.bbs-ac .term-card dd{margin:0;font-size:16px;line-height:1.6;color:var(--ink-dim);}
.bbs.bbs-ac .term-card .context{margin-top:12px;padding-top:12px;border-top:1px solid var(--bs-line);font-size:14.5px;line-height:1.55;color:var(--ink-dim);}
.bbs.bbs-ac .term-card .context strong{color:var(--ink);}

/* tables: clean broadcast tables, own sideways scroll on phones */
.bbs.bbs-ac .ac-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0;border:1px solid var(--bs-line);border-radius:14px;background:var(--panel);}
.bbs.bbs-ac :is(.data-table,.mini-table){width:100%;min-width:520px;border-collapse:collapse;margin:0;font:500 15px/1.45 var(--ui);color:var(--ink-dim);border:0;}
.bbs.bbs-ac :is(.data-table,.mini-table) th{background:var(--bs-black);color:#fff;font:800 11px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;text-align:left;
  padding:12px 14px;border:0;}
.bbs.bbs-ac :is(.data-table,.mini-table) td{padding:12px 14px;border:0;border-top:1px solid var(--bs-line);vertical-align:top;background:transparent;}
.bbs.bbs-ac :is(.data-table,.mini-table) td:first-child{color:var(--ink);font-weight:700;}
.bbs.bbs-ac :is(.data-table,.mini-table) .num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);}

/* ---------- link tiles (law 12): related reads, tools, live odds boards ---------- */
.bbs.bbs-ac :is(.related-links,.bb-links){margin:0 0 44px;padding:0;background:none;border:0;}
.bbs.bbs-ac :is(.related-links,.bb-links)>:is(h2,h3){display:block;font:800 11px/1.3 var(--ui) !important;letter-spacing:.12em !important;text-transform:uppercase !important;
  font-style:normal !important;color:var(--bs-faint) !important;margin:0 0 12px !important;}
.bbs.bbs-ac :is(.related-links,.bb-links)>ul,.bbs.bbs-ac .edge-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0;}
.bbs.bbs-ac .edge-tools{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));}
.bbs.bbs-ac :is(.related-links,.bb-links) li{min-width:0;margin:0;}
.bbs.bbs-ac :is(.related-links,.bb-links) li>a,.bbs.bbs-ac .edge-tools>a{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;gap:10px;height:100%;min-height:92px;
  background:var(--panel);border:1px solid var(--bs-line);border-radius:14px;padding:16px;font:700 16px/1.3 var(--ui);color:var(--ink);text-decoration:none;
  white-space:normal;transition:border-color .15s,transform .15s;}
.bbs.bbs-ac :is(.related-links,.bb-links) li>a::after,.bbs.bbs-ac .edge-tools>a::after{content:"Open \2192";font:700 13.5px/1.2 var(--ui);color:var(--action);}
.bbs.bbs-ac :is(.related-links,.bb-links) li>a:hover,.bbs.bbs-ac .edge-tools>a:hover{border-color:var(--action);color:var(--ink);transform:translateY(-1px);}
/* fill every row (law 12): 6-track grid, 3 tiles a row; a short last row stretches (2 = halves, 1 = full), 4 tiles = 2 x 2 */
@media (min-width:901px){
  .bbs.bbs-ac :is(.related-links,.bb-links)>ul{grid-template-columns:repeat(6,minmax(0,1fr));}
  .bbs.bbs-ac :is(.related-links,.bb-links)>ul>li{grid-column:span 2;}
  .bbs.bbs-ac :is(.related-links,.bb-links)>ul>li:nth-child(3n+1):nth-last-child(2),.bbs.bbs-ac :is(.related-links,.bb-links)>ul>li:nth-child(3n+2):last-child{grid-column:span 3;}
  .bbs.bbs-ac :is(.related-links,.bb-links)>ul>li:nth-child(3n+1):last-child{grid-column:span 6;}
  .bbs.bbs-ac :is(.related-links,.bb-links)>ul:has(>li:nth-child(4):last-child)>li{grid-column:span 3;}
}

/* the live odds boards band (inline-styled anchors): compact same-size tiles */
.bbs.bbs-ac .bb-liveodds-band{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px !important;margin:6px 0 28px !important;padding:14px !important;
  background:var(--panel) !important;border:1px solid var(--bs-line) !important;border-radius:16px !important;}
.bbs.bbs-ac .bb-liveodds-band>span{grid-column:1 / -1;margin:0 0 2px !important;font:600 14.5px/1.4 var(--ui) !important;color:var(--ink-dim) !important;}
.bbs.bbs-ac .bb-liveodds-band>a{display:flex !important;flex-direction:column;justify-content:center;min-width:0;min-height:56px;padding:8px 10px !important;
  background:var(--panel-2) !important;border:1px solid var(--bs-line) !important;border-radius:10px !important;color:var(--ink) !important;
  font:800 14px/1.2 var(--ui) !important;white-space:normal !important;overflow-wrap:anywhere;}
.bbs.bbs-ac .bb-liveodds-band>a::after{content:"Odds board";margin-top:3px;font:500 12px/1.2 var(--ui);color:var(--ink-dim);}
.bbs.bbs-ac .bb-liveodds-band>a:hover{border-color:var(--action) !important;}

/* ---------- questions (.faq = the base .bs-faq look) ---------- */
.bbs.bbs-ac :is(.faq,.edge-faq){margin:48px 0 44px;padding:0;border:0;}
.bbs.bbs-ac details{background:transparent;border:0;border-bottom:1px solid var(--bs-line);border-radius:0;padding:0;margin:0;box-shadow:none;}
.bbs.bbs-ac :is(.faq,.edge-faq) :is(h2,h3)+details,.bbs.bbs-ac :is(.faq,.edge-faq)>details:first-child{border-top:1px solid var(--bs-line);}
.bbs.bbs-ac summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:44px;padding:18px 2px;
  font:700 18px/1.35 var(--ui);color:var(--ink);}
.bbs.bbs-ac summary::-webkit-details-marker{display:none;}
.bbs.bbs-ac summary::after{content:"+";flex:none;font:500 26px/1 var(--mono);color:var(--action);}
.bbs.bbs-ac details[open]>summary::after{content:"\2013";}
.bbs.bbs-ac details>:not(summary){margin:0 0 18px;padding:0 2px;color:var(--ink-dim);font-size:16.5px;line-height:1.65;}

/* responsible-gambling fine print (verbatim) */
.bbs.bbs-ac .edge-fine{margin:28px 0 0;font-size:13px;line-height:1.6;color:var(--bs-faint);}

/* ---------- the end card: subscribe + "see it applied today" = ONE black card, one blue action ---------- */
.bbs.bbs-ac .ac-end{margin:56px 0 0;background:var(--bs-black);color:#fff;border-radius:28px;overflow:hidden;}
.bbs.bbs-ac .ac-end :is(.subscribe-section,.bb-cta){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 36px;align-items:center;margin:0;
  padding:38px 40px 30px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:left;overflow:visible;}
.bbs.bbs-ac .ac-end :is(.subscribe-section,.bb-cta)::before{content:none;}
.bbs.bbs-ac .ac-end :is(.subscribe-section,.bb-cta) h2{grid-column:1;margin:0 !important;font-family:var(--bs-disp) !important;font-style:italic !important;
  font-weight:900 !important;text-transform:uppercase;line-height:.92 !important;letter-spacing:-.005em;font-size:clamp(30px,3.4vw,46px) !important;
  color:#fff !important;text-wrap:balance;}
.bbs.bbs-ac .ac-end :is(.subscribe-section,.bb-cta) p{grid-column:1;margin:0 !important;max-width:40em;color:#AEB8C8 !important;font:500 16.5px/1.55 var(--ui);}
.bbs.bbs-ac .ac-end :is(.subscribe-button,.bb-btn){grid-column:2;grid-row:1 / span 2;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);
  text-decoration:none !important;white-space:nowrap;box-shadow:0 12px 26px -14px rgba(37,99,235,.9);transform:none;transition:background .15s;}
.bbs.bbs-ac .ac-end :is(.subscribe-button,.bb-btn):hover{background:var(--bs-blue-hi);transform:none;}
/* in the 760px guide column the headline gets the full width; the button sits under the words */
.bbs.bbs-ac.ac-art .ac-end :is(.subscribe-section,.bb-cta){grid-template-columns:minmax(0,1fr);}
.bbs.bbs-ac.ac-art .ac-end :is(.subscribe-button,.bb-btn){grid-column:1;grid-row:auto;justify-self:start;margin-top:8px;}
.bbs.bbs-ac .ac-end .bb-flagship-bridge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;align-items:center;max-width:none !important;
  margin:0 !important;padding:22px 40px 28px !important;background:transparent !important;border:0 !important;border-top:1px solid var(--bs-bar-line) !important;
  border-radius:0 !important;text-align:left !important;box-shadow:none !important;}
.bbs.bbs-ac .ac-end .bb-flagship-bridge>div{grid-column:1;margin:0 !important;font:800 11px/1.3 var(--ui) !important;letter-spacing:.12em !important;
  text-transform:uppercase !important;color:var(--bs-bar-dim) !important;}
.bbs.bbs-ac .ac-end .bb-flagship-bridge>h2{grid-column:1;margin:0 !important;font:700 18px/1.35 var(--ui) !important;text-transform:none !important;
  font-style:normal !important;color:#fff !important;}
.bbs.bbs-ac .ac-end .bb-flagship-bridge>a{grid-column:2;grid-row:1 / span 2;display:inline-flex !important;align-items:center;justify-content:center;min-height:46px !important;
  padding:0 20px !important;background:transparent !important;border:1px solid rgba(255,255,255,.28) !important;border-radius:12px !important;box-shadow:none !important;
  color:#fff !important;font:700 15px/1.2 var(--ui) !important;white-space:nowrap;}
.bbs.bbs-ac .ac-end .bb-flagship-bridge>a:hover{border-color:#60A5FA !important;}
.bbs.bbs-ac .ac-end .fas{display:none;}

/* ================================================================ the hub ================================================================ */
.bbs.bbs-ac.ac-hub .bb-wrap{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:34px 24px 64px;box-sizing:border-box;}
.bbs.bbs-ac.ac-hub .bb-hero{text-align:left;max-width:none;margin:0 0 44px;padding:0;}
.bbs.bbs-ac.ac-hub .bb-hero>p{font-size:18px;line-height:1.55;color:var(--ink-dim);max-width:34em;margin:0 0 26px;}
/* jump links: one compact row (8 sections), a swipe row on phones */
.bbs.bbs-ac.ac-hub .bb-toc{margin:0 0 22px !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;font-size:14px !important;}
.bbs.bbs-ac.ac-hub .bb-toc>strong{margin:0 0 10px !important;}
.bbs.bbs-ac.ac-hub .bb-toc ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 !important;padding:0 !important;}
.bbs.bbs-ac.ac-hub .bb-toc li{margin:0;min-width:0;}
.bbs.bbs-ac.ac-hub .bb-toc li a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line-strong);border-radius:12px;
  background:var(--panel);color:var(--ink) !important;font:700 14px/1.2 var(--ui) !important;text-decoration:none !important;white-space:nowrap;}
.bbs.bbs-ac.ac-hub .bb-toc li a:hover{border-color:var(--action);}
.bbs.bbs-ac.ac-hub .bb-pills{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px 22px;margin:20px 0 0;}
.bbs.bbs-ac.ac-hub .bb-pill{display:inline;padding:0;border:0;border-radius:0;background:none;font:700 12px/1.4 var(--ui);letter-spacing:.1em;text-transform:uppercase;
  color:var(--bs-faint);}
.bbs.bbs-ac.ac-hub .bb-pill b{color:var(--ink);font-weight:800;}
/* groups: black bar with a blue slanted letter tag */
.bbs.bbs-ac.ac-hub .bb-section{margin:0 0 48px;}
.bbs.bbs-ac.ac-hub .bb-section>h2{display:flex;align-items:center;gap:16px;min-height:52px;margin:0 0 14px;padding:0 18px 0 0;background:var(--bs-black);
  color:#fff !important;border:0;border-radius:14px;overflow:hidden;font:italic 900 24px/1 var(--bs-disp);text-transform:uppercase;letter-spacing:.01em;}
.bbs.bbs-ac.ac-hub .bb-section>h2 .ico{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:58px;
  padding:0 24px 0 18px;margin:0;background:var(--bs-blue);color:#fff;border:0;border-radius:0;font:italic 900 24px/1 var(--bs-disp);
  clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%);}
/* guide tiles: same size, name + one line, 3 per row */
.bbs.bbs-ac.ac-hub .bb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0;}
.bbs.bbs-ac.ac-hub .bb-grid>li{min-width:0;margin:0;}
.bbs.bbs-ac.ac-hub a.bb-card{display:flex;flex-direction:column;gap:6px;height:100%;min-height:150px;background:var(--panel);border:1px solid var(--bs-line);
  border-radius:16px;padding:18px 18px 16px;color:var(--ink);text-decoration:none;box-shadow:none;transform:none;overflow:visible;
  transition:border-color .15s,transform .15s;}
.bbs.bbs-ac.ac-hub a.bb-card::before{content:none;}
.bbs.bbs-ac.ac-hub a.bb-card:hover{border-color:var(--action);transform:translateY(-1px);box-shadow:none;}
.bbs.bbs-ac.ac-hub a.bb-card h3{font:800 17px/1.25 var(--ui) !important;color:var(--ink) !important;margin:0;letter-spacing:0;}
.bbs.bbs-ac.ac-hub a.bb-card p{font:500 14.5px/1.5 var(--ui);color:var(--ink-dim);margin:0;}
.bbs.bbs-ac.ac-hub a.bb-card::after{content:"Read the guide";margin-top:auto;padding-top:8px;font:700 14px/1.2 var(--ui);color:var(--action);}
/* fill every row: 4 guides = 4 across, 2 = 2 across, a lone last guide in a row of 3 takes the whole row */
@media (min-width:901px){
  .bbs.bbs-ac.ac-hub .bb-grid:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr));}
  .bbs.bbs-ac.ac-hub .bb-grid:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs.bbs-ac.ac-hub .bb-grid:not(:has(>li:nth-child(4):last-child))>li:nth-child(3n+1):last-child:not(:first-child){grid-column:1 / -1;}
  .bbs.bbs-ac.ac-hub .bb-grid:not(:has(>li:nth-child(4):last-child))>li:nth-child(3n+1):last-child:not(:first-child)>a.bb-card{min-height:0;}
}
@media (min-width:701px) and (max-width:900px){
  .bbs.bbs-ac.ac-hub .bb-grid>li:nth-child(2n+1):last-child:not(:first-child){grid-column:1 / -1;}
  .bbs.bbs-ac.ac-hub .bb-grid>li:nth-child(2n+1):last-child:not(:first-child)>a.bb-card{min-height:0;}
}

/* ================================================================ responsive ================================================================ */
@media (max-width:900px){
  .bbs.bbs-ac.ac-art :is(.wrapper,.bb-wrap,.edge-wrap),.bbs.bbs-ac.ac-hub .bb-wrap{padding:24px 16px 48px;}
  .bbs.bbs-ac.ac-hub .bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs.bbs-ac :is(.related-links,.bb-links)>ul{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbs.bbs-ac .bb-liveodds-band{grid-template-columns:repeat(4,minmax(0,1fr));}
  .bbs.bbs-ac .ac-end{border-radius:22px;}
  .bbs.bbs-ac .ac-end :is(.subscribe-section,.bb-cta),.bbs.bbs-ac .ac-end .bb-flagship-bridge{grid-template-columns:minmax(0,1fr);}
  .bbs.bbs-ac .ac-end :is(.subscribe-section,.bb-cta){padding:30px 22px 24px;}
  .bbs.bbs-ac .ac-end .bb-flagship-bridge{padding:20px 22px 24px !important;gap:6px;}
  .bbs.bbs-ac .ac-end :is(.subscribe-button,.bb-btn),.bbs.bbs-ac .ac-end .bb-flagship-bridge>a{grid-column:1;grid-row:auto;width:100%;margin-top:8px;}
  .bbs.bbs-ac .key-takeaways{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:700px){
  .bbs.bbs-ac.ac-art .bb-toc :is(ol,ul){columns:1;}
  .bbs.bbs-ac :is(.term-list,.pill-row),.bbs.bbs-ac.ac-art :is(.bb-grid,.bb-mini){grid-template-columns:minmax(0,1fr);}
  .bbs.bbs-ac .pill-row:has(>.pill:nth-child(3):last-child){grid-template-columns:minmax(0,1fr);}
  .bbs.bbs-ac .checklist .row{flex-direction:column;gap:4px;}
  .bbs.bbs-ac .checklist .k{flex:0 0 auto;}
  /* PHONE RAILS (rulebook section 4): browsable tiles swipe sideways, the next one peeks */
  .bbs.bbs-ac.ac-hub .bb-grid:has(>li:nth-child(3)),.bbs.bbs-ac :is(.related-links,.bb-links)>ul:has(>li:nth-child(3)),.bbs.bbs-ac .edge-tools,
  .bbs.bbs-ac .bb-liveodds-band,.bbs.bbs-ac.ac-hub .bb-toc ol{display:flex !important;flex-wrap:nowrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    scroll-padding-left:16px;padding:2px 16px 10px;margin-left:-16px;margin-right:-16px;overscroll-behavior-x:contain;scrollbar-width:none;}
  .bbs.bbs-ac.ac-hub .bb-grid::-webkit-scrollbar,.bbs.bbs-ac :is(.related-links,.bb-links)>ul::-webkit-scrollbar,.bbs.bbs-ac .edge-tools::-webkit-scrollbar,
  .bbs.bbs-ac .bb-liveodds-band::-webkit-scrollbar,.bbs.bbs-ac.ac-hub .bb-toc ol::-webkit-scrollbar{display:none;}
  .bbs.bbs-ac.ac-hub .bb-grid:has(>li:nth-child(3))>li,.bbs.bbs-ac :is(.related-links,.bb-links)>ul:has(>li:nth-child(3))>li,.bbs.bbs-ac .edge-tools>a{
    flex:0 0 82%;max-width:320px;scroll-snap-align:start;}
  .bbs.bbs-ac.ac-hub .bb-grid:not(:has(>li:nth-child(3))),.bbs.bbs-ac :is(.related-links,.bb-links)>ul:not(:has(>li:nth-child(3))){grid-template-columns:minmax(0,1fr);}
  .bbs.bbs-ac.ac-hub .bb-toc li{flex:none;scroll-snap-align:start;}
  /* odds band: the label stays put, the boards swipe */
  .bbs.bbs-ac .bb-liveodds-band{margin:6px -16px 26px !important;padding:12px 16px !important;border-radius:0 !important;border-left:0 !important;border-right:0 !important;
    flex-wrap:nowrap !important;align-items:stretch !important;}
  .bbs.bbs-ac .bb-liveodds-band>span{flex:0 0 52%;align-self:center;margin:0 !important;font-size:14px !important;scroll-snap-align:start;}
  .bbs.bbs-ac .bb-liveodds-band>a{flex:0 0 38%;max-width:160px;scroll-snap-align:start;}
  .bbs.bbs-ac.ac-hub .bb-section{margin-bottom:34px;}
  .bbs.bbs-ac.ac-hub .bb-section>h2{font-size:21px;min-height:48px;}
  .bbs.bbs-ac.ac-hub .bb-section>h2 .ico{min-width:50px;font-size:21px;}
}
@media (max-width:600px){
  .bbs.bbs-ac.ac-art{font-size:16.5px;}
  .bbs.bbs-ac.ac-art :is(.intro-lead,.bb-sub),.bbs.bbs-ac.ac-hub .bb-hero>p{font-size:16.5px;}
  .bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec)>p,.bbs.bbs-ac :is(.guide-section,.bb-sec,.edge-sec)>:is(ul,ol){font-size:16.5px;}
  .bbs.bbs-ac :is(.answer-first .big,.aeo-summary p,.edge-answer p){font-size:17px;}
  .bbs.bbs-ac :is(.answer-first,.aeo-summary,.aao-summary,.aeo-box,.edge-answer,.key-takeaways){padding:18px 16px;}
  .bbs.bbs-ac summary{font-size:16.5px;}
}