/* eqx/info-card — section heading + bordered prose card with optional inset
   callout. Used on long-form info pages (Science of Performance, etc.). */

.eqx-info-card__heading {
	color: var(--eqx-brand-dark);
	font-size: var(--font-h2);
	font-weight: 700;
	margin: 0 0 var(--spacing-md);
}

.eqx-info-card__card {
	background: var(--eqx-warm-white);
	border: 1px solid var(--eqx-border);
	border-radius: var(--radius-card);
	padding: var(--spacing-md) var(--spacing-md) var(--spacing-md);
}

.eqx-info-card__body {
	color: var(--eqx-text-muted);
	font-size: 1rem;
	line-height: 1.65;
}
.eqx-info-card__body p:last-child { margin-bottom: 0; }

/* Inset callout — sits inside the prose card, tinted brand-light surface
   with a teal-tinted icon medallion on the left. */
.eqx-info-card__callout {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--spacing-sm);
	align-items: start;
	background: var(--eqx-brand-light);
	border-radius: var(--radius-card);
	padding: var(--spacing-sm) var(--spacing-md);
	margin-top: var(--spacing-md);
}
.eqx-info-card__callout-icon {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(var(--eqx-brand-dark-rgb), 0.08);
	color: var(--eqx-brand-dark);
	border-radius: var(--radius-pill);
	flex-shrink: 0;
	margin-top: 2px;
}
.eqx-info-card__callout-icon .eqx-icon { width: 18px; height: 18px; }
.eqx-info-card__callout-heading {
	color: var(--eqx-brand-dark);
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 4px;
	line-height: 1.3;
}
.eqx-info-card__callout-body {
	color: var(--eqx-text-muted);
	font-size: 0.9375rem;
	margin: 0;
	line-height: 1.5;
}

.eqx-info-card__quote {
	border-left: 3px solid var(--eqx-brand-accent);
	padding: var(--spacing-xs) var(--spacing-md);
	margin: var(--spacing-md) 0 0;
	color: var(--eqx-text-muted);
	font-style: italic;
	font-size: 0.9375rem;
	line-height: 1.65;
}