/* eqx/icon-feature-row */

.eqx-icon-feature-row__header { text-align: center; max-width: 720px; margin: 0 auto var(--spacing-lg); }
.eqx-icon-feature-row__sub    { color: var(--eqx-text-muted); }

.eqx-icon-feature-row__grid {
	list-style: none; margin: 0; padding: 0;
	display: grid;
	gap: var(--spacing-md);
	grid-template-columns: repeat(var(--eqx-ifr-cols, 3), 1fr);
}
@media (max-width: 900px) { .eqx-icon-feature-row__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .eqx-icon-feature-row__grid { grid-template-columns: 1fr; } }

/* Card — white tile with light border, icon top-left, heading beside it,
   body wrapping under the heading aligned to its left edge.            */
.eqx-icon-feature-row__item {
	background: var(--eqx-warm-white);
	border: 1px solid var(--eqx-border);
	border-radius: var(--radius-card);
	padding: var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) + 4px);
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: var(--spacing-sm);
	row-gap: 6px;
	align-items: start;
}

.eqx-icon-feature-row__icon {
	grid-column: 1;
	grid-row: 1;
	width: 36px; height: 36px;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(var(--eqx-brand-accent-rgb), 0.14);
	color: var(--eqx-brand-accent);
	border-radius: var(--radius-pill);
	flex-shrink: 0;
	margin-top: 2px;
}
.eqx-icon-feature-row__icon .eqx-icon { width: 18px; height: 18px; }

.eqx-icon-feature-row__heading {
	grid-column: 2;
	grid-row: 1;
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--eqx-brand-dark);
	margin: 0;
	align-self: center;
	line-height: 1.3;
}

.eqx-icon-feature-row__body {
	grid-column: 2;
	grid-row: 2;
	margin: 0;
	color: var(--eqx-text-muted);
	font-size: 0.9375rem;
	line-height: 1.55;
}

/* Dark-section variant: keep cards white-on-dark readable. */
.eqx-bg--dark .eqx-icon-feature-row__item {
	background: rgba(255, 255, 255, 0.06);
	border-color: var(--eqx-border-dark);
}
.eqx-bg--dark .eqx-icon-feature-row__heading { color: var(--eqx-warm-white); }
.eqx-bg--dark .eqx-icon-feature-row__body    { color: rgba(255, 255, 255, 0.78); }