/* bb-pages - the shared redesign layer for the matchup / team / player / betting-insights pages
   (owner-approved 2026-10-08, canvas https://claude.ai/artifact/Kf8hTJEFDw73VKMvV5qTk6; rules: .claude/design-system/DESIGN_RULEBOOK.md).
   Loaded AFTER each page's own stylesheet and scoped under .bbx (+ .bbx-mu / .bbx-tp / .bbx-pp / .bbx-bi), so it only restyles:
   every server control, server-built block, link, heading and JSON-LD source stays exactly where the page puts it.
   Server-built blocks carry inline styles (facts box, key stats, notes) - the few overrides that must beat them use !important.
   Type scale = the homepage v2 / top picks (never the mockup's pixels). Tokens: site tokens + page tokens per theme. */

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

/* ---------- page frame ---------- */
.bbx{width:auto !important;max-width:1200px !important;margin:0 auto 64px !important;padding:8px 24px 0 !important;box-sizing:border-box;color:var(--ink);font-family:var(--ui);line-height:1.5;}
.bbx *,.bbx *::before,.bbx *::after{box-sizing:border-box;}
.bbx :where(a,button,summary,input):focus-visible{outline:2px solid var(--action);outline-offset:3px;border-radius:8px;}
.bbx .bx-disp,.bbx .bx-h1,.bbx .bx-h2{font-family:var(--bx-disp);font-style:italic;font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.005em;}
.bbx .bx-mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}
.bbx .bx-blue{color:var(--action);}
.bbx .bx-green{color:var(--bx-green) !important;}
.bbx .bx-cap{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bx-faint);}

/* breadcrumbs */
.bbx .breadcrumbs{margin:0 0 16px;font:500 13px/1.4 var(--ui);letter-spacing:0;text-transform:none;color:var(--bx-faint);}
.bbx .breadcrumbs a{color:var(--bx-faint);}
.bbx .breadcrumbs a:hover{color:var(--action);}
.bbx .breadcrumbs li::after{color:var(--bx-faint);}
.bbx .breadcrumbs span{color:var(--ink) !important;}

