/* Étapes numérotées. */

.step-item {
    position: relative;
}

/*
  Le numéro est un filigrane décoratif : contour vert sur remplissage vert
  pâle. Il est marqué `aria-hidden` côté HTML — l'ordre de lecture est déjà
  porté par l'ordre du document.
*/
.step-num {
    font-family: var(--font-serif);
    font-size: 2.2rem;
    color: var(--c-green-pale);
    -webkit-text-stroke: 1px var(--c-green-leaf);
    line-height: 1;
    display: block;
    margin-bottom: var(--sp-3);
}

.step-item h3 {
    margin-bottom: 6px;
    font-size: 1.15rem;
}

.step-item p {
    color: var(--text-soft);
    font-size: 0.95rem;
}