/**
 * Nexza Number Cards widget.
 */

.nx-truth-head {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(24px, 3vw, 48px);
	align-items: end;
	margin-bottom: clamp(40px, 4vw, 56px);
}

.nx-truth-head > * {
	min-width: 0;
}

.nx-truth-head h2,
.nx-truth-head p {
	margin: 0;
}

.nx-truth-head p {
	color: var(--nx-muted-dark);
}

.nx-truth-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(16px, 2vw, 32px);
}

.nx-truth-card {
	min-width: 0;
	padding: clamp(24px, 3vw, 40px);
	border: 1px solid var(--nx-line-2);
	border-radius: 24px;
	background: var(--nx-ink);
	transition: border-color .3s;
}

.nx-truth-card:hover {
	border-color: var(--nx-copper);
}

.nx-truth-num {
	font-size: clamp(72px, 8vw, 128px);
	font-weight: 700;
	letter-spacing: -.05em;
	line-height: .9;
	color: var(--nx-copper);
}

.nx-truth-card h3 {
	margin: 10px 0 22px;
	font-size: 22px;
	letter-spacing: -.02em;
	line-height: 1.2;
	color: var(--nx-sand);
}

.nx-truth-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nx-truth-card li {
	padding: 14px 0;
	border-top: 1px solid var(--nx-line-2);
	color: var(--nx-muted-dark);
}

/* Tablets: two cards per row, the third spans both. */
@media (max-width: 1080px) {
	.nx-truth-grid {
		grid-template-columns: 1fr 1fr;
	}

	.nx-truth-card:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

@media (max-width: 860px) {
	.nx-truth-head,
	.nx-truth-grid {
		grid-template-columns: 1fr;
	}

	.nx-truth-head {
		gap: 16px;
	}
}