/* Shared secondary navigation for major event guides.
   Event heroes retain their own visual identity; guide tabs use one sitewide system. */
.mpt-section-nav.mpt-section-nav{
  --mpt-guide-nav-bg:#3b185f;
  --mpt-guide-nav-text:#fff;
  --mpt-guide-nav-active:#f2c14e;
  --mpt-guide-nav-active-text:#2d183f;
  --mpt-guide-nav-hover:rgba(255,255,255,.16);
  position:relative;
  top:auto;
  z-index:20;
  width:100%;
  max-width:none;
  margin:0;
  padding:10px max(16px,calc((100% - 1180px)/2));
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  overflow:visible;
  border:0;
  border-top:1px solid rgba(255,255,255,.12);
  border-radius:0;
  background:var(--mpt-guide-nav-bg);
  box-shadow:none;
}

body[data-mpt-guide="covh"] .mpt-section-nav.mpt-section-nav{
  --mpt-guide-nav-bg:#173b2b;
  --mpt-guide-nav-hover:rgba(255,255,255,.13);
}

.mpt-section-nav.mpt-section-nav>a,
.mpt-section-nav.mpt-section-nav>button{
  appearance:none;
  flex:0 0 auto;
  min-width:0;
  min-height:44px;
  margin:0;
  padding:10px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  box-shadow:none;
  color:var(--mpt-guide-nav-text);
  font:inherit;
  font-size:.96rem;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  touch-action:manipulation;
}

.mpt-section-nav.mpt-section-nav>a:hover,
.mpt-section-nav.mpt-section-nav>button:hover,
.mpt-section-nav.mpt-section-nav>a:focus-visible,
.mpt-section-nav.mpt-section-nav>button:focus-visible{
  background:var(--mpt-guide-nav-hover);
  color:var(--mpt-guide-nav-text);
  text-decoration:none;
}

.mpt-section-nav.mpt-section-nav>a[aria-current],
.mpt-section-nav.mpt-section-nav>a.active,
.mpt-section-nav.mpt-section-nav>button[aria-current],
.mpt-section-nav.mpt-section-nav>button.active{
  border-color:var(--mpt-guide-nav-active);
  background:var(--mpt-guide-nav-active);
  color:var(--mpt-guide-nav-active-text);
}

.mpt-section-nav.mpt-section-nav>a:focus-visible,
.mpt-section-nav.mpt-section-nav>button:focus-visible{
  outline:3px solid #fff;
  outline-offset:2px;
}

@media(max-width:700px){
  .mpt-section-nav.mpt-section-nav{
    position:relative;
    top:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:10px 12px 12px;
  }

  .mpt-section-nav.mpt-section-nav>a,
  .mpt-section-nav.mpt-section-nav>button{
    width:100%;
    white-space:normal;
  }
}

@media(max-width:380px){
  .mpt-section-nav.mpt-section-nav{
    grid-template-columns:1fr;
  }
}