/* Team roster — plain list, no grid/table look, no numbering.
   Desktop: a two-column aligned list (name / role) so every row
   lines up cleanly instead of being stretched edge-to-edge.
   Mobile: stacks name above role. */

.team-list {
  max-width: 820px; margin: 0 auto;
}
.team-row {
  display: grid;
  grid-template-columns: 260px 1fr;
  align-items: baseline;
  column-gap: 32px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(96,200,255,0.15);
}
.team-row:first-child { border-top: 1px solid rgba(96,200,255,0.15); }
.tm-name {
  font-family: var(--head); font-weight: 300; font-size: 15px;
  color: var(--white); letter-spacing: 0.02em;
}
.tm-role {
  font-family: var(--head); font-weight: 300; font-size: 10px;
  color: var(--teal); letter-spacing: 0.12em; text-transform: uppercase;
}

@media (max-width: 700px) {
  .team-row {
    grid-template-columns: 1fr;
    row-gap: 4px;
    padding: 16px 0;
  }
}