/* ============================================================
   Team-Profil / -Übersicht
   Pages: #team-profile (/team/{slug}), #team (/team)
   ============================================================ */

/* Profil: Foto neben Kopfdaten (ab Tablet), darunter Vita + Kontakt. */
#team-profile > article > header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-block);
  align-items: flex-start;
  margin-block-end: var(--gap-section);
}
#team-profile .avatar {
  width: 12rem;
  height: 12rem;
  object-fit: cover;
  border-radius: var(--radius, 0.5rem);
  flex: none;
}
#team-profile .meta { display: grid; gap: var(--space-2); }
#team-profile .role { color: var(--color-text-muted); font-weight: 600; }
#team-profile .location { color: var(--color-text-muted); }
#team-profile .vita { margin-block-end: var(--gap-section); }
#team-profile address {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  font-style: normal;
}
#team-profile .back { margin-block-start: var(--gap-block); }

/* Übersicht: Karten-Grid, ganze Karte klickbar. */
#team .team-index [data-card-deck] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  gap: var(--gap-block);
}
#team .team-card {
  display: grid;
  gap: var(--space-2);
  text-align: center;
  text-decoration: none;
  color: inherit;
}
#team .team-card .avatar {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--radius, 0.5rem);
}
#team .team-card h2 { font-size: var(--text-lg, 1.125rem); }