/*
 * blocks/icon-trio-centered.css — 3 colonnes icône/titre/desc, rangée centrée.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.section--white.icon-trio-centered { background: #fff; }

.icon-trio-centered__row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--s8);
	margin-top: var(--s10);
	max-width: 100%;
	margin-inline: auto;
}
.icon-trio-centered__col { text-align: center; }
.icon-trio-centered__icon { width: 1.8rem; height: 1.8rem; color: var(--teal); margin-bottom: var(--s3); }
.icon-trio-centered__col h3 { font-size: 1.05rem; }
.icon-trio-centered__col p { margin-top: var(--s2); color: var(--muted); font-size: .92rem; }

@media (max-width: 700px) {
	.icon-trio-centered__row { grid-template-columns: 1fr; }
}