/* M13 — Cartes empilées (Atelier WP, 09/10/2026). La classe .m13-pile est
   posée par m13-pile.js, seulement si les cartes tiennent dans l'écran. */
@media (prefers-reduced-motion: no-preference) {
	.m13-pile { display: block !important; padding: 0 !important; background: none !important; border: 0 !important; }
	.m13-pile::before, .m13-pile::after { display: none !important; }
	.m13-pile > * {
		position: sticky !important;
		top: calc(var(--m13-haut, 24px) + var(--m13-i, 0) * 14px);
		margin: 0 0 0.9rem !important;
		padding: 1.4rem 1.6rem !important;
		background: var(--m13-fond, #FFFFFF);
		border: 1px solid color-mix(in srgb, currentColor 14%, transparent) !important;
		border-radius: 18px;
		box-shadow: 0 18px 40px -26px rgba(0, 0, 0, 0.45);
		transform-origin: 50% 0;
		transition: transform 0.12s linear;
		grid-column: auto !important;
		opacity: 1 !important;
	}
	.m13-pile > :last-child { margin-bottom: 0 !important; }
	.m13-pile > *::after { display: none !important; }
	/* Étapes sur rail du socle : le numéro passe dans la carte. */
	.ac-steps--rail.m13-pile .ac-step { padding-left: 5.6rem !important; }
	.ac-steps--rail.m13-pile .ac-step::before { left: 1.4rem; top: 1.15rem; }
	/* Registre : chaque étape devient une carte blanche. */
	.rg-etapes-rail.m13-pile .rg-etape { border: 1px solid var(--rg-ligne, rgba(0, 0, 0, 0.12)) !important; background: #FFFFFF; border-radius: var(--rg-r, 16px); }
	/* Lumière & or : étapes centrées, sans les liens dorés intermédiaires. */
	.lo-etapes-liste.m13-pile .lo-etape { text-align: center !important; }
	.lo-etapes-liste.m13-pile .lo-etape::before { display: none !important; }
}