/* Étapes ou formats en cartes numérotées (remplace les anciens schémas en image).
   Les couleurs passent par les jetons de la page : home-premium (--text-1, --amber…)
   ou formation-3-mois (--ink, --accent…), donc elles suivent aussi le thème sombre. */
.content-steps{max-width:1100px;margin:1.5rem auto 2rem;padding:clamp(1.25rem,3vw,2.5rem);border:1px solid var(--border,#e5e7eb);border-radius:16px;background:var(--bg-card,var(--surface,#fff))}
.content-steps .content-steps__kicker{margin:0 0 .5rem;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pd-accent-ink,var(--accent-text,#3a41c9))}
.content-steps .content-steps__title{hyphens:manual;margin:0 0 .4rem;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.2;color:var(--text-1,var(--ink,#0c0f1a))}
.content-steps .content-steps__lead{margin:0 0 1.5rem;color:var(--text-2,var(--muted,#4b5265))}
.content-steps__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:1rem;margin:0;padding:0;list-style:none;counter-reset:step}
.content-steps__item{counter-increment:step;padding:1.25rem;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--bg-surface,var(--soft,#f7f8fc))}
.content-steps__item::before{content:counter(step,decimal-leading-zero);display:inline-block;margin-bottom:.75rem;padding:.2rem .55rem;border-radius:8px;font-weight:700;font-size:.9rem;color:#fff;background:var(--pd-accent,var(--accent,#4f57e6))}
.content-steps .content-steps__item h3{hyphens:manual;margin:0 0 .4rem;font-size:1.05rem;line-height:1.3;color:var(--text-1,var(--ink,#0c0f1a))}
.content-steps .content-steps__item p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-2,var(--muted,#4b5265))}
.content-steps .content-steps__note{margin:1.25rem 0 0;font-size:.85rem;color:var(--text-3,var(--faint,#626a7d))}