/* Stappenlijsten op /montagehandleiding. Genummerde stappen met de nummers
 * als eigen element, zodat de opsomming ook zonder CSS leesbaar blijft en de
 * nummering uit de HTML komt (<ol>) en niet uit een ::before-teller.
 */
.handleiding-stappen{list-style:none;margin:0;padding:0;display:grid;gap:18px}
@media (min-width:760px){.handleiding-stappen{grid-template-columns:1fr 1fr;gap:22px}}
.handleiding-stap{display:flex;gap:16px;padding:22px;border:1px solid var(--border);border-radius:14px;background:#fff}
.handleiding-stap__nr{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:750;font-size:.95rem}
.handleiding-stap h3{margin:0 0 6px;font-size:1.02rem;line-height:1.35}
.handleiding-stap p{margin:0;font-size:.95rem;line-height:1.6}