/* team.css — /team/ page: team-member card grid (page-scoped via $page_extra_css). */
/* Page-local styles for team-member cards */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
  gap: var(--space-4-5);
  margin-top: var(--space-6);
}
.team-card {
  position: relative;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-base);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: border-color var(--dur-quick) ease, box-shadow var(--dur-quick) ease, transform var(--dur-quick) ease;
}
.team-card:hover { border-color: var(--accent2); box-shadow: 0 6px 18px rgba(var(--black-rgb),0.06); transform: translateY(-2px); }
.team-card__chip {
  position: absolute; top: 0.6rem; right: 0.6rem;
  font-size: 0.6875rem; font-weight: 600; letter-spacing: var(--tracking-loose); text-transform: uppercase;
  background: rgba(var(--brand-red-rgb), 0.1); color: var(--accent);
  padding: var(--space-2xs) var(--space-2); border-radius: var(--radius-full);
}
.team-card__avatar {
  width: 7rem; height: 7rem; border-radius: 50%;
  background: var(--accent2); color: var(--text-inverse);
  display: flex; align-items: center; justify-content: center;
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 2rem; font-weight: 700; letter-spacing: var(--tracking-loose);
  overflow: hidden;
  flex-shrink: 0;
}
.team-card__avatar img { width: 100%; height: 100%; object-fit: cover; }
.team-card__initials { line-height: 1; }
.team-card__name {
  margin: var(--space-4) 0 var(--space-2xs);
  font-size: 1.0625rem; font-weight: 600; letter-spacing: var(--tracking-base);
  color: var(--text);
}
.team-card__role {
  font-size: 0.8125rem; color: var(--accent); font-weight: 600;
  letter-spacing: var(--tracking-loose); text-transform: uppercase;
}
.team-card__bio {
  margin: var(--space-3-4) 0 0;
  font-size: 0.875rem; line-height: 1.55; color: var(--muted);
  flex: 1;
}
.team-card__actions {
  margin-top: var(--space-4); padding-top: var(--space-4);
  border-top: 1px solid var(--line);
  width: 100%;
  display: flex; flex-wrap: wrap; gap: var(--space-1-2); justify-content: center;
}
.team-btn {
  display: inline-flex; align-items: center; gap: var(--space-1-2);
  font-size: 0.8rem; font-weight: 600; line-height: 1;
  padding: var(--space-2) var(--space-3); border-radius: var(--radius-md);
  text-decoration: none; border: 1px solid var(--line);
  color: var(--text); background: var(--surface);
  transition: background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast);
}
.team-btn:hover { transform: translateY(-1px); }
.team-btn--call { background: var(--accent); color: var(--text-inverse); border-color: var(--accent); }
.team-btn--call:hover { opacity: 0.92; }
.team-btn--ghost:hover { border-color: var(--accent2); color: var(--accent); }
.team-card__lines {
  margin-top: var(--space-2-3); font-size: 0.78rem; color: var(--muted); line-height: 1.55;
  word-break: break-word;
}
.team-card__lines a { color: var(--muted); text-decoration: none; }
.team-card__lines a:hover { color: var(--accent); text-decoration: underline; }
/* WhatsApp brand mark beside a cell number — brand green, not a theme token */
.team-card__lines .team-card__wa { display: inline-flex; vertical-align: -0.125em; margin-left: 0.2rem; color: #25d366; } /* lint-ok: WhatsApp brand green */
.team-card__lines .team-card__wa:hover { color: #1da851; } /* lint-ok: WhatsApp brand green */
/* Section spacing */
.dept-section { padding: var(--space-7) 0 var(--space-6-7); }
.dept-section:first-of-type { padding-top: var(--space-6); }
.dept-section__lede {
  margin-top: var(--space-3); max-width: 42rem;
  color: var(--muted); font-size: 0.9375rem; line-height: 1.6;
}