.team-directory-controls { display: grid; grid-template-columns: minmax(0,2fr) minmax(220px,1fr); gap: var(--hub-gap,20px); align-items: end; }
.team-directory-controls p { grid-column: 1 / -1; margin: 0; }
.team-directory-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,var(--hub-card-min,280px)),1fr)); gap: var(--hub-gap,20px); }
html[data-theme] .team-directory-card { display: flex; align-items: flex-start; gap: 16px; margin: 0; min-width: 0; }
.team-directory-avatar { flex: 0 0 56px; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--hub-surface-soft,#f1f4f9); color: var(--hub-text,#202124); font-weight: 600; font-size: 20px; }
html[data-theme=dark] .team-directory-avatar { background: #30343b; color: #e8eaed; }
.team-directory-info { min-width: 0; }
html[data-theme] .team-directory-info h2 { margin: 12px 0 8px; font-size: var(--hub-body-size,16px); font-weight: 600; overflow-wrap: anywhere; }
.team-directory-info p { margin: 4px 0; font-size: var(--hub-small-size,13px); overflow-wrap: anywhere; }
.team-directory-group { margin-bottom: calc(var(--hub-gap,20px)*1.5); }
.team-directory-group > .section-head { margin-bottom: 12px; }
@media(max-width:599px){ .team-directory-controls { grid-template-columns: minmax(0,1fr); } }