/*
 * trust-stats.css
 * Independent clean-room implementation from a written spec (no source
 * file was read to produce this). A 4-column stat-card strip that
 * collapses to 2, then 1, column on narrower viewports.
 *
 * Each rule pairs a short class name with its `.ocf-` prefixed twin so
 * either naming convention resolves to the same styling.
 */

.trust-stats,
.ocf-trust-stats {
	padding-block: clamp(2rem, 5vw, 3rem);
	background: var(--ocf-bg-alt);
}

.trust-stats-grid,
.ocf-trust-stats__grid {
	gap: var(--grid-gap);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	display: grid;
}

.trust-stat,
.ocf-trust-stat {
	background: var(--ocf-bg);
	border-radius: var(--card-radius);
	border: var(--card-border-width) solid var(--card-border-color);
	padding: 1rem;
}

.trust-stat-value,
.ocf-trust-stat__value {
	line-height: 1;
	font-weight: var(--font-weight-bold);
	font-size: var(--font-h2-size);
	color: var(--ocf-heading);
	display: block;
}

.trust-stat-label,
.ocf-trust-stat__label {
	font-size: var(--font-label-size);
	color: var(--ocf-label);
	margin-top: 0.35rem;
	display: block;
}

@media (max-width: 800px) {
	.trust-stats-grid,
	.ocf-trust-stats__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 520px) {
	.trust-stats-grid,
	.ocf-trust-stats__grid {
		grid-template-columns: 1fr;
	}
}