/* Leadership tab bar — the only piece of the board / committee pages that
   isn't shared with members.php. Everything else (hero, directory head, card
   grid, notice, empty state, reveal) comes from member_directory_editorial.css
   via the .md-* classes. Pairs with editorial tokens from
   event_gallery_editorial.css. */

.bd-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--eg-line);
  margin-bottom: clamp(30px, 3.5vw, 44px);
}

.bd-tabs a {
  position: relative;
  padding: 6px 0;
  color: var(--eg-muted);
  font: 700 12px var(--eg-sans);
  letter-spacing: .09em;
  text-transform: uppercase;
  text-decoration: none;
}

.bd-tabs a:hover { color: var(--eg-ink); }
.bd-tabs a.is-active { color: var(--eg-wine); }
.bd-tabs a.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -19px;
  height: 2px;
  background: var(--eg-wine);
}

@media (max-width: 760px) {
  .bd-tabs { gap: 4px 20px; }
}