/* .page-header / .page-title base styling now lives in the shared
   css/components/page-header.css, left-aligned there. */

.team-tier {
  padding: var(--space-8) 0;
}

.team-tier__heading {
  font-size: var(--font-size-h2);
  font-weight: bold;
  text-align: left;
  margin-bottom: var(--space-8);
  color: var(--color-accent);
}

/* This page runs on the site's default dark scheme (no light-scheme
   override), so .member-card__name's light-mode text color (near-black,
   from css/components/team-grid.css) needs to be reset back to white —
   otherwise names are invisible against the dark background. */
.team-tier .member-card__name {
  color: var(--color-white);
}

.team-tier .member-card__role {
  color: rgba(255, 255, 255, 0.6);
}