/* =========================================================================
   COMPONENTE — STAT
   ========================================================================= */

.moinho-stat {
	display: flex;
	flex-direction: column;
	gap: var(--moinho-space-3xs);
}

.moinho-stat__valor {
	display: flex;
	align-items: baseline;
	gap: 0.06em;
	margin: 0;

	font-family: var(--moinho-font-display);
	font-size: var(--moinho-role-h1-size);
	font-weight: var(--moinho-weight-black);
	line-height: var(--moinho-leading-tight);
	letter-spacing: var(--moinho-tracking-tight);
	color: var(--moinho-color-primary-readable);

	/* Números tabulares: a largura não dança durante a contagem. */
	font-variant-numeric: tabular-nums;
	max-inline-size: none;
}

.moinho-stat__sufixo {
	font-size: 0.5em;
	color: var(--moinho-color-secondary-readable);
}

.moinho-stat__rotulo {
	margin: 0;
	font-size: var(--moinho-role-small-size);
	font-weight: var(--moinho-weight-medium);
	color: var(--moinho-surface-fg);
	max-inline-size: 20ch;
}

.moinho-stat__fonte {
	margin: 0;
	font-size: var(--moinho-role-label-size);
	color: var(--moinho-surface-fg-muted);
	max-inline-size: 24ch;
}