/* Parcours acheteur — /reprendre et /reprendre/merci.
   
   EXTRAIT DE « vendre.css » LE 28.08.2026 (audit P0-3). Ces regles y
   vivaient, et « reprendre.html » chargeait donc la feuille entiere de
   la page de vente pour une quarantaine de lignes : tout le reste de
   vendre.css — calculatrice, fiche d exemple, apercu d annonce — ne
   servait a rien sur cette page et n apportait que le risque de
   collisions de noms courts (voir CLAUDE.md, « un nom generique
   appartient a charte.css »).
   
   L audit disait « vendre.css est chargee sans raison apparente ».
   La raison etait ici. La retirer sans deplacer ces regles aurait
   casse la grille du formulaire — ce que le test des classes
   orphelines a rattrape.
   
   « reprendre_merci.html » ne chargeait AUCUNE feuille alors qu il
   utilise « .recap » et « .reference » : il etait donc deja sans
   style, defaut que l audit n avait pas releve. Il charge desormais
   celle-ci. */

/* Parcours acheteur (8.B.2). Formulaire long : les groupes le rendent
   parcourable, et il doit rester confortable sur un telephone. */
.reprendre fieldset {
  border: 0;
  border-top: 1px solid var(--trait, #d9d5cd);
  padding: 1.2rem 0 0;
  margin: 1.8rem 0 0;
}
.reprendre legend {
  font-family: sans-serif;
  font-weight: 600;
  font-size: .95rem;
  padding-right: .8rem;
}
.reprendre .cases {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .9rem;
}
.reprendre .cases .case {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  /* Cible tactile : 44 px de haut, la taille recommandee pour un
     doigt. En dessous, on rate la case une fois sur trois. */
  min-height: 44px;
  padding: 0 .7rem;
  border: 1px solid var(--trait, #d9d5cd);
  border-radius: 999px;
}
.reprendre .field select,
.reprendre .field input,
.reprendre .field textarea { min-height: 44px; width: 100%; }
.reprendre .discret { display: block; font-size: .82rem; margin-top: .3rem; }
.reprendre .honesty-copy { min-width: 0; }

.recap { list-style: none; padding: 0; }
.recap li { display: flex; gap: .8rem; padding: .45rem 0;
            border-bottom: 1px solid var(--trait, #eee); }
.recap li span:first-child { min-width: 10rem; color: #666; }
.reference code { font-size: 1.05rem; letter-spacing: .04em; }

@media (max-width: 620px) {
  .reprendre .two { display: block; }
  .reprendre .two > .field { margin-bottom: 1rem; }
  .recap li { display: block; }
  .recap li span:first-child { display: block; font-size: .82rem; }
}

/* Les trois chemins de /reprendre (prompt 09) — un nom qui ne dit
   qu une chose. */
.chemins{margin:26px 0 34px;padding:0}
.chemins h2{font:600 22px/1.25 'Source Serif 4',Georgia,serif;margin:0 0 14px}
.chemin{padding:16px 0;border-top:1px dotted var(--line,#d9d3c8)}
.chemin h3{margin:0 0 6px;font:600 17px/1.3 'Source Sans 3',sans-serif}
.chemin p{margin:0 0 8px;font-size:15.5px;line-height:1.55;color:var(--ink-2,#2b3a4a)}
.chemin .alerte{margin-top:10px}