/*
 * blocks/icon-grid-aside.css — en-tête aligné à gauche + 1 rangée de 4 colonnes.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.icon-grid-aside__head { text-align: left; max-width: 640px; }
.icon-grid-aside__head .eyebrow { justify-content: flex-start; }

.icon-grid-aside__row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--s8);
	margin-top: var(--s12);
}
.icon-grid-aside__icon { width: 1.8rem; height: 1.8rem; color: var(--teal); }
.icon-grid-aside__col h3 { margin-top: var(--s4); font-size: 1rem; }
.icon-grid-aside__col p { margin-top: var(--s2); font-size: .9rem; color: var(--muted); }

@media (max-width: 900px) {
	.icon-grid-aside__row { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 540px) {
	.icon-grid-aside__row { grid-template-columns: 1fr; }
}