/* layout.css — dossiers et pages de contenu (récits et explorateurs des plugins) */

/* ── Dossier ─────────────────────────────────────────────────── */
.dossier { padding: 28px var(--gouttiere) 80px; }
.dossier__tete { max-width: 46rem; margin-bottom: 40px; }
.dossier__titre { margin: 0 0 16px; font-size: clamp(52px, 9vw, 150px); line-height: .88; font-weight: 900; font-variation-settings: "wdth" var(--large); letter-spacing: -.045em; color: var(--c); }
.dossier__intro { font-size: clamp(18px, 1.5vw, 23px); line-height: 1.45; }
.dossier__intro p { margin: 0; }
.dossier__atlas { display: inline-block; margin-top: 16px; font-size: 16px; font-variation-settings: "wdth" var(--etroit); color: var(--texte-2); }
.dossier__section { margin-top: 64px; }
.dossier__sous-titre { margin: 0 0 6px; font-size: clamp(28px, 3.2vw, 44px); line-height: 1; font-weight: 800; font-variation-settings: "wdth" var(--etroit); }
.dossier__sous-titre a { text-decoration: none; }
.dossier__sous-titre::before { content: ""; display: inline-block; width: .32em; height: .32em; margin-right: .3em; border-radius: 50%; background: var(--c); vertical-align: .1em; }

/* ── Page de contenu : même fond que le reste du site ────────── */
.page-contenu { padding: 24px var(--gouttiere) 80px; }
.page-contenu__article { max-width: 1180px; }
.page-contenu__titre { margin: 0 0 28px; font-size: clamp(34px, 5vw, 76px); line-height: .95; font-weight: 900; font-variation-settings: "wdth" var(--large); letter-spacing: -.035em; }
.page-contenu__contenu > p, .page-contenu__contenu > ul, .page-contenu__contenu > ol { max-width: 66ch; }
.page-contenu__contenu h2 { font-size: clamp(26px, 2.6vw, 38px); line-height: 1.05; font-weight: 800; font-variation-settings: "wdth" var(--etroit); }
.liste { padding-left: 1.2em; }
.dossier__tete .bouton-recit { margin-top: 24px; }
.dossier__tete .bouton-recit + .dossier__atlas { display: block; margin-top: 14px; }