/* Composition propre au chapitre « Pourquoi il invente ».
   Chaque selecteur commence par .p-pourquoi-il-invente, sans exception.
   Proprietes logiques seulement : l'arabe se sert en RTL. */

/* Le texte engendre par le modele, distingue du texte de la page mais jamais
   annote : rien dans sa forme ne doit signaler si l'amorce etait connue ou
   non, c'est tout l'objet de la demonstration. */
.p-pourquoi-il-invente .engendre {
  border-inline-start: 3px solid var(--accent);
  padding-inline-start: var(--s-4);
  font: 400 var(--t-m)/1.6 var(--serif);
}

/* Rythme vertical entre les blocs ecrits par la demonstration : la reponse,
   puis la mesure separee de ce que le modele sait reellement. */
.p-pourquoi-il-invente .bloc { margin-block-start: var(--s-6); }
.p-pourquoi-il-invente .bloc:first-child { margin-block-start: 0; }
.p-pourquoi-il-invente .bloc > h3 { margin-block-end: var(--s-3); }

/* Le panneau de verite reprend .def du systeme projet ; ici seule sa premiere
   paire ne porte pas le filet superieur, pour coller au h3 qui la precede. */
.p-pourquoi-il-invente .bloc > .def dt:first-child { margin-block-start: 0; }