/*
 * A figure: big value, small label. Shared by kimaai/stat and
 * kimaai/stat-live.
 */

.kimaai-stat {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--1);
	padding: var(--wp--preset--spacing--8);
}

.kimaai-stat > * {
	margin-block: 0;
}

.kimaai-stat__value {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--display);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: var(--wp--custom--letter-spacing--display);
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.kimaai-stat__label {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

/* Four figures or more in a row: one size smaller, so words fit. */
.wp-block-kimaai-stats:has(> :nth-child(4)) .kimaai-stat__value {
	font-size: var(--wp--preset--font-size--title-l);
}

/* Editor only: the hint of a live figure below its threshold. */
.kimaai-stat__hint {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--medium);
	letter-spacing: 0;
}