/* ============================================================
   WHAT WE DO — page-specific (Carnegie statement system)
   PageHead (main.css) → 4 alternating stmt sections →
   3-step "how it works" → cta-band. Only minimal extras here;
   layout/colour come from main.css (.stmt, .steps, .cta-band).
   ============================================================ */

/* Instrument feature lists under each stmt-dek */
.instr-points {
  list-style: none; margin: 0 0 24px; padding: 0;
  display: flex; flex-direction: column; gap: 9px;
  max-width: 34em;
}
.instr-points li {
  position: relative; padding-left: 22px;
  font-family: var(--font-body);
  font-size: 14.5px; line-height: 1.5;
  color: var(--ink-600);
}
.instr-points li::before {
  content: "—";
  position: absolute; left: 0; top: 0;
  color: var(--teal-600);
}
.instr-points.on-dark li { color: rgba(255,255,255,.78); }
.instr-points.on-dark li::before { color: var(--teal-400); }

/* "How it works" heading block above the steps grid */
.steps-head { margin-bottom: 40px; max-width: 30em; }
.steps-head .stmt-head { margin-bottom: 0; }

@media (max-width: 860px) {
  .steps-head { margin-bottom: 30px; }
}