.mission-intro { max-width: var(--width-reading); }
.mission-principles { display: grid; gap: var(--space-7); }
.mission-principles article { border-block-start: 1px solid var(--color-border); padding-block-start: var(--space-5); }
.mission-principles p { color: var(--color-muted); margin-block-start: var(--space-4); }
.vision { max-width: var(--width-reading); }
@media (min-width: 48rem) {
  /* Center the intact content stack; intrinsic height protects short viewports. */
  .mission-intro { max-width: var(--width-content); display: grid; align-content: center; min-height: 70svh; padding-block: calc(var(--section-space) + var(--space-5)); }
  .section[aria-labelledby="concept-title"] { padding-block: calc(var(--section-space) + var(--space-5)); }
  /* Keep the label separate and center title/intro within their shared row. */
  .section-intro { row-gap: 0; }
  .section-intro > div { display: grid; grid-template-rows: subgrid; grid-row: span 2; align-self: stretch; align-items: center; }
  .section-intro > .lead { grid-column: 2; grid-row: 2; align-self: center; }
  .mission-principles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}