/* B choisi par Gary, 12 octobre 2026. Aperçu statique, aucun choix collecté. */
/* 19/10/2026 : encart refait sur le composant B de la page Prix (classes v-*, CSS dans prix-quiz-b-20261009.css),
   aligné sur le rail des chapitres (bord gauche = numéro de chapitre, bord droit = fin du texte). */
.cq-insert{display:grid;grid-template-columns:[bord-g] minmax(var(--gouttiere),1fr) [rail-g] minmax(3.5rem,6rem) [contenu-g] minmax(0,69rem) [contenu-d] minmax(var(--gouttiere),1fr) [bord-d];padding-block:64px;background:var(--encre);color:var(--blanc);border-block-end:var(--trait) solid var(--filet-sombre);scroll-margin-top:165px}
.cq-insert>.v-b{grid-column:rail-g/contenu-d;min-inline-size:0}
.cq-insert .v-intro h2{margin:0;max-width:26ch;font-weight:500;letter-spacing:-.025em;color:inherit}
.cq-insert .v-window{color:var(--encre)}
.cq-insert .v-choices a{color:var(--encre)}
.cq-insert a:focus-visible{outline:3px solid currentColor;outline-offset:5px}.cq-insert .v-intro .action:focus-visible{outline-color:var(--blanc)}
@media (max-width:61.9375rem){.cq-insert{grid-template-columns:[bord-g] var(--gouttiere) [rail-g] 3rem [contenu-g] minmax(0,1fr) [contenu-d] var(--gouttiere) [bord-d];padding-block:48px}}
@media (max-width:47.9375rem){.cq-insert{grid-template-columns:[bord-g] var(--gouttiere) [rail-g contenu-g] minmax(0,1fr) [contenu-d] var(--gouttiere) [bord-d];padding-block:40px}}
/* Réserver le bord droit au bouton flottant du chat, comme sur la page Prix. */
@media(max-width:767px){.cq-insert .v-intro .action{width:calc(100% - 64px);max-width:calc(100% - 64px)}.cq-insert .v-choices a{width:calc(100% - 44px)}}
/* Option (b) du plan UX, pour comparaison seulement : fond ciel séparé par un filet. */
.cq-insert.cq-insert--ciel{background:var(--ciel);color:var(--encre);border-block:var(--trait) solid var(--encre)}