/* Bloc cnd/key-figures — signature §8 (accueil). Racine scopée .cnd.cnd-key-figures (correctif
   post-QA). Grille en auto-fit : remplit toute la largeur disponible, que le bloc compte 3 ou 4
   chiffres (plus de colonnes figées à 4 qui laissaient un vide avec 3 éléments). */
.cnd.cnd-key-figures {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: var(--s-4);
}
/* Correctif contre-QA (même motif que numbered-steps) : sous 390px, l'auto-fit ci-dessus passe à
   2 colonnes ; avec 3 chiffres clés, la dernière carte se retrouvait seule sur sa ligne. Grille
   fixée à 2 colonnes explicites sur ce palier, dernière carte étirée pleine largeur quand le total
   est impair. */
@media (max-width: 390px) {
	.cnd.cnd-key-figures {
		grid-template-columns: repeat(2, 1fr);
	}
	.cnd.cnd-key-figures .cnd-key-figure:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}
.cnd.cnd-key-figures .cnd-key-figure {
	border-top: 2px solid var(--line-2);
	padding-top: var(--s-3);
	text-align: center;
}
.cnd.cnd-key-figures .cnd-key-figure__label {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: var(--t-caption);
	color: var(--ink);
	text-decoration: none;
	margin: 0 0 var(--s-2);
}
.cnd.cnd-key-figures .cnd-key-figure__number {
	font-family: var(--font-display);
	font-weight: 500;
	font-size: 32px;
	/* --brand (contre-QA v0.2.6, point 4a) : texte coloré sur fond clair = --brand-strong. */
	color: var(--brand-strong);
	margin: 0;
	font-feature-settings: "tnum";
}
.cnd.cnd-key-figures .cnd-key-figure__caption {
	font-family: var(--font-body);
	font-size: var(--t-caption);
	color: var(--ink-3);
	margin: var(--s-1) 0 0;
}

/* ---------- Affichage « fiches » (v0.5.0, maquette ACACED : bandeau de 4 faits, chiffres de
   l'examen) : cartes blanches bordées, alignées à gauche. ---------- */
.cnd.cnd-key-figures.cnd-key-figures--fiches {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--s-4);
}
.cnd.cnd-key-figures.cnd-key-figures--fiches .cnd-key-figure {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--r-md);
	padding: var(--s-4) var(--s-5);
	text-align: left;
}
.cnd.cnd-key-figures.cnd-key-figures--fiches .cnd-key-figure__label {
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ink-3);
	margin: 0 0 var(--s-1);
}
.cnd.cnd-key-figures.cnd-key-figures--fiches .cnd-key-figure__number {
	font-size: 28px;
	line-height: 1.15;
	color: var(--ink);
}
.cnd.cnd-key-figures.cnd-key-figures--fiches .cnd-key-figure--accent .cnd-key-figure__number {
	color: var(--brand-strong);
}
/* Valeur en texte courant (faits du bandeau) plutôt qu'en grand chiffre. */
.cnd.cnd-key-figures.cnd-key-figures--texte .cnd-key-figure__number {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: var(--t-small);
	line-height: 1.5;
	font-feature-settings: normal;
}
.cnd.cnd-key-figures.cnd-key-figures--texte .cnd-key-figure--accent .cnd-key-figure__number {
	font-family: var(--font-display);
	font-weight: 500;
	font-size: var(--t-h4);
}

/* ---------- Bandeau de faits en mobile (v0.23.1, retour visuel) : grille 2 × 2 compacte sous
   900 px, au lieu de 4 grandes cartes empilées (un écran entier). Dernière carte pleine largeur
   quand le total est impair. Grands chiffres (examen ACACED) ramenés à 22 px. ---------- */
@media (max-width: 899px) {
	.cnd.cnd-key-figures.cnd-key-figures--fiches {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--s-3);
	}
	.cnd.cnd-key-figures.cnd-key-figures--fiches .cnd-key-figure {
		padding: var(--s-3) var(--s-4);
	}
	.cnd.cnd-key-figures.cnd-key-figures--fiches .cnd-key-figure:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
	.cnd.cnd-key-figures.cnd-key-figures--fiches .cnd-key-figure__label {
		font-size: var(--t-caption);
	}
	.cnd.cnd-key-figures.cnd-key-figures--fiches .cnd-key-figure__number {
		font-size: 22px;
	}
	.cnd.cnd-key-figures.cnd-key-figures--fiches.cnd-key-figures--texte .cnd-key-figure__number {
		font-size: var(--t-small);
		line-height: 1.4;
	}
	.cnd.cnd-key-figures.cnd-key-figures--fiches.cnd-key-figures--texte .cnd-key-figure--accent .cnd-key-figure__number {
		font-size: var(--t-small);
		line-height: 1.3;
	}
	.cnd.cnd-key-figures.cnd-key-figures--fiches .cnd-key-figure__caption {
		font-size: var(--t-caption);
	}
}

/* Valeur en lien (v0.29.0, accueil : certificat Qualiopi) : couleur de la valeur, soulignée. */
.cnd.cnd-key-figures .cnd-key-figure__link,
.cnd.cnd-key-figures .cnd-key-figure__link:hover,
.cnd.cnd-key-figures .cnd-key-figure__link:focus {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.cnd.cnd-key-figures .cnd-key-figure__link:hover { text-decoration-thickness: 2px; }

/* v0.33.8 (recette Éducateur, bandeau de confiance) : pictogramme de l'univers devant la valeur, sur la même ligne. */
.cnd.cnd-key-figures .cnd-key-figure__number--icone {
	display: flex;
	align-items: center;
	gap: var(--s-2);
}
.cnd.cnd-key-figures .cnd-key-figure__number--icone .cnd-icon {
	flex: 0 0 auto;
	color: var(--brand);
}