/* [2026-10-31 SEO hubs31] Below-the-fold guide on the NFL / NHL / WNBA hub pages. Scoped .bbhg. Site tokens, light + dark + OS-light. */
.bbhg{--hg-disp:'Barlow Condensed','Arial Narrow','Roboto Condensed',sans-serif;--hg-faint:#7D8BA0;--hg-line:rgba(255,255,255,.10);--hg-green:#34D399;
  box-sizing:border-box;width:100%;max-width:1200px;margin:56px auto 48px;padding-left:24px;padding-right:24px;color:var(--ink);font-family:var(--ui,'Geist','Inter',sans-serif);text-align:left;}
:root[data-theme="light"] .bbhg{--hg-faint:#5A6B82;--hg-line:rgba(16,24,40,.12);--hg-green:#0B7D4F;}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) .bbhg{--hg-faint:#5A6B82;--hg-line:rgba(16,24,40,.12);--hg-green:#0B7D4F;}}
.bbhg *{box-sizing:border-box;}
.bbhg .hg-kick{margin:0 0 10px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--action);}
.bbhg .hg-h2{margin:0 0 16px;font-family:var(--hg-disp);font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(34px,3.8vw,54px);line-height:.9;letter-spacing:-.005em;color:var(--ink);}
.bbhg .hg-h2 span{color:var(--action);}
.bbhg .hg-h3{margin:44px 0 14px;font-family:var(--hg-disp);font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(30px,3.1vw,44px);line-height:.9;letter-spacing:-.005em;color:var(--ink);}
.bbhg .hg-lead{margin:0 0 26px;max-width:40em;font-size:18px;line-height:1.55;color:var(--ink-dim);}
.bbhg .hg-note{margin:14px 0 0;max-width:72ch;font-size:15px;line-height:1.6;color:var(--ink-dim);}
.bbhg .hg-note a,.bbhg .hg-lead a,.bbhg .hg-step a,.bbhg .hg-faq a{color:var(--action);text-decoration:underline;text-underline-offset:2px;}
.bbhg .hg-card{border:1px solid var(--hg-line);border-radius:14px;overflow:hidden;background:var(--panel);}
.bbhg .hg-bar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;min-height:44px;padding:0 16px 0 0;background:#05070B;border-bottom:1px solid #1B2230;}
.bbhg .hg-tag{display:flex;align-items:center;padding:0 26px 0 16px;background:#2563EB;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);}
.bbhg .hg-src{display:flex;align-items:center;min-width:0;text-align:right;font-family:var(--mono,monospace);font-size:11.5px;color:#8A96AA;}
.bbhg .hg-t{width:100%;margin:0;border-collapse:collapse;background:none;font-size:15.5px;}
.bbhg .hg-t th,.bbhg .hg-t td{padding:13px 16px;border:0;border-bottom:1px solid var(--hg-line);background:none;text-align:left;vertical-align:middle;line-height:1.35;color:var(--ink);overflow-wrap:break-word;}
.bbhg .hg-t thead th{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--hg-faint);}
.bbhg .hg-t tbody tr:last-child td{border-bottom:0;}
.bbhg .hg-t tbody td:first-child{font-weight:600;}
.bbhg .hg-t .hg-dim{color:var(--ink-dim);font-weight:400;}
.bbhg .hg-t .n{font-family:var(--mono,monospace);font-variant-numeric:tabular-nums;white-space:nowrap;}
.bbhg .hg-t .m{font-family:var(--mono,monospace);font-variant-numeric:tabular-nums;font-weight:700;color:var(--hg-green);white-space:nowrap;}
.bbhg .hg-t .odds-val,.bbhg .hg-note .odds-val{font-family:var(--mono,monospace);font-variant-numeric:tabular-nums;}
.bbhg .hg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;}
.bbhg .hg-stat{min-width:0;padding:16px;border:1px solid var(--hg-line);border-radius:14px;background:var(--panel);}
.bbhg .hg-stat b{display:block;font-family:var(--mono,monospace);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.1;color:var(--hg-green);}
.bbhg .hg-stat span{display:block;margin-top:6px;font-size:14.5px;line-height:1.4;color:var(--ink-dim);}
.bbhg .hg-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;}
.bbhg .hg-step{min-width:0;padding:18px;border:1px solid var(--hg-line);border-radius:14px;background:var(--panel);font-size:15.5px;line-height:1.5;color:var(--ink-dim);}
.bbhg .hg-step b{display:block;margin-bottom:6px;font-size:16.5px;font-weight:700;color:var(--ink);}
.bbhg .hg-step i{display:block;margin-bottom:8px;font-family:var(--hg-disp);font-style:italic;font-weight:900;font-size:34px;line-height:1;color:var(--action);}
.bbhg .hg-faq details{border-top:1px solid var(--hg-line);}
.bbhg .hg-faq details:last-of-type{border-bottom:1px solid var(--hg-line);}
.bbhg .hg-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 4px;cursor:pointer;list-style:none;font-size:18px;font-weight:600;line-height:1.35;color:var(--ink);}
.bbhg .hg-faq summary::-webkit-details-marker{display:none;}
.bbhg .hg-faq summary::after{content:"+";flex:none;color:var(--hg-faint);font-size:24px;font-weight:400;line-height:1;}
.bbhg .hg-faq details[open] summary::after{content:"\2013";}
.bbhg .hg-faq summary:focus-visible,.bbhg .hg-tile:focus-visible{outline:2px solid var(--action);outline-offset:3px;}
.bbhg .hg-faq details p{margin:0;padding:0 4px 22px;max-width:72ch;font-size:16px;line-height:1.6;color:var(--ink-dim);}
.bbhg .hg-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;}
.bbhg .hg-tile{display:block;min-width:0;min-height:88px;padding:16px;border:1px solid var(--hg-line);border-radius:14px;background:var(--panel);text-decoration:none;}
.bbhg .hg-tile:hover{border-color:var(--action);}
.bbhg .hg-tile b{display:block;font-size:16px;font-weight:700;line-height:1.3;color:var(--ink);}
.bbhg .hg-tile span{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:var(--ink-dim);}
@media (max-width:900px){
  .bbhg{margin:40px auto 40px;padding-left:16px;padding-right:16px;}
  .bbhg .hg-lead{font-size:16.5px;}
  .bbhg .hg-steps,.bbhg .hg-stats{grid-template-columns:minmax(0,1fr);}
  .bbhg .hg-tiles{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .bbhg .hg-tiles{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;}
  .bbhg .hg-tiles::-webkit-scrollbar{display:none;}
  .bbhg .hg-tile{flex:0 0 82%;max-width:320px;scroll-snap-align:start;}
  .bbhg .hg-t{font-size:14.5px;}
  .bbhg .hg-t th,.bbhg .hg-t td{padding:11px 10px;}
  .bbhg .hg-faq summary{font-size:16.5px;}
  .bbhg .hg-bar{padding-right:10px;}
  .bbhg .hg-src{font-size:10.5px;}
}