/*
 * blocks/process-flow.css — liste verticale icône + texte reliée par une ligne.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.process-flow__list {
	margin-top: var(--s12);
	max-width: 760px;
	margin-inline: auto;
}
.process-flow__row {
	display: flex;
	gap: var(--s5);
	align-items: stretch;
}
.process-flow__icon-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}
.process-flow__icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--teal);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--shadow-card);
	flex-shrink: 0;
}
.process-flow__icon i { width: 20px; height: 20px; }
.process-flow__line {
	flex: 1;
	width: 2px;
	min-height: var(--s5);
	background: #e2e8f0;
	margin-block: var(--s2);
}
.process-flow__content { padding-top: var(--s2); padding-bottom: var(--s8); }
.process-flow__content h3 { font-size: 1rem; }
.process-flow__content p { margin-top: var(--s2); color: var(--muted); }