---
/** OverviewList — Background, Problem, Approach, Outcome rows. */
interface Props { rows: { label: string; text: string }[] }
const { rows } = Astro.props;
---
<dl class="overview-list">
  {rows.map((r) => <div class="overview-row">
    <dt set:html={r.label} />
    <dd set:html={r.text} />
  </div>)}
</dl>