/* Local deviations from the React reference.
 *
 * Everything else under `react/` is the React app's own CSS, ported verbatim by
 * airce.migration.port_react_css and never hand-edited. This file is the one
 * place where AIRCE has asked for something different, so the two never get
 * confused and any of it can be dropped without touching the port.
 *
 * Loaded after the per-page stylesheet (see airce.website.context), which is why
 * it can override without raising specificity.
 */

/* ── Programmes section height ─────────────────────────────────────────────
 * Requested 2026-08-14: the "Three Programs. One Mission." band is shorter than
 * the reference. React renders it at 1252px on a 1440x900 viewport and the port
 * matched at 1276px; this trims the outer padding and the internal rhythm rather
 * than shrinking the donut or the cards, so nothing inside it changes size. */
.rp-home .programsSection {
  padding-top: 56px;
  padding-bottom: 56px;
}

/* The header block and the rhythm between cards carry most of the slack; the
   donut, the card content and every font size are left exactly as ported. */
.rp-donut .sectionHeader { margin-bottom: 2rem; }
.rp-donut .heading { margin-bottom: 0.6rem; }

.rp-donut .progList { gap: 0.75rem; margin-bottom: 1rem; }
.rp-donut .progCard .progInner { padding: 1rem 1.5rem; }
.rp-donut .progCard .progHeader { margin-bottom: 0.6rem; }