/* ---------- headings of every server-built section -> the display style ---------- */
.bbx .bx-h2,.bbx .mu-section-header h2,.bbx .obx-hub > h2,.bbx .ps-h,.bbx .illink-h,.bbx .tp-section h2,.bbx .pp-section h2,.bbx .bi-section h2{
  font-family:var(--bx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase !important;line-height:.95 !important;
  letter-spacing:-.005em !important;color:var(--ink) !important;font-size:clamp(30px,3.2vw,44px) !important;margin:0 0 6px !important;}
.bbx .bx-h2{margin:40px 0 18px !important;}
.bbx .bx-h2 span,.bbx .bx-h1 span{color:var(--action);}
.bbx .mu-section-header h2 i,.bbx h2 > i.fas,.bbx h3 > i.fas{display:none !important;}
.bbx h3{font-family:var(--ui);font-weight:700;color:var(--ink);}

/* ---------- section cards: title outside, body in one clean panel ---------- */
.bbx .mu-lift{background:transparent;border:0;box-shadow:none;overflow:visible;border-radius:0;}
.bbx .mu-lift::after{display:none !important;}
.bbx .mu-section{margin:56px 0 0;}
.bbx .mu-section-header{display:block;padding:0 !important;margin:0 0 16px !important;border:0 !important;background:transparent !important;}
.bbx .mu-section-sub,.bbx .mu-edge-legend{display:block;margin-top:6px;font:500 15px/1.4 var(--ui);color:var(--ink-dim);letter-spacing:0;text-transform:none;}
.bbx .mu-section-body,.bbx .mu-not-found{background:var(--panel);border:1px solid var(--bx-line);border-radius:20px;padding:22px;}
.bbx .badge-edge{background:var(--bx-hi-soft);color:var(--bx-green);border:0;border-radius:7px;font:800 11px/1 var(--ui);letter-spacing:.08em;padding:5px 8px;}

/* ---------- HERO: broadcast scoreboard card ---------- */
.bbx .bx-score{border-radius:22px;overflow:hidden;background:var(--bx-black);color:#fff;box-shadow:inset 0 0 0 1px var(--bx-bar-line);margin:0;}
.bbx .bx-bar{display:flex;align-items:stretch;justify-content:space-between;background:var(--bx-black);color:#fff;min-height:40px;}
.bbx .bx-tag{flex:none;display:flex;align-items:center;gap:8px;padding:12px 30px 12px 16px;background:var(--bx-blue);color:#fff;
  clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);font:800 11px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;}
.bbx .bx-tag .mu-hero-eyebrow{display:inline;margin:0;text-align:left;color:#fff;font:inherit;letter-spacing:inherit;}
.bbx .bx-tagdot{width:7px;height:7px;border-radius:50%;background:#fff;flex:none;}
.bbx .bx-bar-meta{display:flex !important;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 12px !important;padding:6px 16px;
  font:700 11px/1.35 var(--ui) !important;letter-spacing:.08em;text-transform:uppercase;color:var(--bx-bar-dim) !important;text-align:right;}
.bbx .bx-bar-meta span{display:inline !important;}
.bbx .bx-bar-meta > .bx-free::before{content:none !important;}
.bbx .bx-bar-meta .bx-free{display:inline-flex !important;margin-left:8px;}
.bbx .bx-bar-meta > span + span::before,.bbx .bx-bar-meta > div > span::before{content:"\00B7";margin-right:12px;color:#4B5568;}
.bbx .bx-score-bd{display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;padding:26px 30px;margin:0 !important;}
.bbx .bx-side{display:flex !important;flex-direction:row !important;align-items:center;gap:18px;min-width:0;}
.bbx .bx-side.bx-home{flex-direction:row-reverse !important;text-align:right;}
.bbx .bx-logo,.bbx .bx-side img.bb-face{width:88px !important;height:88px !important;flex:none;object-fit:contain;background:#fff;border-radius:22px;padding:12px;}
.bbx .bx-side img.bb-face{object-fit:cover;padding:0;border-radius:50%;background:var(--panel-2);}
.bbx .bx-side-t{min-width:0;}
.bbx .bx-nm{font-family:var(--bx-disp) !important;font-style:italic;font-weight:900 !important;text-transform:uppercase;line-height:.92;font-size:clamp(28px,3vw,40px) !important;
  color:#fff !important;max-width:none !important;text-align:inherit !important;}
.bbx .bx-rec{display:block;margin-top:8px;font:700 13px/1.3 var(--mono);color:var(--bx-bar-dim);}
.bbx .bx-wl{display:inline-flex;gap:4px;margin-top:8px;}
.bbx .bx-home .bx-wl{justify-content:flex-end;}
.bbx .bx-wl i{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;font:italic 900 13px/1 var(--bx-disp);color:#fff;font-style:italic;}
.bbx .bx-wl i.w{background:#0F9D63;}
.bbx .bx-wl i.l{background:#DC4A41;}
.bbx .bx-wl i.d{background:#4B5568;}
.bbx .bx-vs{width:auto !important;height:auto !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important;margin:0 !important;font:italic 900 34px/1 var(--bx-disp) !important;color:#60A5FA !important;}
.bbx .bx-score-ft{padding:14px 30px;border-top:1px solid var(--bx-bar-line);font-size:14px;color:#CFD6E2;}
.bbx .bx-score-ft b{color:#fff;}

/* hero text + ticket */
.bbx .bx-hero2{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:48px;align-items:start;margin-top:32px;}
.bbx .bx-hero2.bx-solo{grid-template-columns:minmax(0,1fr);}
.bbx .bx-h1{font-size:clamp(40px,4.6vw,64px) !important;margin:0 !important;color:var(--ink);text-align:left !important;}
.bbx .bx-h1 .mu-h1-date{color:var(--action);}
.bbx .mu-freshness-wrap{justify-content:flex-start !important;margin:14px 0 0 !important;}
.bbx .mu-hero-sub{text-align:left !important;margin:16px 0 0 !important;max-width:36em !important;font-size:18px !important;line-height:1.55 !important;color:var(--ink-dim) !important;}
.bbx .mu-hero-sub strong{color:var(--ink) !important;}
.bbx .bx-counts{display:flex !important;justify-content:flex-start !important;gap:10px !important;margin:20px 0 0 !important;padding:0 !important;border:0 !important;}
.bbx .bx-counts .mu-pick-count{min-width:0 !important;padding:10px 16px !important;border-radius:14px !important;background:var(--panel) !important;border:1px solid var(--bx-line) !important;text-align:left !important;}
.bbx .bx-counts .mu-pick-count-num{font:700 22px/1 var(--mono) !important;color:var(--ink) !important;}
.bbx .bx-counts .mu-pick-count-label{font:800 10.5px/1.2 var(--ui) !important;letter-spacing:.1em !important;color:var(--bx-faint) !important;margin-top:6px !important;}
.bbx .bx-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.bbx .bx-jump a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--bx-line);background:var(--panel);color:var(--ink);font:600 14px/1 var(--ui);}
.bbx .bx-jump a:hover{border-color:var(--action);color:var(--action);}

.bbx .bx-tkt{background:var(--panel) !important;border:1px solid var(--bx-line) !important;border-radius:24px !important;overflow:hidden !important;box-shadow:var(--bx-shadow) !important;padding:0 !important;margin:0 !important;}
.bbx .bx-tkt .bx-tag{max-width:250px;line-height:1.25;}
.bbx .bx-free{display:inline-flex;align-items:center;font:800 10.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#05070B;background:#34D399;border-radius:6px;padding:4px 7px;}
.bbx .bx-tkt-bd{padding:22px 22px 20px;}
.bbx .bx-tkt-pick{font-family:var(--bx-disp) !important;font-style:italic;font-weight:900 !important;text-transform:uppercase;line-height:.92 !important;font-size:clamp(34px,3.4vw,44px) !important;color:var(--ink) !important;}
.bbx .bx-tkt-raw{margin-top:10px;font-size:13.5px;color:var(--bx-faint);}
.bbx .bx-tkt-raw .hub-mkt{display:inline;margin-left:6px;font:700 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--bx-faint);background:var(--bx-long-soft);border-radius:6px;padding:4px 7px;}
.bbx .bx-money{display:flex;align-items:stretch;margin-top:16px;border:1px solid var(--bx-line);border-radius:16px;overflow:hidden;}
.bbx .bx-money > span{flex:1 1 0;min-width:0;padding:12px 16px;border-left:1px solid var(--bx-line);}
.bbx .bx-money > span:first-child{border-left:0;}
.bbx .bx-money b{display:block;margin-top:4px;font:700 24px/1.1 var(--mono);color:var(--ink);white-space:nowrap;}
.bbx .bx-details{display:flex !important;flex-wrap:wrap;gap:8px !important;margin-top:14px !important;}
.bbx .bx-details .hub-d{display:flex !important;align-items:center;gap:8px;padding:8px 12px !important;border-radius:12px !important;background:var(--panel-2) !important;border:0 !important;font-size:13px;color:var(--ink-dim);}
.bbx .bx-details .hub-d b{font:700 13.5px/1 var(--mono);color:var(--ink);}
.bbx .bx-why{margin:14px 0 0 !important;font-size:14.5px !important;line-height:1.6 !important;color:var(--ink-dim) !important;}

/* confidence words (hub classes + new) */
.bbx .hub-c-high,.bbx .bx-c-high{color:var(--bx-green) !important;}
.bbx .hub-c-lean,.bbx .bx-c-lean{color:var(--bx-gold) !important;}
.bbx .hub-c-long,.bbx .bx-c-long{color:var(--ink-dim) !important;}
.bbx .bx-conf{display:inline-flex;align-items:center;font:800 11.5px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;border-radius:7px;padding:5px 8px;}
.bbx .bx-conf.bx-c-high{background:var(--bx-hi-soft);}
.bbx .bx-conf.bx-c-lean{background:var(--bx-gold-soft);}
.bbx .bx-conf.bx-c-long{background:var(--bx-long-soft);}

/* ---------- the board (hub slate table -> rows) + generic hub cards ---------- */
.bbx .hub-card{background:var(--panel);border:1px solid var(--bx-line);border-radius:20px;box-shadow:none;overflow:hidden;margin:0 0 16px;}
.bbx .hub-slate{padding:0 !important;}
.bbx .hub-slate .hub-sub{display:flex;justify-content:space-between;gap:10px;margin:0;padding:12px 16px;background:var(--bx-black);color:#fff;
  font:800 11px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;}
.bbx .hub-slate .hub-sub .spread{color:var(--bx-bar-dim);}
.bbx .hub-slate table{width:100%;border-collapse:collapse;}
.bbx .hub-slate td{padding:15px 16px;border-top:1px solid var(--bx-line);vertical-align:middle;}
.bbx .hub-slate tr:first-child td{border-top:0;}
.bbx .hub-slate .hub-mktcol{font:800 12px/1.3 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--bx-faint);width:200px;}
.bbx .hub-slate .hub-sel{font:700 16px/1.3 var(--ui);color:var(--ink);}
.bbx .hub-slate .hub-cnt{font-weight:600;color:var(--ink-dim);}
.bbx .hub-slate .hub-cf{font:800 12px/1.2 var(--ui);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
.bbx .hub-slate .hub-cf .hub-ch{display:block;margin-top:3px;font:500 12.5px/1.2 var(--ui);letter-spacing:0;text-transform:none;color:var(--bx-faint);}
.bbx .hub-slate .hub-pr{text-align:right;font:700 15px/1 var(--mono);white-space:nowrap;}
.bbx .hub-slate .hub-pr a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;background:var(--bx-blue);color:#fff !important;font:700 13.5px/1 var(--ui);}
.bbx .hub-legend{padding:10px 16px 12px;font:500 12px/1.5 var(--mono);color:var(--bx-faint);border-top:1px solid var(--bx-line);}
.bbx .hub-morelink{padding:0 16px 16px;}
.bbx .hub-morelink a{font-weight:700;color:var(--action);}

/* facts box (speakable .mu-facts - keep the class + text), key stats (tale of the tape), stale note */
.bbx .mu-facts,.bbx .mu-stale{margin:16px 0 !important;padding:16px 18px !important;border:1px solid var(--bx-line) !important;border-left:4px solid var(--bx-blue) !important;
  border-radius:16px !important;background:var(--panel) !important;color:var(--ink-dim) !important;font-size:15.5px !important;line-height:1.65 !important;}
.bbx .mu-stale{border-left-color:var(--bx-faint) !important;}
.bbx .mu-keystats{margin:16px 0 !important;padding:20px 22px !important;border:1px solid var(--bx-line) !important;border-radius:20px !important;background:var(--panel) !important;font-size:15px !important;}
.bbx .mu-keystats > div:first-child{font-family:var(--bx-disp) !important;font-style:italic;font-weight:900 !important;text-transform:uppercase;font-size:26px !important;line-height:1 !important;margin-bottom:14px !important;}
.bbx .mu-keystats table td,.bbx .mu-keystats table th{padding:11px 8px !important;border-top:1px solid var(--bx-line);}
.bbx .mu-keystats table tr:first-child th,.bbx .mu-keystats table tr:first-child td{border-top:0;font:800 11px/1.3 var(--ui) !important;letter-spacing:.1em;text-transform:uppercase;}
.bbx .mu-keystats table td + td{font:700 16px/1.2 var(--mono) !important;color:var(--ink) !important;}

/* answer CTA + every paywall card -> one dark unlock card */
.bbx .mu-answer-cta,.bbx .btn-grad,.bbx .btn-neon{display:inline-flex !important;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px !important;border-radius:12px !important;
  background:var(--bx-blue) !important;color:#fff !important;font:700 16px/1.2 var(--ui) !important;border:0 !important;box-shadow:none !important;text-decoration:none !important;}
.bbx .mu-answer-cta{display:flex !important;width:100%;}
.bbx .mu-answer-cta:hover,.bbx .btn-grad:hover,.bbx .btn-neon:hover{background:var(--bx-blue-hi) !important;}
.bbx .mu-paywall-cta{margin:16px 0 0;padding:24px;border-radius:20px;background:var(--bx-black);color:#fff;text-align:left;box-shadow:inset 0 0 0 1px var(--bx-bar-line);}
.bbx .mu-paywall-cta p{color:#CFD6E2;}
.bbx .mu-paywall-cta strong{color:#fff;}
.bbx .mu-paywall-cta-head{font-family:var(--bx-disp) !important;font-style:italic;font-weight:900 !important;text-transform:uppercase;font-size:28px !important;line-height:1 !important;color:#fff !important;margin:0 0 10px !important;}
.bbx .mu-paywall-cta-head i{display:none;}
.bbx .mu-cta-micro{margin-top:10px;font-size:13px;color:#8A96AA !important;}
.bbx .mu-paywall-fade{display:none;}

/* game pick cards */
.bbx .mu-picks-grid{gap:12px;}
.bbx .mu-pick-card{background:var(--panel-2);border:1px solid var(--bx-line);border-radius:16px;box-shadow:none;}
.bbx .mu-pick-card-market{font:800 11px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bx-faint);}
.bbx .mu-pick-card-main{font:700 17px/1.25 var(--ui);color:var(--ink);}
.bbx .mu-pick-card-odds{font:700 15px/1 var(--mono);color:var(--ink);}

/* tables everywhere (props, history, calibration, h2h, impact, odds, stats module) */
.bbx table.mu-props-table,.bbx table.mu-history-table,.bbx table.mu-calib-table,.bbx table.mu-h2h-table,.bbx table.mu-impact-table,.bbx table.obx-hub-t,.bbx table.ps-tbl{
  width:100%;border-collapse:collapse;font:500 14.5px/1.4 var(--ui);color:var(--ink-dim);background:transparent;}
.bbx .mu-props-table th,.bbx .mu-history-table th,.bbx .mu-calib-table th,.bbx .mu-h2h-table th,.bbx .mu-impact-table th,.bbx .obx-hub-t thead th,.bbx .ps-tbl th{
  font:800 11px/1.3 var(--ui) !important;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-faint) !important;background:transparent !important;padding:0 10px 10px !important;border-bottom:1px solid var(--bx-line) !important;}
.bbx .mu-props-table td,.bbx .mu-history-table td,.bbx .mu-calib-table td,.bbx .mu-h2h-table td,.bbx .mu-impact-table td,.bbx .obx-hub-t td,.bbx .obx-hub-t tbody th,.bbx .ps-tbl td{
  padding:12px 10px !important;border-bottom:1px solid var(--bx-line) !important;color:var(--ink-dim);}
.bbx .mu-props-table a,.bbx .mu-h2h-table a{color:var(--ink);font-weight:700;}
.bbx .mu-calib-pick{font-family:var(--ui) !important;font-weight:700;color:var(--ink);}
.bbx .mu-lean-word{color:var(--bx-green);}
.bbx .mu-lean-lock,.bbx .mu-mi-lock{color:var(--action);font-weight:700;}

/* the price story (obx) */
.bbx .obx-hub.obx-story{margin:56px 0 0;padding:22px;border-radius:20px;background:var(--panel);border:1px solid var(--bx-line);}
.bbx .obx-story-p{font-size:16px;line-height:1.6;color:var(--ink-dim);}
.bbx .obx-hub h3{font-size:17px;margin:18px 0 10px;}
.bbx .obx-hub-t caption{text-align:left;font:800 11px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bx-faint);padding-bottom:8px;}
.bbx .obx-hub-am{color:var(--bx-faint);font-family:var(--mono);}
.bbx .obx-hub-go a{font-weight:700;color:var(--action);}

/* market intel cards, who's out, impact */
.bbx .mu-mi-grid{gap:12px;}
.bbx .mu-mi-card{background:var(--panel-2);border:0;border-radius:16px;padding:16px;}
.bbx .mu-mi-card h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--bx-faint);margin:0 0 8px;}
.bbx .mu-mi-dir,.bbx .mu-mi-book{font:700 17px/1.3 var(--ui);color:var(--ink);}
.bbx .mu-out-grid{gap:16px;}
.bbx .mu-out-col h3{font:800 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bx-faint);margin:0 0 8px;}
.bbx .mu-out-list li{display:flex;align-items:center;gap:8px;padding:11px 0;border-top:1px solid var(--bx-line);font-size:15px;}
.bbx .mu-out-list li:first-child{border-top:0;}
.bbx .mu-out-player{color:var(--ink);font-weight:600;}
.bbx .mu-out-pos{color:var(--bx-faint);}
.bbx .mu-out-status{margin-left:auto;font:800 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--bx-red);background:rgba(220,74,65,.1);border-radius:6px;padding:4px 7px;}
.bbx .mu-out-stamp,.bbx .mu-h2h-last{color:var(--bx-faint) !important;font-size:13.5px;}
.bbx .mu-h2h-vs{font-size:16px;color:var(--ink);}

/* the tabbed stats module (Matchup.Stats.cs) */
.bbx .ps-stats{margin:56px 0 0 !important;}
.bbx .ps-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;border:0 !important;background:transparent !important;}
.bbx .ps-tab{min-height:40px;padding:0 14px;border-radius:999px !important;border:1px solid var(--bx-line) !important;background:var(--panel) !important;color:var(--ink) !important;font:600 14px/1 var(--ui) !important;cursor:pointer;}
.bbx .ps-tab.active{background:var(--bx-black) !important;color:#fff !important;border-color:var(--bx-black) !important;}
.bbx .ps-panel{background:var(--panel);border:1px solid var(--bx-line);border-radius:20px;padding:22px;}
.bbx .ps-aeo{font-size:15.5px;line-height:1.65;color:var(--ink-dim);}
.bbx .ps-split .s{background:var(--panel-2);border-radius:14px;}
.bbx .ps-split .v{font:700 22px/1 var(--mono);color:var(--ink);}

/* the preview article + essay */
.bbx .mu-preview h3,.bbx .mu-preview h2{font-family:var(--ui);font-weight:700;font-style:normal;text-transform:none;font-size:20px !important;line-height:1.3 !important;letter-spacing:0 !important;}
.bbx .mu-preview p,.bbx .mu-essay p{font-size:16px;line-height:1.7;color:var(--ink-dim);}

/* proof strip (when on), cashed proof block */
.bbx .bb-proof{display:flex;align-items:center;gap:12px;margin:16px 0;padding:14px 18px;border-radius:16px;background:var(--bx-black);color:#fff !important;}
.bbx .bb-proof strong{color:#fff;}
.bbx .bb-proof-link{margin-left:auto;font-weight:700;color:#60A5FA;}

/* related links (bb-illinks) -> link columns */
.bbx .bb-illinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 24px;margin:56px 0 0;padding:0;background:transparent;border:0;}
.bbx .illink-group{margin:0;}
.bbx .illink-h{font-size:22px !important;margin:0 0 10px !important;}
.bbx .illink-list{list-style:none;margin:0;padding:0;}
.bbx .illink-list li{border-top:1px solid var(--bx-line);}
.bbx .illink-list a{display:flex;align-items:center;min-height:42px;font-size:14.5px;color:var(--ink);}
.bbx .illink-list a:hover{color:var(--action);}

/* RG line */
.bbx ~ .rg-line,.bbx .rg-line{max-width:1200px;margin:22px auto 0;padding:0 24px;font-size:13px;line-height:1.6;color:var(--bx-faint);}

/* ================= PLAYER PAGE (.bbx-pp) ================= */
.bbx .pp-lift.bx-pphero{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:8px 0 0 !important;border-radius:0 !important;overflow:visible !important;}
.bbx .pp-lift.bx-pphero::before,.bbx .pp-lift.bx-pphero::after{display:none !important;}
.bbx .bx-pphero .bx-hero2{margin-top:8px;}
.bbx .pp-hero-id.bx-id img{width:120px !important;height:120px !important;border-radius:50% !important;object-fit:cover;object-position:top;flex:none;background:var(--panel-2);border:0 !important;box-shadow:inset 0 0 0 1px var(--bx-line);}
.bbx .bx-team{margin:8px 0 0 !important;font:600 15px/1.4 var(--ui) !important;color:var(--ink-dim) !important;}
.bbx .bx-team.bx-dup{display:none !important;}
.bbx .pp-badges{margin-top:12px;gap:8px !important;}
.bbx .pp-badges:empty,.bbx .pp-badges > div:empty{display:none;}
.bbx .pp-badges .badge{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:7px;padding:6px 9px;font:800 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;}
.bbx .pp-badges .badge-edge{background:var(--bx-hi-soft);color:var(--bx-green);}
.bbx .pp-badges .badge-streak{background:var(--bx-gold-soft);color:var(--bx-gold);}
.bbx .pp-badges .badge i{display:none;}

/* the three "why" cards = the hero band */
.bbx .pp-stats-grid.bx-band{display:grid !important;grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0 !important;margin:26px 0 0 !important;}
.bbx .pp-stats-grid.bx-band:not(:has(.pp-stat-card)){display:none !important;}
.bbx .bx-band .pp-stat-card{background:transparent !important;border:0 !important;border-left:1px solid var(--bx-bar-line) !important;border-radius:0 !important;padding:14px 18px !important;display:flex;flex-direction:column;gap:6px;min-width:0;}
.bbx .bx-band .pp-stat-card:first-child{border-left:0 !important;}
.bbx .bx-band .pp-stat-label{margin:0 !important;font:800 10.5px/1.2 var(--ui) !important;letter-spacing:.12em !important;text-transform:uppercase;color:var(--bx-bar-dim) !important;}
.bbx .bx-band .pp-stat-value{font:italic 900 26px/1.02 var(--bx-disp) !important;text-transform:uppercase;color:#fff !important;}
.bbx .bx-band .pp-stat-edge .pp-stat-value{color:#34D399 !important;}
.bbx .bx-numdoor{margin-top:10px;}
.bbx .bx-numdoor > details > summary,.bbx details.bx-numdoor > summary{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;font:700 14px/1 var(--ui);color:var(--action);list-style:none;}
.bbx .bx-numdoor summary::-webkit-details-marker{display:none;}
.bbx .bx-numdoor summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);}
.bbx .bx-numdoor details[open] > summary::after,.bbx details.bx-numdoor[open] > summary::after{transform:rotate(-135deg) translateY(-2px);}
.bbx .bx-numdoor p{margin:4px 0 0;font-size:14px;line-height:1.6;color:var(--ink-dim);}
.bbx details.bx-numdoor-tbl{padding:4px 22px 0;}
.bbx details.bx-numdoor-tbl[open]{padding-bottom:8px;}

/* the ticket = the old pick card */
.bbx .pp-pick-card.bx-tkt{background:var(--panel) !important;border:1px solid var(--bx-line) !important;border-radius:24px !important;padding:0 !important;margin:0 !important;overflow:hidden;box-shadow:var(--bx-shadow) !important;}
.bbx .bx-tkt .pp-pick-label{margin:0 !important;font:inherit !important;color:inherit !important;letter-spacing:inherit !important;}
.bbx .bx-pgame{display:flex !important;align-items:center;flex-wrap:wrap;gap:6px 10px !important;margin:0 0 16px !important;padding:0 0 14px !important;border-top:0 !important;border-bottom:1px solid var(--bx-line);font:600 14.5px/1.3 var(--ui);color:var(--ink);}
.bbx .bx-pgame strong{color:var(--ink);font-weight:700;}
.bbx .bx-pgame .pp-team-logo{width:30px !important;height:30px !important;object-fit:contain;background:#fff;border-radius:8px;padding:3px;box-shadow:inset 0 0 0 1px rgba(16,24,40,.08);}
.bbx .bx-pgame .pp-vs{font:700 12px/1 var(--ui);color:var(--bx-faint);}
.bbx .bx-pgame-meta{flex-basis:100%;display:flex;flex-wrap:wrap;gap:2px 14px;}
.bbx .bx-pgame .pp-game-meta{margin:0 !important;font:500 13px/1.4 var(--ui) !important;color:var(--bx-faint) !important;}
.bbx .bx-pgame .pp-game-meta i{display:none;}
.bbx .bx-tkt .pp-pick-main.bx-tkt-raw{display:flex !important;flex-wrap:wrap;align-items:center;gap:4px 10px !important;margin-top:10px;}
.bbx .bx-tkt .pp-pick-stat{font:700 11px/1 var(--ui) !important;letter-spacing:.08em;text-transform:uppercase;color:var(--bx-faint) !important;background:var(--bx-long-soft);border-radius:6px;padding:4px 7px;}
.bbx .bx-tkt .pp-pick-line{font:600 13.5px/1.3 var(--ui) !important;color:var(--ink-dim) !important;}
.bbx .bx-tkt .pp-pick-odds{font:500 13px/1.3 var(--mono) !important;color:var(--bx-faint) !important;}
.bbx .bx-tkt .pp-pick-main .badge-edge{background:var(--bx-hi-soft) !important;color:var(--bx-green) !important;border:0 !important;border-radius:7px;padding:4px 8px;font:800 10.5px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;}
.bbx .bx-tkt .pp-pick-main .badge-edge:empty{display:none;}
.bbx .bx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:12px;background:var(--bx-blue);color:#fff !important;font:700 16px/1 var(--ui);text-decoration:none !important;}
.bbx .bx-btn:hover{background:var(--bx-blue-hi);}
.bbx .bx-btn-full{display:flex;width:100%;margin-top:16px;}

/* every player section -> title outside, one clean panel */
.bbx .pp-section{background:transparent !important;border:0 !important;border-radius:0 !important;overflow:visible !important;margin:56px 0 0 !important;box-shadow:none !important;}
.bbx .pp-section > .pp-section-header{display:flex !important;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;padding:0 !important;margin:0 0 16px !important;border:0 !important;background:transparent !important;}
.bbx .pp-section > .pp-section-header h2{flex:1 1 auto;}
.bbx .pp-section > .pp-section-header .badge{border:0;border-radius:7px;padding:5px 8px;font:800 11px/1 var(--ui);letter-spacing:.08em;}
.bbx .pp-section > div[style*="overflow-x"],.bbx .pp-section > .pp-section-body,.bbx .pp-section > div > .pp-section-body,.bbx .pp-section > details.bx-numdoor-tbl{background:var(--panel);border:1px solid var(--bx-line);border-radius:20px;}
.bbx .pp-section > div[style*="overflow-x"]{padding:8px 14px;}
.bbx .pp-section-body{padding:22px !important;}
.bbx .pp-analysis-content{font-size:16px;line-height:1.7;color:var(--ink-dim);}
.bbx .pp-analysis-content h2,.bbx .pp-analysis-content h3{font:700 20px/1.3 var(--ui) !important;font-style:normal !important;text-transform:none !important;letter-spacing:0 !important;color:var(--ink) !important;margin:0 0 10px !important;}
.bbx table.pp-history-table{width:100%;border-collapse:collapse;font:500 14.5px/1.4 var(--ui);color:var(--ink-dim);}
.bbx .pp-history-table th{font:800 11px/1.3 var(--ui) !important;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-faint) !important;background:transparent !important;padding:12px 10px 10px !important;border-bottom:1px solid var(--bx-line) !important;text-align:left;}
.bbx .pp-history-table td{padding:12px 10px !important;border-bottom:1px solid var(--bx-line) !important;color:var(--ink-dim);}
.bbx .pp-history-table tr:last-child td{border-bottom:0 !important;}
.bbx .pp-history-table td[style*="color-signal"]{color:var(--ink) !important;}
.bbx .pp-paywall-cta{display:block !important;margin:16px 0 0 !important;padding:24px !important;border-radius:20px !important;border:0 !important;background:var(--bx-black) !important;color:#CFD6E2 !important;text-align:left !important;box-shadow:inset 0 0 0 1px var(--bx-bar-line);}
.bbx .pp-paywall-cta h3{font-family:var(--bx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase;font-size:28px !important;line-height:1 !important;color:#fff !important;margin:0 0 10px !important;}
.bbx .pp-paywall-cta p{margin:0 0 16px;font-size:15px;line-height:1.55;color:#CFD6E2;}
.bbx .pp-paywall-cta .bb-lock-ring{display:none;}
.bbx .pp-paywall-cta .btn-neon img{display:none;}
.bbx .pp-paywall-micro{margin-top:10px !important;font:500 12.5px/1.5 var(--ui) !important;text-transform:none !important;letter-spacing:0 !important;color:#8A96AA !important;}
.bbx .pp-paywall-fade{display:none;}
.bbx .pp-paywall-wrap{max-height:none !important;}
.bbx .pp-hit-rate-bar{background:var(--panel-2) !important;border:0 !important;border-radius:14px;margin:0 0 12px;padding:14px 18px !important;}
.bbx .pp-hit-rate-value{color:var(--ink) !important;}
.bbx .pp-disclaimer{margin:28px 0 0 !important;font-size:13px !important;color:var(--bx-faint) !important;text-align:left !important;}
.bbx .bbpl{margin-top:0;}
.bbx .bbpl-h{font-family:var(--bx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase !important;font-size:clamp(30px,3.2vw,44px) !important;line-height:.95 !important;color:var(--ink) !important;}
.bbx .bbpl-row{border-top:1px solid var(--bx-line);}
.bbx .pp-not-found{background:var(--panel) !important;border:1px solid var(--bx-line) !important;border-radius:20px !important;}

/* ================= TEAM PAGE (.bbx-tp) ================= */
.bbx .tp-hero.bx-tphero{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:8px 0 0 !important;overflow:visible !important;border-radius:0 !important;}
.bbx .tp-hero.bx-tphero::before,.bbx .tp-hero.bx-tphero::after{display:none !important;}
.bbx .bx-tphero .bx-hero2{margin-top:8px;}
.bbx .bx-id{display:flex !important;align-items:center;gap:20px !important;flex-wrap:nowrap !important;}
.bbx .bx-id .tp-hero-text{min-width:0;flex:1 1 auto;}
.bbx .bx-id img.tp-team-logo,.bbx .bx-id img.bx-plate{width:112px !important;height:112px !important;flex:none;object-fit:contain;background:#fff;border-radius:26px;padding:14px;box-shadow:inset 0 0 0 1px rgba(16,24,40,.08);}
.bbx .bx-id img.bb-face,.bbx .bx-id .bb-face img{border-radius:50% !important;object-fit:cover !important;padding:0 !important;background:var(--panel-2) !important;}
.bbx .bx-kicker{display:inline-flex !important;align-items:center;gap:8px;background:transparent !important;border:0 !important;padding:0 !important;font:800 11.5px/1 var(--ui) !important;letter-spacing:.12em !important;text-transform:uppercase;color:var(--action) !important;}
.bbx .bx-id .bx-h1{margin-top:10px !important;}
.bbx .bx-lead{margin:16px 0 0 !important;max-width:36em !important;font-size:18px !important;line-height:1.55 !important;color:var(--ink-dim) !important;}
.bbx .bx-lead a{color:var(--action);font-weight:600;}
.bbx .bx-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px;border-radius:18px;overflow:hidden;background:var(--bx-black);color:#fff;box-shadow:inset 0 0 0 1px var(--bx-bar-line);}
.bbx .bx-band > div{padding:14px 18px;border-left:1px solid var(--bx-bar-line);display:flex;flex-direction:column;gap:6px;min-width:0;}
.bbx .bx-band > div:first-child{border-left:0;}
.bbx .bx-band-k{display:block;font:800 10.5px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--bx-bar-dim);}
.bbx .bx-band-v{font:italic 900 34px/1 var(--bx-disp);color:#fff;white-space:nowrap;}
.bbx .bx-band-g{color:#34D399;}
.bbx .bx-next{display:flex !important;align-items:center;flex-wrap:wrap;gap:4px 14px !important;margin-top:22px !important;padding:16px 18px !important;border-radius:18px;border:1px solid var(--bx-line) !important;background:var(--panel);
  font:500 14.5px/1.4 var(--ui) !important;color:var(--ink-dim) !important;}
.bbx .bx-next i{display:none;}
.bbx .bx-next-k{flex-basis:100%;font:800 11px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbx .bx-next-k strong{font-weight:800;color:var(--action);}
.bbx .bx-next-opp{font:700 16px/1.3 var(--ui);color:var(--ink);}
.bbx .bx-next-when{font:600 14.5px/1.3 var(--mono);color:var(--ink);}
.bbx .bx-next-where{flex-basis:100%;font-size:13.5px;color:var(--bx-faint);}
.bbx .bx-next-go{margin-left:auto;font-weight:700;font-size:14px;color:var(--action);}

/* the ticket = the old game-pick section */
.bbx .bx-tkt-col{min-width:0;}
.bbx .tp-section.bx-tkt{margin:0 !important;}
.bbx .bx-tkt .tp-section-header.bx-bar{display:flex !important;align-items:stretch;justify-content:space-between;flex-wrap:nowrap;padding:0 !important;border:0 !important;background:var(--bx-black) !important;margin:0 !important;}
.bbx .bx-tkt .bx-bar h2.bx-tag{margin:0 !important;padding:12px 30px 12px 16px !important;font:800 11px/1.2 var(--ui) !important;font-style:normal !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#fff !important;}
.bbx .bx-tkt .bx-bar-meta .tp-section-eyebrow{font:inherit;color:inherit;letter-spacing:inherit;}
.bbx .bx-tkt .tp-section-body.bx-tkt-bd{padding:22px 22px 20px !important;}
.bbx .bx-tkt .game-card::before,.bbx .bx-tkt .game-card::after{display:none !important;content:none !important;}
.bbx .bx-tkt .tp-game-card{background:transparent !important;border:0 !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important;}
.bbx .bx-tkt-game{font:600 14.5px/1.4 var(--ui);color:var(--ink);margin-bottom:14px;}
.bbx .bx-tkt .bx-tkt-pick{margin:0;}
.bbx .bx-tkt .tp-game-card-main{display:inline;font:600 13.5px/1.4 var(--ui) !important;color:var(--bx-faint) !important;margin:0 !important;}
.bbx .bx-tkt .tp-game-card-market{display:inline;margin:0 0 0 6px !important;}
.bbx .bx-tkt-row{display:flex !important;align-items:center;flex-wrap:wrap;gap:10px !important;margin-top:14px !important;font-size:14.5px;color:var(--ink-dim);}
.bbx .bx-tkt-prob{display:inline !important;font:500 14px/1.5 var(--ui) !important;color:var(--ink-dim) !important;}
.bbx .bx-tkt-prob strong{color:var(--ink) !important;}
.bbx .bx-door{margin-top:16px;border-radius:12px;}
.bbx .bx-door > summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:12px;background:var(--bx-blue);color:#fff;font:700 16px/1 var(--ui);cursor:pointer;list-style:none;}
.bbx .bx-door > summary::-webkit-details-marker{display:none;}
.bbx .bx-door > summary::after{content:"";width:8px;height:8px;border-right:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:rotate(45deg) translateY(-2px);}
.bbx .bx-door[open] > summary::after{transform:rotate(-135deg) translateY(-2px);}
.bbx .bx-door > summary:hover{background:var(--bx-blue-hi);}
.bbx .bx-door-bd{margin-top:12px;padding:14px 16px;border-radius:12px;background:var(--panel-2);border:1px solid var(--bx-line);font-size:14.5px;line-height:1.6;color:var(--ink-dim);}
.bbx .bx-door-bd .bx-why{margin:0 0 8px !important;}
.bbx .bx-door-bd b{color:var(--ink);}
.bbx .bx-door-bd .bx-edge:empty{display:none;}
.bbx .bx-door-bd .bx-edge{display:inline-flex;align-items:center;gap:8px;}
.bbx .bx-door-bd .bx-edge::before{content:"Our number vs the price";font:800 10.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--bx-faint);}
.bbx .bx-door-bd .bx-analysis{margin-top:10px;}
.bbx .bx-reassure{margin-top:12px;text-align:center;font:500 13px/1.4 var(--ui) !important;letter-spacing:0 !important;text-transform:none !important;color:var(--bx-faint) !important;}
.bbx .bx-reassure i{margin-right:6px;color:var(--bx-green);}
.bbx .bx-upsell .tp-paywall-cta,.bbx .tp-paywall-cta{display:block !important;margin:16px 0 0 !important;padding:22px !important;border-radius:20px !important;border:0 !important;background:var(--bx-black) !important;color:#CFD6E2 !important;text-align:left !important;box-shadow:inset 0 0 0 1px var(--bx-bar-line);}
.bbx .tp-paywall-cta p{margin:0 0 14px;font-size:15px;line-height:1.55;color:#CFD6E2;}
.bbx .tp-paywall-cta .bb-lock{display:none;}
.bbx .tp-paywall-cta .btn-grad img{display:none;}
.bbx .tp-paywall-cta .btn-grad{width:100%;}
.bbx .tp-paywall-fineprint{margin:10px 0 0 !important;font:500 12.5px/1.5 var(--ui) !important;color:#8A96AA !important;}
.bbx .tp-section .tp-paywall-cta{border-radius:0 0 20px 20px !important;margin:0 !important;}

/* every team section -> title outside, one clean panel */
.bbx .tp-section:not(.bx-tkt){background:transparent !important;border:0 !important;border-radius:0 !important;overflow:visible !important;margin:56px 0 0 !important;box-shadow:none !important;}
.bbx .tp-section:not(.bx-tkt) > .tp-section-header{display:block !important;padding:0 !important;margin:0 0 16px !important;border:0 !important;background:transparent !important;}
.bbx .tp-section:not(.bx-tkt) > .tp-section-header .tp-section-eyebrow{display:block;margin-top:6px;font:500 15px/1.4 var(--ui) !important;letter-spacing:0 !important;text-transform:none !important;color:var(--ink-dim) !important;}
.bbx .tp-section:not(.bx-tkt) > .tp-section-body,.bbx .tp-section:not(.bx-tkt) > div > .tp-section-body{background:var(--panel);border:1px solid var(--bx-line);border-radius:20px;padding:22px !important;}
.bbx .tp-section:not(.bx-tkt) > div[style*="overflow-x"]{background:var(--panel);border:1px solid var(--bx-line);border-radius:20px;padding:8px 14px;}
.bbx table.tp-table{width:100%;border-collapse:collapse;font:500 14.5px/1.4 var(--ui);color:var(--ink-dim);}
.bbx .tp-table th{font:800 11px/1.3 var(--ui) !important;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-faint) !important;background:transparent !important;padding:12px 10px 10px !important;border-bottom:1px solid var(--bx-line) !important;text-align:left;}
.bbx .tp-table td{padding:12px 10px !important;border-bottom:1px solid var(--bx-line) !important;color:var(--ink-dim);}
.bbx .tp-table tr:last-child td{border-bottom:0 !important;}
.bbx .tp-table a{color:var(--ink);font-weight:600;}
.bbx .tp-table a:hover{color:var(--action);}
.bbx .tp-section details:not(.bx-door) > summary{cursor:pointer;margin:12px 0 0;font-weight:700;color:var(--action);}
.bbx .tp-stats-row{gap:12px;}
.bbx .tp-stat-box{background:var(--panel-2) !important;border:0 !important;border-radius:14px !important;text-align:left !important;}
.bbx .tp-stat-box-num{font:700 22px/1.1 var(--mono) !important;color:var(--ink) !important;}
.bbx .tp-stat-box-label{font:800 10.5px/1.3 var(--ui) !important;letter-spacing:.1em !important;color:var(--bx-faint) !important;}
.bbx .tp-hit-rate-note{font-size:13px !important;color:var(--bx-faint) !important;}
.bbx .tp-player-grid{display:flex !important;flex-wrap:wrap;gap:8px !important;}
.bbx .tp-player-card{display:inline-flex !important;align-items:center;min-height:44px;padding:0 16px !important;border-radius:999px !important;border:1px solid var(--bx-line) !important;background:var(--panel) !important;}
.bbx .tp-player-card a{color:var(--ink);font-weight:600;font-size:14px;}
.bbx .tp-not-found{background:var(--panel);border:1px solid var(--bx-line);border-radius:20px;}
.bbx .tp-game-card-main{color:var(--ink) !important;}

/* ================= INSIGHTS / ARTICLE PAGE (.bbx-bi) ================= */
.bbx-bi{background:transparent !important;min-height:0 !important;padding-bottom:0 !important;}
.bbx .container-narrow.bx-bi{max-width:none !important;margin:0 !important;padding:0 !important;}
.bbx .bx-art{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"head aside" "body aside";column-gap:48px;align-items:start;margin-top:4px;}
.bbx .bx-a-head{grid-area:head;max-width:760px;margin:0 !important;}
.bbx .bx-a-body{grid-area:body;max-width:760px;min-width:0;}
.bbx .bx-aside{grid-area:aside;align-self:start;display:flex;flex-direction:column;gap:16px;min-width:0;}
.bbx .category-pill{display:inline-flex !important;align-items:center;gap:8px;background:transparent !important;border:0 !important;padding:0 !important;font:800 11.5px/1 var(--ui) !important;letter-spacing:.12em !important;text-transform:uppercase;color:var(--action) !important;}
.bbx .article-title.bx-h1{font-size:clamp(36px,4.2vw,56px) !important;line-height:.95 !important;margin:12px 0 0 !important;-webkit-text-fill-color:currentColor !important;color:var(--ink) !important;background:none !important;}
.bbx .meta-row{margin-top:18px !important;gap:6px 16px !important;font:500 14px/1.4 var(--ui) !important;color:var(--ink-dim) !important;text-transform:none !important;letter-spacing:0 !important;}
.bbx .meta-row i{display:none;}
.bbx .meta-row a{color:var(--ink);font-weight:700;}
.bbx .bx-a-head > p,.bbx .bx-a-head .bb-ai-disclosure{font-size:13.5px !important;color:var(--bx-faint) !important;}
.bbx .hero-image{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:20px !important;border:0 !important;box-shadow:inset 0 0 0 1px var(--bx-line) !important;margin:26px 0 0 !important;}
.bbx .article-intro{margin:26px 0 0 !important;padding:16px 18px !important;border:1px solid var(--bx-line) !important;border-left:4px solid var(--bx-blue) !important;border-radius:16px;background:var(--panel);font-size:17px !important;line-height:1.65 !important;color:var(--ink-dim) !important;}
.bbx .article-intro .bb-answer-dateline{color:var(--ink) !important;}
.bbx .article-body{margin-top:8px;font-size:17px !important;line-height:1.75 !important;color:var(--ink-dim) !important;}
.bbx .article-body > p:first-child{margin-top:20px;}
.bbx .article-body h2{font:700 30px/1.15 var(--ui) !important;font-style:normal !important;text-transform:none !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin:44px 0 0 !important;padding-top:32px;border-top:1px solid var(--bx-line);scroll-margin-top:96px;}
.bbx .article-body h2 + em{display:block;margin:10px 0 4px;font:500 13.5px/1.4 var(--ui);font-style:normal;color:var(--bx-faint);}
.bbx .article-body h3{font:700 22px/1.25 var(--ui) !important;color:var(--ink) !important;}
.bbx .article-body p{margin:16px 0 0 !important;}
.bbx .article-body strong,.bbx .article-body b{color:var(--ink);}
.bbx .article-body a{color:var(--action) !important;border-bottom:0 !important;font-weight:600;}
.bbx .article-body a:hover{color:var(--ink) !important;}
.bbx .inline-cta{margin:28px 0 !important;text-align:left !important;}

/* the top call ticket (VerdictCardHtml inside .bx-vtkt) */
.bbx .bx-vtkt{background:var(--panel);border:1px solid var(--bx-line);border-radius:22px;overflow:hidden;box-shadow:var(--bx-shadow);padding:0 0 20px;}
.bbx .bx-vtkt .bb-verdict-card{border:0 !important;background:transparent !important;border-radius:0 !important;padding:0 20px !important;margin:0 !important;}
.bbx .bx-vtkt .bb-verdict-card > div:first-child{display:flex !important;align-items:center;gap:8px;margin:0 -20px 18px !important;padding:12px 30px 12px 16px !important;width:max-content;max-width:calc(100% + 40px);background:var(--bx-blue) !important;color:#fff !important;
  clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);font:800 11px/1.2 var(--ui) !important;letter-spacing:.12em !important;text-transform:uppercase !important;}
.bbx .bx-vtkt .bb-verdict-card > div:first-child::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;flex:none;}
.bbx .bx-vtkt .bb-verdict-card > div:nth-child(2){font:italic 900 34px/.95 var(--bx-disp) !important;text-transform:uppercase;color:var(--ink) !important;}
.bbx .bx-vtkt .bx-vt-price{display:block;margin-top:8px;font:600 14px/1.4 var(--ui);font-style:normal;text-transform:none;color:var(--ink-dim);}
.bbx .bx-vtkt .bb-verdict-card > div:nth-child(3){margin-top:10px !important;font:500 14px/1.4 var(--ui) !important;color:var(--ink-dim) !important;}
.bbx .bx-vtkt .bx-money,.bbx .bx-vtkt .bx-btn{margin-left:20px;margin-right:20px;width:auto;}
.bbx .bx-vtkt .bx-money b{font-size:20px;}

/* "In this article" */
.bbx .bx-toc{background:var(--panel);border:1px solid var(--bx-line);border-radius:18px;padding:16px 18px;}
.bbx .bx-toc .bx-cap{margin-bottom:6px;}
.bbx .bx-toc a{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--bx-line);color:var(--ink);font:600 14px/1.35 var(--ui);}
.bbx .bx-toc a:first-of-type{border-top:0;}
.bbx .bx-toc a:hover{color:var(--action);}
.bbx .bx-num{width:26px;height:26px;border-radius:50%;background:var(--bx-black);color:#fff;font:700 12px/1 var(--mono);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--bx-bar-line);}
.bbx .bx-toc-p{font:500 12.5px/1 var(--mono);color:var(--bx-faint);}

/* the upsell + plans */
.bbx .pro-upsell{margin:56px 0 0 !important;padding:32px !important;border-radius:28px !important;border:0 !important;background:var(--bx-black) !important;color:#CFD6E2;box-shadow:inset 0 0 0 1px var(--bx-bar-line) !important;}
.bbx .pro-upsell::after{display:none !important;}
.bbx .pro-upsell .bb-lock{display:none;}
.bbx .upsell-title{font-family:var(--bx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase;font-size:clamp(34px,3.6vw,48px) !important;line-height:.95 !important;color:#fff !important;letter-spacing:-.005em !important;}
.bbx .upsell-sub{color:#CFD6E2 !important;font-size:16px;}
.bbx .upsell-sub strong{color:#fff;}
.bbx .upsell-list li{color:#E8EDF5 !important;padding:10px 0;margin:0 !important;border-top:1px solid var(--bx-bar-line);}
.bbx .upsell-list li:first-child{border-top:0;}
.bbx .upsell-list i{color:#34D399 !important;}
.bbx .plan-mini-card{background:#0F1118 !important;border:1px solid var(--bx-bar-line) !important;border-radius:18px !important;box-shadow:none !important;}
.bbx .plan-mini-card.featured{border:2px solid var(--bx-blue) !important;}
.bbx .plan-name{color:#fff !important;}
.bbx .plan-price{font-family:var(--bx-disp) !important;font-style:italic;font-weight:900 !important;font-size:34px !important;color:#fff !important;}
.bbx .plan-mini-card .btn-glass{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:12px;border:1px solid var(--bx-bar-line);background:transparent;color:#fff;font:700 15px/1 var(--ui);}
.bbx .plan-mini-card .btn-neon{width:100%;}
.bbx .trust-line{color:#8A96AA !important;font-size:13px;}

/* related + share */
.bbx .section-head{font-family:var(--bx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase !important;font-size:clamp(30px,3.2vw,44px) !important;line-height:.95 !important;color:var(--ink) !important;letter-spacing:-.005em !important;}
.bbx .related-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important;gap:14px !important;}
.bbx .related-card{background:var(--panel) !important;border:1px solid var(--bx-line) !important;border-radius:18px !important;box-shadow:none !important;}
.bbx .related-card:hover{transform:none !important;border-color:var(--action) !important;}
.bbx .related-title{color:var(--ink) !important;font:700 16.5px/1.3 var(--ui) !important;}
.bbx .related-meta{color:var(--bx-faint) !important;font-size:12.5px;}
.bbx .share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.bbx .share-btn{display:inline-flex !important;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:999px !important;border:1px solid var(--bx-line) !important;background:var(--panel) !important;color:var(--ink) !important;}

/* ---------- phone ---------- */
@media (max-width:900px){
  .bbx{padding:8px 16px 0 !important;}
  .bbx .bx-score-bd{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px;}
  .bbx .bx-side,.bbx .bx-side.bx-home{flex-direction:row !important;text-align:left;}
  .bbx .bx-home .bx-wl{justify-content:flex-start;}
  .bbx .bx-logo,.bbx .bx-side img.bb-face{width:64px !important;height:64px !important;border-radius:16px;padding:9px;}
  .bbx .bx-vs{font-size:22px !important;justify-self:start;}
  .bbx .bx-score-ft{padding:12px 18px;font-size:13.5px;}
  .bbx .bx-bar{flex-wrap:wrap;}
  .bbx .bx-bar-meta{justify-content:flex-start;text-align:left;padding:8px 16px;}
  .bbx .bx-hero2{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px;}
  .bbx .bx-h1{font-size:40px !important;}
  .bbx .mu-hero-sub{font-size:16.5px !important;}
  .bbx .bx-jump{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 2px;scrollbar-width:none;}
  .bbx .bx-jump a{flex:none;}
  .bbx .bx-tkt-pick{font-size:36px !important;}
  .bbx .bx-money b{font-size:20px;}
  .bbx .bx-money > span{padding:10px 12px;}
  .bbx .bx-h2,.bbx .mu-section-header h2,.bbx .obx-hub > h2,.bbx .ps-h,.bbx .tp-section h2,.bbx .pp-section h2,.bbx .bi-section h2{font-size:30px !important;}
  .bbx .mu-section,.bbx .obx-hub.obx-story,.bbx .ps-stats,.bbx .bb-illinks{margin-top:44px !important;}
  .bbx .mu-section-body,.bbx .ps-panel,.bbx .obx-hub.obx-story{padding:16px;}
  .bbx .hub-slate table,.bbx .hub-slate tbody,.bbx .hub-slate tr,.bbx .hub-slate td{display:block;}
  .bbx .hub-slate tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 16px;border-top:1px solid var(--bx-line);}
  .bbx .hub-slate tr:first-child{border-top:0;}
  .bbx .hub-slate td{padding:0 !important;border:0 !important;width:auto !important;}
  .bbx .hub-slate .hub-mktcol{grid-column:1 / -1;}
  .bbx .hub-slate .hub-sel{grid-column:1 / -1;}
  .bbx .hub-slate .hub-pr{text-align:right;}
  /* player phone */
  .bbx .pp-hero-id.bx-id img{width:84px !important;height:84px !important;}
  .bbx .bx-band .pp-stat-value{font-size:21px !important;}
  .bbx .pp-stats-grid.bx-band{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .bbx .pp-stats-grid.bx-band > .pp-stat-card:first-child{grid-column:1 / -1;}
  .bbx .pp-stats-grid.bx-band > .pp-stat-card + .pp-stat-card{border-top:1px solid var(--bx-bar-line) !important;}
  .bbx .pp-stats-grid.bx-band > .pp-stat-card:nth-child(2){border-left:0 !important;}
  .bbx .pp-section{margin-top:44px !important;}
  .bbx .pp-section-body{padding:16px !important;}
  .bbx details.bx-numdoor-tbl{padding:4px 14px 0;}
  /* end player phone */
  /* team phone */
  .bbx .bx-id img.tp-team-logo,.bbx .bx-id img.bx-plate{width:76px !important;height:76px !important;border-radius:18px;padding:10px;}
  .bbx .bx-id{gap:14px !important;}
  .bbx .bx-band{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bbx .bx-band > div{border-left:0;border-top:1px solid var(--bx-bar-line);}
  .bbx .bx-band > div:nth-child(-n+2){border-top:0;}
  .bbx .bx-band > div:nth-child(2n){border-left:1px solid var(--bx-bar-line);}
  .bbx .bx-band-v{font-size:28px;}
  .bbx .bx-lead{font-size:16.5px !important;}
  .bbx .tp-section:not(.bx-tkt){margin-top:44px !important;}
  .bbx .tp-section:not(.bx-tkt) > .tp-section-body{padding:16px !important;}
  .bbx .bx-next-go{margin-left:0;}
  /* end team phone */
  /* insights phone */
  .bbx .bx-art{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "aside" "body";row-gap:20px;}
  .bbx .bx-vtkt .bb-verdict-card > div:nth-child(2){font-size:30px !important;}
  .bbx .article-title.bx-h1{font-size:36px !important;}
  .bbx .article-body{font-size:16px !important;}
  .bbx .article-body h2{font-size:23px !important;margin-top:36px !important;padding-top:26px;}
  .bbx .pro-upsell{padding:24px 18px !important;border-radius:22px !important;}
  .bbx .upsell-grid{grid-template-columns:minmax(0,1fr) !important;gap:24px !important;}
  /* end insights phone */
}