.lebbs-committee-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.lebbs-committee-card { min-width: 0; overflow: hidden; border-radius: 12px; background: var(--color1, #f4f4f4); box-shadow: 0 3px 15px rgb(0 0 0 / 7%); }
.lebbs-committee-card .lebbs-committee-photo { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: center top; }
.lebbs-committee-placeholder { background: #e6e6e6; }
.lebbs-committee-details { padding: 20px; }
.lebbs-committee-card h2 { margin: 0; padding: 0; color: #111; font-size: 22px; line-height: 1.3; }
.lebbs-committee-card .lebbs-committee-role { margin: 8px 0 16px; padding: 0; color: #333; }
.lebbs-committee-card .lebbs-committee-email { display: inline-block; max-width: 100%; padding: 7px 14px; border-radius: 999px; background: #fff; color: #9c1420; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; text-decoration: none; border: 1px solid #dfc6c8; }
.lebbs-committee-email:hover { text-decoration: underline; }
.lebbs-committee-email:focus-visible { outline: 3px solid #9c1420; outline-offset: 3px; }
@media (max-width: 980px) { .lebbs-committee-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .lebbs-committee-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; } }