/* fait.css — la fiche d'un fait et la promenade */

.fiche { padding: 0 var(--gouttiere) 80px; }

.fiche__fait { display: grid; gap: 0 56px; min-height: calc(100svh - var(--tete-h) - 70px); padding-top: 32px; grid-template-columns: 1fr; align-content: start; }
.fiche__titre { margin: 0; font-size: clamp(26px, 3vw, 44px); line-height: 1.05; font-weight: 600; font-variation-settings: "wdth" var(--etroit); letter-spacing: -.01em; }

.scene { position: relative; margin: 18px 0 0; }
.scene__chiffre { margin: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 16px; }
.scene__nombre { font-size: clamp(80px, 14vw, 230px); line-height: .82; font-weight: 900; font-variation-settings: "wdth" var(--large); letter-spacing: -.045em; color: var(--c); font-variant-numeric: tabular-nums; }
.scene__unite { font-size: clamp(20px, 2.4vw, 36px); line-height: 1; font-weight: 500; font-variation-settings: "wdth" var(--etroit); }
.scene__legende { max-width: 34ch; margin: 18px 0 0; font-size: clamp(19px, 1.7vw, 26px); line-height: 1.3; font-weight: 400; }
.scene__visuel { position: relative; height: clamp(240px, 40vh, 440px); margin-top: 32px; }
.scene__reglage { display: flex; align-items: center; gap: 14px; margin-top: 18px; font-size: 16px; font-variation-settings: "wdth" var(--etroit); }
.scene__reglage input[type="range"] { flex: 1; max-width: 420px; accent-color: var(--c); }
.scene__reglage output { min-width: 4.5ch; font-weight: 800; font-variation-settings: "wdth" var(--large); color: var(--c); }

.fiche__texte { max-width: 58ch; margin-top: 32px; color: var(--texte-2); }
.fiche__texte p { margin: 0 0 14px; }

@media (min-width: 1024px) {
	.fiche__fait { grid-template-columns: minmax(0, 1fr) minmax(280px, 380px); grid-template-areas: "tete tete" "scene texte"; }
	.fiche__tete { grid-area: tete; }
	.scene { grid-area: scene; }
	.fiche__texte { grid-area: texte; align-self: end; margin-top: 0; padding-bottom: 12px; }
}

/* ── Promenade ───────────────────────────────────────────────── */
.promenade { margin-top: 48px; }
.promenade__pas { display: grid; grid-template-columns: 1fr; gap: 28px; }
.pas { display: flex; flex-direction: column; gap: 4px; text-decoration: none; }
.pas__sens { font-size: 15px; font-variation-settings: "wdth" var(--etroit); color: var(--texte-3); }
.pas__titre { font-size: clamp(22px, 2vw, 30px); line-height: 1.15; font-weight: 700; font-variation-settings: "wdth" var(--etroit); }
.pas:hover .pas__titre { text-decoration: underline; text-underline-offset: .15em; }
.pas__dossier { font-size: 15px; font-variation-settings: "wdth" var(--etroit); color: var(--texte-2); }
.pas--suiv { text-align: right; align-items: flex-end; }
.pas--atlas { align-items: center; justify-content: center; text-align: center; }
.mini-carte { display: block; width: 100%; max-width: 260px; height: 90px; }
.mini-carte svg { width: 100%; height: 100%; overflow: visible; }

@media (min-width: 768px) {
	.promenade__pas { grid-template-columns: 1fr minmax(200px, 280px) 1fr; align-items: center; }
	.pas--prec { grid-column: 1; }
	.pas--atlas { grid-column: 2; }
	.pas--suiv { grid-column: 3; }
}

.promenade__fils { margin-top: 56px; }
.promenade__titre { margin: 0 0 8px; font-size: 22px; font-weight: 700; font-variation-settings: "wdth" var(--etroit); }
.promenade__clavier, .promenade__balayer { margin: 32px 0 0; font-size: 14px; font-variation-settings: "wdth" var(--etroit); color: var(--texte-3); }
.promenade__balayer { display: none; }
@media (pointer: coarse) {
	.promenade__clavier { display: none; }
	.promenade__balayer { display: block; }
}
.fiche__tete .bouton-recit { margin-top: 12px; }