/* Small public portraits, grouped by cohort and role; disclosures remain inline. */
.members-filter-bar{display:flex;gap:8px;position:relative;z-index:3;margin-bottom:16px}
.members-filter-bar>.column-filter{width:180px;max-width:calc(50% - 4px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.members-filter-bar .column-filter-trigger{min-height:24px;font-size:11px;line-height:16px;padding:4px 8px}
.members-groups{display:grid;gap:22px}
.members-group{min-width:0}
.members-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:7px;margin-bottom:9px}
.members-group-heading h2{margin:0;font-size:11px;line-height:1.5;font-weight:400}
.members-group-heading>span{font-size:10px;line-height:1.5;color:var(--muted)}
.members-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:16px;align-items:start}
.member-card{min-width:0}
.member-card-trigger{--member-photo-bg:#eeeeec;--member-photo-ink:#d5d5d2;--member-photo-note:#666;--member-meta-ink:var(--muted);display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:start;width:100%;padding:6px;background:#fff;color:var(--ink);text-align:left;transition:background-color .12s,color .12s}
.member-card-trigger:focus-visible{outline:2px solid #000;outline-offset:2px}
.member-card[data-open=true]>.member-card-trigger>.member-card-caption,.member-card-trigger:focus-visible>.member-card-caption{--member-meta-ink:#fff;background:#000;color:#fff}
.member-portrait{display:block;position:relative;width:108px;max-width:100%;aspect-ratio:1 / 1.15;overflow:hidden;background:var(--member-photo-bg);color:var(--member-photo-ink)}
.member-portrait-svg{display:block;width:100%;height:100%;fill:currentColor}
.member-portrait-caption{position:absolute;left:4px;bottom:4px;padding:1px 2px;font-size:7px;line-height:1.4;font-weight:400;color:var(--member-photo-note);background:var(--member-photo-bg)}
.member-card-caption{display:grid;grid-template-columns:minmax(0,1fr) 9px;gap:3px 6px;min-width:0;padding:3px 5px 5px;align-content:start;transition:background-color .12s,color .12s}
.member-card-name{font-size:12px;line-height:1.4;font-weight:400;overflow-wrap:anywhere}
.member-card-role{grid-column:1 / -1;font-size:11px;line-height:1.45;color:var(--member-meta-ink);overflow-wrap:anywhere}
.member-card-field{grid-column:1 / -1;margin-top:4px;font-size:10px;line-height:1.45;color:var(--member-meta-ink);overflow-wrap:anywhere}
.member-card-indicator{position:relative;width:9px;height:9px;align-self:center;justify-self:end;color:currentColor}
.member-card-indicator::before,.member-card-indicator::after{content:"";position:absolute;left:0;top:4px;width:9px;height:1px;background:currentColor;transition:transform var(--duration) var(--ease)}
.member-card-indicator::after{transform:rotate(90deg)}
.member-card[data-open=true] .member-card-indicator::after{transform:rotate(0)}
.member-card>.row-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--duration) var(--ease),opacity 300ms}
.member-card>.row-panel>.panel-clip{min-height:0;overflow:hidden;visibility:hidden;transition:visibility var(--duration)}
.member-card[data-open=true]>.row-panel{grid-template-rows:1fr;opacity:1}
.member-card[data-open=true]>.row-panel>.panel-clip{visibility:visible}
.member-card-details{margin-top:10px;padding:10px 6px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}
.member-card-details p+p{margin-top:10px}
.member-card-meta{margin:16px 0 0;font-size:11px;line-height:1.55}
.member-card-meta>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;margin-top:5px}
.member-card-meta dt,.member-card-meta dd{margin:0}
.member-card-meta dt{color:var(--muted)}
.member-card-details .member-card-note{margin-top:15px;font-size:10px;color:var(--quiet)}
.members-empty{margin:0;padding:18px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(hover:hover){.member-card-trigger:hover>.member-card-caption{--member-meta-ink:#fff;background:#000;color:#fff}}
@media(max-width:1000px){.members-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px}}
@media(max-width:700px){.members-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}}
@media(max-width:600px){
  .members-filter-bar{margin-bottom:14px}
  .members-filter-bar>.column-filter{width:calc(50% - 4px);max-width:none}
  .members-groups{gap:18px}
  .member-card-trigger{grid-template-columns:100px minmax(0,1fr);gap:8px}
  .member-portrait{width:100px}
  .member-card-role{font-size:10px}
  .member-card-field{font-size:9px}
  .member-card-meta{font-size:10px}
  .member-card-meta>div{grid-template-columns:38px minmax(0,1fr);gap:6px}
}
@media(max-width:480px){
  .member-card-trigger{grid-template-columns:minmax(0,1fr);gap:7px}
  .member-card-caption{padding-top:0;gap:2px 6px}
  .member-card-field{margin-top:1px}
}
