/* Page Membres — utilise exclusivement les variables du thème ZOO Web. */
.member-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));
  gap:var(--content-gap,17px);
  align-items:stretch;
}
.member-card{
  min-height:224px;
  padding:25px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  border:1px solid var(--line);
  border-radius:var(--panel-radius,13px);
  background:var(--panel);
  text-align:center;
  transition:transform .24s ease,border-color .24s ease,background-color .24s ease;
}
.member-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--accent) 4%,var(--panel));
}
.member-card .avatar{
  width:94px;
  height:94px;
  font-size:34px;
  border:0;
  outline:0;
  box-shadow:none;
}
.member-card strong{
  width:100%;
  font-size:16px;
  line-height:1.35;
  overflow-wrap:anywhere;
  font-weight:670;
}
.home-member-avatar{display:inline-flex;align-items:center;justify-content:center}
.home-member-avatars:empty{display:none}
.home-member-avatar .avatar{border:0;box-shadow:none}
@media(max-width:690px){
 .member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .member-card{min-height:184px;padding:20px 10px;gap:12px}
 .member-card .avatar{width:76px;height:76px;font-size:29px}
 .member-card strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.member-card{transition:none}.member-card:hover{transform:none}}