/* ==========================================================================
   page-team.css — one component the system lacks.
   The team page needs a compact two-column credits list: a name that stays in
   the body serif (people's names should not be uppercased the way .glossary dt
   and .press-list .outlet uppercase their labels) beside a short line of
   contribution. Built only from existing tokens; hairline rows, no fills.
   ========================================================================== */

.credits{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.credits li{
  display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--sp-5);
  padding:var(--sp-4) 0;border-bottom:1px solid var(--rule);align-items:baseline;
}
.credits .who{font-size:1rem;color:var(--ink);line-height:1.35}
.credits .what{font-size:var(--t-small);color:var(--ink-dim);line-height:1.5}
.credits .what em{font-style:italic}
.credits-note{margin:var(--sp-4) 0 0;font-size:var(--t-small);color:var(--ink-dim)}

@media (max-width:640px){
  .credits li{grid-template-columns:1fr;gap:var(--sp-1)}
}