@charset "utf-8";

/* Team-member rows: a fixed-ish portrait column beside a flexible bio column,
   collapsing to a single stacked column on narrow screens. Mirrors the
   flexbox + custom-property approach used in style.css — no floats, no fixed
   pixel widths on the text column. */
.teamMember {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  border-top: 1px solid var(--line, #cdd8de);
  padding: 16px 0;
}
.teamMember-portrait { flex: 0 0 auto; }
.teamMember-portrait img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
.teamMember-body { flex: 1 1 0; min-width: 0; }
p.headlineTeam {
  font-weight: bold;
  margin: 0 0 10px;
  color: var(--brand, #586a6f);
}

/* Narrow screens: stack the portrait above the bio instead of overflowing. */
@media (max-width: 640px) {
  .teamMember { flex-direction: column; gap: 12px; }
}