/* Big M — pages de contenu : sections de texte (franchise, recrutement, pages légales) et chiffres
   de la franchise. Absents du prototype : ils en reprennent les titres de section (.section-head),
   les cartes blanches arrondies et les chiffres en Fredoka orange des affiches (.legend b). */

/* Sections plus serrées que celles de l'accueil (.section) : elles se suivent sur une même page. */
.prose-section, .chiffres-section { padding-block: clamp(24px, 3.5vw, 44px); }

/* ---------- section texte ---------- */
.prose-section__inner { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.prose-section h2 { font-size: clamp(30px, 3.4vw, 44px); }
.prose { max-width: 72ch; font-size: 18px; line-height: 1.65; }
.prose :is(h3, h4) { margin-block: 1.2em .4em; font-size: 22px; }
/* Pages longues (mentions légales, confidentialité) : intertitres h2 dans le texte, plus petits que le titre de section. */
.prose h2 { margin-block: 1.6em .5em; font-size: clamp(24px, 2.4vw, 28px); }
.prose > h2:first-child { margin-block-start: 0; }
.prose a { color: var(--btn); text-underline-offset: 3px; }
.prose-section--carte .prose-section__inner { background: #fff; border-radius: 28px; padding: clamp(24px, 4vw, 48px); }

/* ---------- chiffres de la franchise ---------- */
.chiffres { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.chiffre { background: #fff; border-radius: var(--radius); padding: 22px 20px; display: flex; flex-direction: column; gap: 6px; }
.chiffre b { font-family: var(--font-display); font-weight: 600; font-size: clamp(28px, 2.6vw, 34px); line-height: 1.05; color: var(--btn); }
.chiffre span { font-weight: 600; }
.chiffres__note { margin-top: 16px; color: var(--muted); }
@media (max-width: 960px) { .chiffres { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }