/**
 * Floating stat-card band — overlaps the section above it via a fixed
 * negative top margin (the design's own visual trick, intentionally NOT
 * a Customizer setting — see inc/customizer/spacing-config.php's comment
 * on 'about_stats'). Only each card's internal padding is admin-adjustable
 * (side/top/bottom → --spacing-about_stats-*). Values confirmed directly
 * from Design Refrance's `.ab-stats`/`.st`/`.sn`/`.sl` in TSI About.html.
 */

.stat-band {
	position: relative;
	z-index: 2;
	margin: -56px auto 0;
	max-width: 820px;
	background: var(--color-paper);
	border: 1px solid var(--color-line);
	border-radius: 14px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	overflow: hidden;
}

.stat-band .st {
	padding: var(--spacing-about_stats-top) var(--spacing-about_stats-side) var(--spacing-about_stats-bottom);
	border-right: 1px solid var(--color-line);
	text-align: center;
}

.stat-band .st:last-child {
	border-right: 0;
}

.stat-band .sn {
	font-family: var(--font-secondary);
	font-weight: 900;
	font-size: 46px;
	letter-spacing: -1px;
	color: var(--color-primary-deep);
	line-height: 1;
}

.stat-band .sl {
	font-size: 12.5px;
	color: var(--color-ink-soft);
	letter-spacing: .4px;
	margin-top: 10px;
	line-height: 1.4;
}

@media (max-width: 768px) {
	.stat-band {
		margin: -48px 16px 0;
	}

	.stat-band .st {
		padding-top: var(--spacing-about_stats-top);
		padding-bottom: var(--spacing-about_stats-bottom);
		padding-inline: 8px;
	}

	/* Reference file defines .sn at 24px then immediately redefines it at
	   34px again further down the same mobile block — same specificity,
	   later rule wins in a real browser, so 34px is the actual rendered
	   mobile size despite the file visually suggesting 24px first. */
	.stat-band .sn {
		font-size: 34px;
	}

	.stat-band .sl {
		font-size: 10px;
		margin-top: 6px;
	}
}