/**
 * CYPURGE — étapes : en colonnes (démarche NIS-2) ou empilées (méthode DORA).
 *
 * L'étape elle-même est décrite dans globals/components.css ; ce fichier ne
 * porte que ses deux dispositions.
 */

body.cypurge .c-steps--row {
	display: grid;
	gap: 1.75rem;
	margin-top: 3rem;
}

@media (min-width: 768px) {
	body.cypurge .c-steps--row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.cypurge .c-steps--row .c-step__title {
	margin-top: 2rem;
}

body.cypurge .c-steps--row .c-step__text {
	margin-top: 0.75rem;
}

body.cypurge .c-steps--stack {
	display: grid;
	align-content: start;
	gap: 1.25rem;
}

body.cypurge .c-steps--stack .c-step__title {
	margin-top: 1rem;
}

body.cypurge .c-steps--stack .c-step__text {
	margin-top: 0.5rem;
}