.container--wide{ max-width:1480px; width:min(1480px, calc(100% - 40px)); margin:0 auto; }
@media (max-width:900px){ .container--wide{ width:calc(100% - 24px); } }

.topbar{ position:sticky; top:0; z-index:2000; background:#fff; }
.topbar__inner{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 0; }
.topbar__left{ display:flex; align-items:center; gap:12px; min-width:280px; flex:0 0 auto; }
.topbar__center{ flex:1 1 auto; display:flex; justify-content:center; min-width:0; }
.topbar__center .nav{ display:flex; align-items:center; gap:14px; }
.topbar__right{ display:flex; align-items:center; justify-content:flex-end; gap:10px; min-width:280px; flex:0 0 auto; }

.topbar__burger{
  display:none;
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid #e2e8f0;
  background:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:3001;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  padding:0;
}
.topbar__burger:hover{ background:#f8fafc; border-color:#cbd5e1; }

.burgerLines{ width:20px; height:14px; position:relative; display:block; }
.burgerLines i{
  position:absolute;
  left:0;
  right:0;
  height:2px;
  background:#0f172a;
  border-radius:2px;
  transition:transform .18s ease, opacity .18s ease, top .18s ease;
}
.burgerLines i:nth-child(1){ top:0; }
.burgerLines i:nth-child(2){ top:6px; }
.burgerLines i:nth-child(3){ top:12px; }
.topbar__burger[aria-expanded="true"] .burgerLines i:nth-child(1){ top:6px; transform:rotate(45deg); }
.topbar__burger[aria-expanded="true"] .burgerLines i:nth-child(2){ opacity:0; }
.topbar__burger[aria-expanded="true"] .burgerLines i:nth-child(3){ top:6px; transform:rotate(-45deg); }

.userbar{ display:flex; align-items:center; gap:10px; }
.userbar__who{ display:flex; align-items:center; gap:10px; }
.userbar__name{ font-weight:800; }

.mnavOverlay{
  position:fixed;
  inset:0;
  background:rgba(2,6,23,.55);
  backdrop-filter:blur(2px);
  display:none;
  z-index:3000;
}
.mnavOverlay.is-open{ display:block; }
.mnavPanel{
  position:fixed;
  top:0;
  right:0;
  height:100vh;
  width:min(360px, 92vw);
  background:#fff;
  border-left:1px solid #e2e8f0;
  box-shadow:-18px 0 40px rgba(0,0,0,.18);
  transform:translateX(105%);
  transition:transform .22s ease;
  z-index:3002;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.mnavPanel.is-open{ transform:translateX(0); }
.mnavHead{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:10px; border-bottom:1px solid #e2e8f0; }
.mnavTitle{ font-weight:950; letter-spacing:-.2px; }
.mnavClose{
  width:40px;
  height:40px;
  border-radius:14px;
  border:1px solid #e2e8f0;
  background:#fff;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.mnavLinks{ display:flex; flex-direction:column; gap:8px; padding-top:6px; }
.mnavLinks a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 12px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  text-decoration:none;
  color:#0f172a;
  font-weight:900;
  background:#fff;
}
.mnavLinks a:hover{ background:#f8fafc; border-color:#cbd5e1; }
.mnavLinks a.is-active{ background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; }

@media (max-width:900px){
  .topbar__left{ min-width:0; }
  .topbar__right{ min-width:0; gap:8px; }
  .topbar__center{ justify-content:flex-end; }
  .topbar__center .nav{ display:none; }
  .topbar__burger{ display:inline-flex; }
  .seasonpill{ max-width:46vw; }
  .seasonpill__name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .userbar__name{ display:none; }
}