/* Matches the LeagueZone Next.js mobile tab bar, no JavaScript injection. */
.lz-research-tabs{display:none}
#lz-player-leagues[hidden]{display:none!important}
@media(max-width:767px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .lz-research-tabs{
    position:fixed;inset-inline:0;bottom:0;z-index:70;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    padding:6px 4px calc(7px + env(safe-area-inset-bottom,0px));
    background:#0a1b34;border-top:1px solid rgba(255,255,255,.2);
    box-shadow:0 -4px 22px rgba(0,0,0,.3);
  }
  .lz-research-tabs a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;min-width:0;min-height:54px;
    border-radius:6px;color:#d2ddec;
    font-size:10px;line-height:1.15;font-weight:700;text-align:center;
    text-decoration:none;
  }
  .lz-research-tabs a[aria-current="page"]{color:#f1d478;background:rgba(241,212,120,.11)}
  .lz-research-tabs svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
  .lz-research-tabs a:focus-visible{outline:2px solid #f1d478;outline-offset:-2px}
}
@media print{.lz-research-tabs{display:none!important}}

/* Cross-tool navigation matches src/components/research/ResearchSectionNav.tsx. */
.lz-research-sections{position:relative;z-index:30;background:#0d1a2c;border-bottom:1px solid rgba(255,255,255,.15)}
.lz-research-strip-inner{display:flex;gap:12px;min-width:0;align-items:center}
.lz-research-label{flex-shrink:0;color:#e2bc71;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;padding-right:16px;border-right:1px solid rgba(255,255,255,.15)}
.lz-research-tool-links{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:10px 0;scrollbar-width:thin;scrollbar-color:#45566b transparent}
.lz-research-tool-links a{display:block;flex-shrink:0;white-space:nowrap;color:#c4d0df;font-weight:650;font-size:12px;border-radius:8px;padding:8px 12px}
.lz-research-tool-links a:hover{color:#fff;background:rgba(255,255,255,.1)}
.lz-research-tool-links a[aria-current="page"]{color:#f2d79c;background:rgba(226,188,113,.15);box-shadow:inset 0 0 0 1px rgba(226,188,113,.5)}
.lz-research-tool-links a:focus-visible{outline:2px solid #e2bc71;outline-offset:1px}
@media(max-width:1000px){.lz-research-label{display:none}}
@media print{.lz-research-sections{display:none!important}}


/* Global LeagueZone menu, mirroring the React platform navigation. */
.site-head{position:sticky;top:0;z-index:100;border-bottom:3px solid #1a52d9;background:#0a1c48}
.head-inner{min-height:80px}
.lz-site-navigation{margin-left:auto;position:relative;min-width:0}
.lz-site-navigation>.lz-nav-toggle{display:none;list-style:none}
.lz-site-navigation>.lz-nav-toggle::-webkit-details-marker,.lz-site-group>summary::-webkit-details-marker{display:none}
.lz-site-links{display:flex;align-items:center;gap:4px}
.lz-site-home,.lz-site-group>summary{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:10px 9px;border-radius:8px;color:#d0d9e8;font-size:13px;font-weight:700;cursor:pointer;list-style:none}
.lz-site-home:hover,.lz-site-group>summary:hover,.lz-site-group[open]>summary{color:#fff;background:rgba(255,255,255,.15)}
.lz-site-group{position:relative}
.lz-site-popover{display:none;position:absolute;left:0;top:100%;z-index:110;min-width:255px;max-height:75dvh;overflow-y:auto;padding:10px;grid-template-columns:minmax(0,1fr);gap:3px;border:1px solid #32415b;border-radius:12px;background:#0d1a2c;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.lz-site-group:last-child .lz-site-popover,.lz-site-group:nth-last-child(2) .lz-site-popover{left:auto;right:0}
.lz-site-popover.wide{width:430px;grid-template-columns:repeat(2,minmax(0,1fr))}
.lz-site-group[open]>.lz-site-popover,.lz-site-group:focus-within>.lz-site-popover{display:grid}
@media(hover:hover){.lz-site-group:hover>.lz-site-popover{display:grid}}
.lz-site-popover a{padding:11px 12px;border-radius:7px;color:#e1e9f5;font-size:13px;font-weight:650;line-height:1.3}
.lz-site-popover a:hover,.lz-site-popover a:focus-visible{color:#f2d79c;background:rgba(226,188,113,.15)}
.lz-site-navigation a:focus-visible,.lz-site-navigation summary:focus-visible{outline:2px solid #e2bc71;outline-offset:2px}
@media(max-width:1279px){
 .head-inner{display:flex;align-items:center;min-height:72px;justify-content:space-between}
 .wordmark{margin:0}
 .lz-site-navigation>.lz-nav-toggle{display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #536680;border-radius:8px;color:#fff;font-size:13px;font-weight:700;cursor:pointer}
 .lz-site-links{display:none;position:absolute;top:100%;right:0;width:min(340px,calc(100vw - 30px));max-height:72dvh;overflow-y:auto;flex-direction:column;align-items:stretch;gap:3px;padding:12px;background:#0d1a2c;border:1px solid #40506b;border-radius:12px;box-shadow:0 18px 50px #0009}
 .lz-site-navigation[open]>.lz-site-links{display:flex}
 .lz-site-home,.lz-site-group>summary{display:flex;min-height:44px;justify-content:space-between;padding:11px 12px}
 .lz-site-popover,.lz-site-popover.wide{position:static;width:100%;min-width:0;max-height:none;box-shadow:none;border:0;border-radius:4px;padding:5px;grid-template-columns:1fr;background:#14243a}
 .lz-site-group:hover>.lz-site-popover{display:none}
 .lz-site-group[open]>.lz-site-popover,.lz-site-group:focus-within>.lz-site-popover{display:grid}
}
@media(max-width:600px){.head-inner{display:flex;padding-top:10px;padding-bottom:10px}}
@media print{.lz-site-navigation{display:none!important}}

/* Brand and global menu match the Next.js header across every Research route. */
.brand-image{display:block;width:48px;height:48px;border-radius:12px;object-fit:contain}
.wordmark{font-weight:900;font-size:19px;letter-spacing:-.3px;color:#fff;white-space:nowrap}
.site-head{box-shadow:inset 0 -4px 0 #1a52d9}
.lz-site-group[data-active="true"]>summary,.lz-site-home[aria-current="page"]{background:rgba(255,255,255,.15);color:#fff}
.lz-site-popover a[aria-current="page"]{background:rgba(226,188,113,.15);color:#f2d79c}
@media(max-width:600px){.wordmark{font-size:16px}.brand-image{width:44px;height:44px}}

/* Tools pages have the global Tools menu, not the secondary Research strip. */
body[data-site-section="tools"] .lz-research-sections{display:none}