/* CMP Guarantee Grid — about-page values cards (offers.ts). */
.cmp-ggrid__head { margin-bottom: 2.5rem; }
.cmp-ggrid__eyebrow { margin-bottom: 1rem; }
.cmp-ggrid__heading { margin: 0; }

.cmp-ggrid__cards { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 640px) { .cmp-ggrid__cards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .cmp-ggrid__cards { grid-template-columns: repeat(3, 1fr); } }

.cmp-ggrid__card {
	position: relative;
	border: 1px solid var(--border-hair);
	border-radius: var(--r-md);
	background: var(--card);
	box-shadow: var(--shadow-rest);
	padding: 1.5rem;
}
.cmp-ggrid__icon {
	display: grid; place-items: center;
	width: 2.5rem; height: 2.5rem;
	border-radius: 50%;
	background: var(--amber-tint);
	color: var(--amber-text);
	margin-bottom: 1rem;
}
.cmp-ggrid__index {
	position: absolute; top: 1.5rem; right: 1.5rem;
	font-family: var(--font-mono); font-size: 0.72rem; font-variant-numeric: tabular-nums; color: var(--muted);
}
.cmp-ggrid__label { margin: 0 0 0.5rem; font-family: var(--font-display); font-size: 1.05rem; font-weight: 600; line-height: 1.2; color: var(--ink); }
.cmp-ggrid__detail { margin: 0; font-size: 0.9rem; line-height: 1.6; color: var(--muted); }