/* Team-grid, kaarten en lid-profiel. Thema-neutraal (kleuren erven van de context);
   een site of het CMS-designsysteem (ds-overview_*) kan alles overriden. */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin:1.5rem 0}
.team-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.5rem 1rem}
.team-card--link{color:inherit;text-decoration:none;border-radius:.5rem;transition:transform .15s ease,box-shadow .15s ease}
.team-card--link:hover,
.team-card--link:focus-visible{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.10)}
.team-card__avatar{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:hsl(var(--avatar-hue,210) 55% 92%);color:hsl(var(--avatar-hue,210) 45% 30%);font-weight:700;font-size:1.4rem}
.team-card__name{margin:0;font-size:1.05rem}
.team-card__function{margin:0;opacity:.7;font-size:.9rem}

/* Lid-profiel (eigen detailpagina — de doorklik-bestemming). */
.team-member{max-width:52rem;margin:1.5rem auto}
.team-member__header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}
.team-member__avatar{width:6rem;height:6rem;font-size:1.7rem;flex:none}
.team-member__heading{min-width:0}
.team-member__name{margin:0;font-size:1.6rem}
.team-member__function{margin:.25rem 0 0;opacity:.7}
.team-member__intro{font-size:1.1rem;line-height:1.6}
.team-member__content{line-height:1.7}