/* Grouped discovery navigation. The existing mobile drawer remains intact. */
.bv-grouped-nav { display:flex; align-items:center; gap:5px; position:relative; color:#f2f2ed; font-size:13px; }
.bv-grouped-nav button,.bv-grouped-nav a { font:inherit; -webkit-tap-highlight-color:transparent; }
.bv-grouped-nav button { cursor:pointer; }
.bv-grouped-nav :focus-visible { outline:2px solid #f2d347; outline-offset:3px; }
.bv-nav-home,.bv-nav-trigger { display:flex; align-items:center; gap:9px; justify-content:center; min-height:44px; padding:10px 16px; border:0; border-radius:6px; background:transparent; color:#c8ccc9; text-decoration:none; white-space:nowrap; }
.bv-nav-trigger>span { font-size:16px; line-height:1; transition:transform .15s; }
.bv-nav-trigger[aria-expanded="true"]>span { transform:rotate(180deg); }
.bv-nav-trigger:hover,.bv-nav-home:hover { color:#fff; background:#232628; }
.bv-nav-trigger.is-current,.bv-nav-home[aria-current] { color:#f2d347; }
.bv-nav-trigger[aria-expanded="true"] { color:#f5d85f; background:#302c1b; }
.bv-nav-panel { position:absolute; z-index:70; top:calc(100% + 10px); left:0; width:min(810px,calc(100vw - 215px)); max-height:calc(100dvh - 105px); overflow:auto; border:1px solid #494639; border-radius:12px; background:#171a1c; box-shadow:0 22px 70px #0009; }
.bv-nav-panel-head { display:flex; align-items:center; justify-content:space-between; padding:19px 22px; border-bottom:1px solid #343735; background:linear-gradient(110deg,#25251c,#181b1d 80%); }
.bv-nav-panel-head b { display:block; font-size:15px; letter-spacing:-.2px; }
.bv-nav-panel-head small { display:block; margin-top:5px; font-size:11px; color:#adb5ad; }
.bv-nav-close { width:44px; height:44px; border:1px solid #474a43; background:#ffffff05; color:#d5d8d1; border-radius:7px; font-size:24px!important; }
.bv-nav-columns { display:grid; grid-template-columns:142px 210px minmax(0,1fr); padding:16px 0; }
.bv-nav-sports { display:flex; flex-direction:column; gap:4px; padding:0 12px; border-right:1px solid #333735; }
.bv-nav-sports button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:65px; padding:9px 5px; border:1px solid transparent; border-radius:7px; color:#adb4b0; background:transparent; font-size:10px; }
.bv-nav-sport-mark { font-size:13px; letter-spacing:.6px; font-weight:800; color:#d5dcd5; }
.bv-nav-sports button[aria-pressed="true"] { background:#302e20; border-color:#665a2e; color:#f2dc82; }
.bv-nav-sports button[aria-pressed="true"] .bv-nav-sport-mark { color:#f2d347; }
.bv-nav-categories { padding:0 13px; border-right:1px solid #333735; }
.bv-nav-categories button { display:flex; width:100%; align-items:center; justify-content:space-between; gap:10px; padding:14px 11px; min-height:65px; background:transparent; border:0; border-radius:6px; color:#ccd2cd; text-align:left; }
.bv-nav-categories b { display:block; font-size:13px; font-weight:650; }
.bv-nav-categories small { display:block; color:#a8b0ab; font-size:10px; margin-top:5px; }
.bv-nav-categories button[aria-pressed="true"] { background:#2b2d28; color:#f2d347; box-shadow:inset 2px 0 #f2d347; }
.bv-nav-category-note { padding:20px 11px 6px; margin:0; font-size:10px; line-height:1.7; color:#939e96; }
.bv-nav-tools { padding:3px 16px 9px; min-width:0; }
.bv-nav-eyebrow { margin:0 5px 13px; color:#f1d563; font-size:10px; letter-spacing:.9px; text-transform:uppercase; line-height:1.6; }
.bv-nav-eyebrow span { color:#a8b0a8; }
.bv-nav-tool-grid { display:grid; gap:3px; }
.bv-nav-tool-grid a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 10px; min-height:59px; border-radius:6px; text-decoration:none; color:#eef0eb; }
.bv-nav-tool-grid b { display:block; font-size:13px; font-weight:600; }
.bv-nav-tool-grid small { display:block; color:#a5afa7; margin-top:5px; font-size:11px; line-height:1.5; }
.bv-nav-tool-grid a>span:last-child { color:#8e998e; }
.bv-nav-tool-grid a[aria-current] { background:#292b25; box-shadow:inset 2px 0 #f2d347; }
.bv-nav-sports button:hover,.bv-nav-categories button:hover,.bv-nav-tool-grid a:hover { background:#2b302d; }
.bv-grouped-nav-mobile { display:none; }
@media(min-width:1101px) {
  .sidebar>nav:not(.bv-grouped-nav) { display:none; }
  .sidebar>.bv-grouped-nav { display:flex; flex:1; overflow:visible; }
}
@media(max-width:1100px) {
  .sidebar>.bv-grouped-nav-desktop { display:none; }
  .topbar { flex-wrap:wrap; align-content:center; gap:0 12px; height:110px; padding-top:0; padding-bottom:0; }
  .topbar>.header-tools { height:58px; }
  .topbar>.bv-grouped-nav-mobile { display:flex; flex:0 0 100%; height:50px; order:10; gap:4px; border-top:1px solid #2d312e; }
  .bv-nav-trigger,.bv-nav-home { font-size:12px; padding:8px 13px; }
  .bv-nav-panel { width:min(810px,calc(100vw - 44px)); top:100%; max-height:calc(100dvh - 130px); }
  .scores-sticky-controls { top:110px; }
  .research-page { --research-sticky-top:110px; }
}
@media(max-width:800px) {
  .topbar { height:calc(110px + env(safe-area-inset-top)); padding-top:env(safe-area-inset-top); }
  .bv-nav-panel { width:calc(100vw - 30px); max-height:calc(100dvh - 194px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .scores-sticky-controls { top:calc(110px + env(safe-area-inset-top)); }
  .research-page { --research-sticky-top:calc(110px + env(safe-area-inset-top)); }
}
@media(max-width:600px) {
  .bv-grouped-nav-mobile { justify-content:space-between; }
  .bv-nav-trigger,.bv-nav-home { padding:8px 10px; gap:6px; font-size:12px; }
  .bv-nav-columns { display:flex; flex-direction:column; padding:0; }
  .bv-nav-panel-head { padding:11px 14px; }
  .bv-nav-panel-head small { font-size:10px; }
  .bv-nav-sports { flex-direction:row; gap:5px; overflow-x:auto; padding:10px; border-right:0; border-bottom:1px solid #333735; }
  .bv-nav-sports button { flex:1 0 63px; min-height:56px; font-size:9px; }
  .bv-nav-sport-mark { font-size:11px; }
  .bv-nav-categories { display:flex; gap:4px; padding:9px 10px; border-right:0; border-bottom:1px solid #333735; }
  .bv-nav-categories button { min-height:44px; justify-content:center; padding:10px 8px; }
  .bv-nav-categories b { font-size:12px; }
  .bv-nav-categories small,.bv-nav-categories button>span:last-child,.bv-nav-category-note { display:none; }
  .bv-nav-categories button[aria-pressed="true"] { box-shadow:inset 0 -2px #f2d347; }
  .bv-nav-tools { padding:16px 12px; }
  .bv-nav-tool-grid a { min-height:63px; }
}
@media(prefers-reduced-motion:reduce) { .bv-nav-trigger>span { transition:none; } }

@media(max-width:370px) { .topbar>.bv-grouped-nav-mobile { gap:0; } .bv-nav-trigger,.bv-nav-home { padding:8px 7px; gap:4px; font-size:11px; } }
