/* WBPA Members index — page-specific styles.
   Hero and .members-grid/.member-card come from wbpa-base.css. */

.members-grid { grid-template-columns: repeat(4, 1fr); gap: 2.25rem 1.5rem; }

/* Keep the white box, lose the accent border, and give the business
   name below the person's name some breathing room. */
.members-grid .member-card { border: none; box-shadow: 0 2px 10px rgba(0,0,0,0.12); }
.members-grid .member-card h3 { margin-top: 0.4rem; }
.members-grid .member-card p { margin-top: 0.3rem; }
@media (max-width: 1100px) { .members-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .members-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .members-grid { grid-template-columns: 1fr; } }