/* Public member portraits and biographies share the website's type roles. */
.members-page .members-directory { padding-block:var(--section-space); }
.members-page .members-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--layout-gap);
}
.members-page .member-card { min-width:0; }
.members-page .member-portrait {
  aspect-ratio:1;
  overflow:hidden;
  background:#e5e7e0;
}
.members-page .member-portrait img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.members-page .member-information { padding-top:var(--flow-medium,20px); }
.members-page .member-information h2 { margin:0; }
body.comparison-site.members-page #main .member-position {
  margin:8px 0 0;
  color:var(--sage-ink);
}
.members-page .member-biography { margin-top:var(--flow-small,12px); border-block:1px solid var(--line); }
.members-page .member-biography summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:48px;
  padding-block:12px;
  cursor:pointer;
  list-style:none;
  font:400 var(--type-action)/1.5 var(--font-sans);
  color:var(--ink);
}
.members-page .member-biography summary::-webkit-details-marker { display:none; }
.members-page .member-biography summary>span { font-size:22px; line-height:1; color:var(--lavender-ink); }
.members-page .member-biography[open] summary>span { transform:rotate(45deg); }
.members-page .member-biography summary:hover { color:var(--lavender-ink); }
.members-page .member-biography summary:focus-visible { outline:2px solid var(--lavender-ink); outline-offset:4px; }
.members-page .member-biography ul { margin:0; padding:4px 0 20px 20px; }
.members-page .member-biography li+li { margin-top:8px; }
.members-page .members-interns { padding-bottom:var(--section-space); }
.members-page .members-interns>h2 { margin:0 0 var(--flow-medium,20px); }
.members-page .interns-list { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.members-page .intern-record {
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px minmax(0,1.5fr);
  align-items:baseline;
  gap:var(--flow-medium,20px);
  padding-block:var(--row-space,20px);
  border-bottom:1px solid var(--line);
}
.members-page .intern-record>* { margin:0; min-width:0; }
body.comparison-site.members-page #main .intern-position { color:var(--sage-ink); }
@media(max-width:1100px) {
  .members-page .members-grid { gap:var(--layout-gap); }
  .members-page .intern-record { grid-template-columns:minmax(0,1fr) 80px minmax(0,1.5fr); gap:20px; }
}
@media(max-width:760px) {
  .members-page .members-grid { grid-template-columns:minmax(0,1fr); gap:var(--layout-gap); }
  .members-page .member-information { padding-top:20px; }
  .members-page .member-biography { margin-top:12px; }
  .members-page .intern-record { grid-template-columns:minmax(0,1fr) auto; gap:8px 20px; padding-block:20px; }
  .members-page .intern-record>p:last-child { grid-column:1/-1; }
}
@media print {
  .members-page .members-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
  .members-page .member-card { break-inside:avoid; }
  .members-page .member-biography:not([open])>*:not(summary) { display:block; }
}