/* Structure AEO (lot R4) : réponse courte en tête de page et liens des sources.
   Chargée par les SEULES pages qui portent `reponse:` dans leur front matter —
   une page sans elle n'a ni cette feuille ni son empreinte dans son <head>.
   Les jetons (couleurs, sombre) viennent de coque.css. */

.reponse-courte {
  margin: 0 0 26px; padding: 14px 18px; background: var(--vert-doux);
  border-left: 3px solid var(--vert); border-radius: 0 10px 10px 0;
}
.reponse-courte p { margin: 0; color: var(--encre); font-size: 17px; line-height: 1.55; }
.reponse-courte .etiquette-reponse {
  margin: 0 0 4px; font-size: 12.5px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--vert);
}

/* Les liens d'une source du référentiel, derrière son nom. */
.liens-source { color: var(--acier); font-size: .93em; }

/* La FAQ : une question par intertitre, sans ancre de plus ni habillage. */
h2#faq ~ h3 { margin: 22px 0 6px; font-size: 17.5px; }

/* Un tableau à deux colonnes d'une page AEO (le rythme du vermifuge) ne défile
   pas : la colonne de droite est LA réponse. La règle de coque.css impose 520 px
   à tout tableau (ceux du référentiel, à quatre colonnes, défilent dans leur
   boîte) ; ici elle laissait la réponse coupée à 390 px (tableau de 520 px dans
   une boîte de 348 px). Même geste que `table.comparatif`. Les tableaux du
   référentiel (`.protocole`) ne sont pas touchés. */
.table-defilante table:not(.protocole) { min-width: 0; font-size: 15.5px; }
.table-defilante table:not(.protocole) :is(th, td) { overflow-wrap: break-word; }
.table-defilante table:not(.protocole) :is(th, td):first-child { width: 34%; }