/*
  Page « Le cas Clara » (modèle des pages de preuve) : en-tête de page, décisions, mesures.
  Les décisions sont des étapes numérotées (.steps, sections.css) ; le texte technique et secondaire
  est replié dans le composant déroulant des questions fréquentes (.faq, sections.css).
  Les sections, l'en-tête de page, la preuve avec téléphone et les tableaux viennent de sections.css.
*/

/* Cinq décisions : un sous-titre, puis trois paragraphes qui commencent par un terme en gras */
.decisions h3,
.mesures h3 {
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
  font-size: var(--step-h3);
  line-height: var(--leading-h3);
}

.decisions h2 + h3 {
  margin-top: var(--space-5);
}

.decisions p {
  margin-bottom: var(--space-3);
}

.measures + p.small {
  margin-bottom: var(--space-5);
}

/* Décisions en étapes : le titre de chaque décision s'aligne sur sa pastille (le reste du gabarit lui donne une marge au-dessus) */
.decisions .steps > li > h3 {
  margin-top: 0;
  margin-bottom: var(--space-3);
}

/* Volets repliés après le texte principal : un espace avant le premier */
.decisions .faq,
.mesures .faq {
  margin-top: var(--space-6);
}