.nga-leadership { --nga-accent: #006b86; --nga-ink: #172e3b; --nga-muted: #52636d; --nga-line: #dce5e9; color: var(--nga-ink); container: nga-leadership / inline-size; }
.nga-leadership .nga-leadership-group { margin: 0 0 48px; }
.nga-leadership .nga-category-title { margin: 56px 0 28px; padding-bottom: 14px; border-bottom: 2px solid var(--nga-line); color: var(--nga-ink); }
.nga-leadership .nga-group-title { margin: 0 0 22px; color: var(--nga-ink); }
.nga-leadership .nga-leader-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 24px; }
.nga-leadership .nga-leader-card { box-sizing: border-box; min-width: 0; padding: 22px; overflow: hidden; border: 1px solid var(--nga-line); border-radius: 8px; background: #fff; }
.nga-leadership .nga-headshot { display: block; width: 140px; max-width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: center; margin: 0; border: 0; border-radius: 4px; }
.nga-leadership .nga-headshot-placeholder { display: flex; align-items: center; justify-content: center; background: #eaf1f4; color: var(--nga-accent); font-size: 3rem; font-weight: 600; text-transform: uppercase; }
.nga-leadership .nga-leader-details { min-width: 0; padding: 18px 0 0; overflow-wrap: anywhere; }
.nga-leadership .nga-leader-name { margin: 0 0 7px; color: var(--nga-ink); font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
.nga-leadership .nga-leader-details p { margin: 0 0 6px; font-size: 1rem; line-height: 1.5; }
.nga-leadership .nga-title { color: var(--nga-accent); font-weight: 600; }
.nga-leadership .nga-company { padding-top: 8px; font-weight: 600; }
.nga-leadership .nga-company-title { color: var(--nga-muted); }
.nga-leadership .nga-group-director .nga-leader-card { display: grid; grid-template-columns: 140px 1fr; gap: 22px; align-items: center; }
.nga-leadership .nga-group-director .nga-leader-details { padding: 0; }
/* Two 280px columns plus the shared 24px gutter; no implicit columns on narrow layouts. */
@container nga-leadership (min-width: 584px) { .nga-leadership .nga-group-director .nga-leader-card { grid-column: span 2; } }
@container nga-leadership (max-width: 480px) { .nga-leadership .nga-group-director .nga-leader-card { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .nga-leadership .nga-group-director .nga-leader-card { grid-template-columns: 1fr; } }