.member-list { display: grid; gap: .75rem; }
.member-card { display: grid; grid-template-columns: auto 1fr auto auto; gap: 1rem; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 1rem; }
.member-card h4, .member-card p { margin: .1rem 0; }
.member-avatar { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #dcebe5; color: #164b3b; font-weight: 800; }
.helper { font-size: .86rem; color: #60716b; }
@media (max-width: 760px) { .member-card { grid-template-columns: auto 1fr; } .member-card .badge, .member-card small { grid-column: 2; } }