/* « Le Pack, en exemples » (partials/exemples-pack.html) et « Quelle offre pour vous ? » (partials/quelle-offre.html) ;
   couleurs : tokens.css */
.exemples-pack { margin-block: var(--e-7); }
.exemple-pack { padding-block: 0; margin-bottom: var(--e-3); }
.exemple-pack summary { padding-block: var(--e-4); }
.exemple-pack-contenu { padding-bottom: var(--e-3); }
.exemple-pack-contenu .question-choix { padding-inline-start: var(--e-6); }
.exemple-pack-contenu .bonne { font-weight: 700; }
.exemple-pack-contenu .verdict { color: var(--c-action); font-size: var(--t-petit); margin-inline-start: var(--e-2); }
.exemple-pack-contenu .modele-texte { margin: 0 0 var(--e-3); padding: var(--e-3) var(--e-4); border-inline-start: 3px solid var(--c-trait); background: var(--c-carte-2); }
.exemple-pack-contenu .modele-texte p { color: var(--c-texte); }
.ep-libelle { margin: var(--e-3) 0 var(--e-1); font-weight: 700; color: var(--c-texte); }
.exemple-pack-contenu p { color: var(--c-texte); }
.quelle-offre { margin-block: var(--e-6); }
.quelle-offre fieldset { border: 0; padding: 0; margin: 0 0 var(--e-4); }
.quelle-offre legend { font-weight: 700; margin-bottom: var(--e-2); }
.quelle-offre .qo-choix { display: flex; flex-wrap: wrap; gap: var(--e-2) var(--e-4); }
.quelle-offre .qo-choix label { display: inline-flex; align-items: center; gap: var(--e-2); min-height: var(--cible-min); }
.quelle-offre .qo-resultat:empty { padding: 0; }
.quelle-offre .qo-resultat { margin: 0; padding: var(--e-3) var(--e-4); border-radius: var(--rayon); background: var(--c-action-doux); color: var(--c-texte); }