.committee-section{ padding:90px 0 40px; }

.members-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.member-card{
  background:#fff;
  border-radius:var(--radius-md);
  padding:28px 20px;
  text-align:center;
  box-shadow:var(--shadow-sm);
  border:1px solid var(--border);
  transition:transform .3s ease, box-shadow .3s ease;
}
.member-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); }

.member-card img{
  width:88px; height:88px;
  border-radius:50%;
  object-fit:cover;
  margin:0 auto 14px;
  border:3px solid var(--bg-soft);
}

.member-card h3{ font-size:16.5px; margin-bottom:4px; }

.member-role{
  display:inline-block;
  font-size:12px;
  font-weight:600;
  color:var(--green-600);
  background:var(--bg-soft);
  padding:3px 12px;
  border-radius:999px;
  margin-bottom:8px;
}

.member-profession{ font-size:13px; color:var(--ink-3); margin-bottom:8px; }

.member-phone{
  display:inline-block;
  font-size:13px;
  color:var(--green-700);
  text-decoration:none;
  font-weight:500;
}
.member-phone:hover{ text-decoration:underline; }

/* ---- Volunteers ---- */
.volunteers-section{ padding:40px 0 90px; }

.volunteer-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}

.volunteer-card{
  background:#fff;
  border-radius:var(--radius-md);
  padding:22px 14px;
  text-align:center;
  box-shadow:var(--shadow-sm);
  border:1px solid var(--border);
}

.volunteer-card img{
  width:64px; height:64px;
  border-radius:50%;
  object-fit:cover;
  margin:0 auto 10px;
}

.volunteer-card h4{ font-size:14px; margin-bottom:4px; }
.v-city{ font-size:12px; color:var(--ink-3); margin-bottom:6px; }
.v-contribution{
  display:inline-block;
  font-size:11px;
  color:var(--green-600);
  background:var(--bg-soft);
  padding:3px 10px;
  border-radius:999px;
}

.no-volunteer{
  grid-column:1/-1;
  text-align:center;
  color:var(--ink-3);
  padding:30px 0;
}

@media (max-width:1000px){
  .members-grid{ grid-template-columns:repeat(3,1fr); }
  .volunteer-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:640px){
  .members-grid{ grid-template-columns:repeat(2,1fr); }
  .volunteer-grid{ grid-template-columns:repeat(2,1fr); }
}