.mn-leaders-h1 { color: var(--mn-violet-ink); }

.mn-leaders-list { display: grid; gap: var(--mn-space-6); }

@media (min-width: 861px) {
  .mn-leaders-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.mn-leaders-card {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  gap: 0 var(--mn-space-6); align-items: start;
  padding: var(--mn-space-10);
  background: var(--mn-bg);
  border: 1px solid var(--mn-hairline); border-radius: var(--mn-radius-xl);
}

.mn-leaders-portrait {
  grid-column: 1 / -1;
  width: 96px; height: 96px;
  margin-block-end: var(--mn-space-6);
  display: grid; place-items: center;
  background: var(--mn-surface);
  border: 1px solid var(--mn-hairline);
  border-radius: var(--mn-radius-lg);
  font: 600 var(--mn-text-h3)/1 var(--mn-font-display);
  letter-spacing: .02em;
  color: var(--mn-violet-ink);
  user-select: none;
}

.mn-leaders-name { margin: 0; font: 600 var(--mn-text-h3)/1.15 var(--mn-font-display); letter-spacing: -.02em; color: var(--mn-ink); }
.mn-leaders-role { margin: var(--mn-space-2) 0 0; font: 600 var(--mn-text-sm)/1.4 var(--mn-font-body); color: var(--mn-violet-ink); }

.mn-leaders-bio { grid-column: 1 / -1; display: flex; flex-direction: column; gap: var(--mn-space-4); margin-block-start: var(--mn-space-6); }
.mn-leaders-bio p { margin: 0; font: 400 var(--mn-text-body)/1.66 var(--mn-font-body); color: var(--mn-muted); max-width: 68ch; }

.mn-leaders-li {
  display: grid; place-items: center;
  width: 46px; height: 46px;
  border: 1px solid var(--mn-hairline); border-radius: var(--mn-radius);
  color: var(--mn-ink);
  transition: color var(--mn-dur-xs) ease, border-color var(--mn-dur-xs) ease;
}
.mn-leaders-li svg { width: 22px; height: 22px; display: block; }
.mn-leaders-li:hover, .mn-leaders-li:focus-visible { color: var(--mn-violet); border-color: var(--mn-violet); }

@media (max-width: 640px) {
  .mn-leaders-card { padding: var(--mn-space-6); }
  .mn-leaders-bio { margin-block-start: var(--mn-space-4); }

  .mn-leaders-portrait { width: 72px; height: 72px; margin-block-end: var(--mn-space-4); }
}