/* Parcours foncier — identification par l adresse (lot A1).
   Feuille propre a ce parcours : les noms courts y seraient des
   collisions en puissance ailleurs (voir CLAUDE.md). */

/* NOM QUALIFIE, ET C EST LA REGLE. « .chapo » existe deja dans
   vendre.css : la redefinir ici aurait fait la QUATORZIEME collision de
   noms courts, et le controle l a refusee — comme il doit. On ne
   l ajoute pas a la dette pour faire passer un ajout ; on choisit un
   nom qui ne dit qu une chose. Le cout d un nom long se paie une fois,
   celui d un nom ambigu a chaque page nouvelle. */
.ident-chapo { max-width: 62ch; color: var(--doux); line-height: 1.55;
               margin-bottom: 22px; }

.ident-saisie { max-width: 34rem; }
.ident-mention { font-size: 13.5px; color: var(--doux); margin-top: 10px; }

/* Les candidats d adresse. On les MONTRE tous : l API rapproche et ne
   dit jamais « rien trouve » — choisir a la place du visiteur, c est
   identifier un autre bien. */
.ident-choix { display: grid; gap: 8px; margin: 18px 0 6px; }
.ident-choix .ident-item {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px; border: 1px solid var(--trait);
  border-radius: var(--r); background: var(--paper-2); cursor: pointer;
}
.ident-choix .ident-item:hover { border-color: var(--accent); }
.ident-choix .ident-item input { flex: none; }

/* Les faits, chacun avec sa source. Un fait sans source ne s affiche
   pas — la source EST une partie du fait. */
.ident-faits { display: grid; gap: 2px; margin: 4px 0 18px; }
.ident-fait {
  display: grid; grid-template-columns: 1fr auto; gap: 4px 18px;
  padding: 11px 0; border-bottom: 1px solid var(--trait);
}
.ident-fait .ident-libelle { font-size: 13px; color: var(--doux); }
.ident-fait .ident-valeur {
  font-family: 'IBM Plex Mono', monospace; font-size: 16px;
  color: var(--bleu); grid-column: 1; 
}
.ident-fait .ident-source {
  grid-column: 2; grid-row: 1 / span 2; align-self: center;
  font-size: 11.5px; color: var(--doux); text-align: right;
  max-width: 16rem;
}
.ident-manque {
  font-size: 14px; color: var(--doux); padding: 12px 14px;
  border: 1px dashed var(--trait-fort); border-radius: var(--r);
}
.ident-carte { margin: 18px 0 6px; }
.ident-carte img {
  width: 100%; height: auto; display: block;
  border: 1px solid var(--trait); border-radius: var(--r);
}
.ident-attribution { font-size: 12px; color: var(--doux); margin-top: 6px; }

@media (max-width: 620px) {
  .ident-fait { grid-template-columns: 1fr; }
  .ident-fait .ident-source { grid-column: 1; grid-row: auto;
                              text-align: left; max-width: none; }
}

/* L etat « partiellement identifie » — il se DIT, il ne se devine pas
   au blanc laisse dans la liste des faits. Un avertissement, pas une
   erreur : le registre federal ne renseigne pas tout, et c est normal. */
.ident-etat{margin:0 0 18px;padding:12px 14px;border-left:3px solid var(--accent);
  background:#faf7f2;font-size:15px;line-height:1.5}

/* --- A2, la synthese ------------------------------------------------
   Noms QUALIFIES (« synth- »), et ce n est pas de la coquetterie : ce
   gabarit charge vendre.css ET foncier.css, ce qui est exactement le
   rendez-vous de collisions decrit dans la charte. Un « .valeur » ou un
   « .detail » y auraient deux definitions et une mise en page fausse
   sur un serveur parfaitement content. */
.synth-valeur{margin:0 0 18px;padding:20px 22px;border:1px solid var(--line);
  border-radius:10px;background:#faf7f2}
.synth-eyebrow{display:block;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted)}
.synth-chiffre{margin:6px 0 4px;font-family:'IBM Plex Mono',monospace;
  font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}
.synth-methode{margin:0;font-size:14px;color:var(--muted)}
.synth-detail{margin:0 0 18px;font-size:15px}
.synth-detail summary{cursor:pointer;color:var(--accent-fonce)}
.synth-detail ul{margin:10px 0 0;padding-left:20px;line-height:1.7}
.synth-deux-valeurs{margin:18px 0 0;padding:16px 18px;
  border-left:3px solid var(--accent);background:#faf7f2;font-size:15px}
.synth-deux-valeurs p{margin:0 0 8px;line-height:1.55}
.synth-deux-valeurs p:last-child{margin-bottom:0}
.synth-manques{margin:0 0 18px;font-size:15px}
.synth-manques dt{margin-top:12px;font-weight:600}
.synth-manques dd{margin:4px 0 0;color:var(--muted);line-height:1.55}
.synth-honoraires{margin:14px 0 6px;font-size:15px}
.foncier-provenance{display:block;margin-top:6px;font-size:13px;color:var(--muted)}

/* --- A1.d, le terrain sans adresse ---------------------------------
   Un depliant natif, pas des onglets scriptes : le mode « adresse »
   reste le defaut visible, et les deux autres n encombrent pas l ecran
   de ceux qui n en ont pas besoin. */
.ident-terrain{margin:28px 0 0;padding:16px 18px;border:1px solid var(--line);
  border-radius:10px;background:#faf7f2}
.ident-terrain>summary{cursor:pointer;font-weight:600;font-size:15px}
.ident-terrain>summary::marker{color:var(--accent)}
.ident-terrain .form{margin-top:16px}
.ident-item small{display:block;margin-top:2px;font-size:13px;color:var(--muted)}

/* --- Les champs du parcours foncier, QUALIFIES ----------------------
   « .fld », « .duo » et « .mention-calc » vivent dans vendre.css, que
   /foncier/identifier ne charge pas. Le partial des trois faits les
   posait quand meme : les champs sortaient SANS STYLE sur cet ecran, et
   le controle des classes orphelines ne le voyait pas — il ne suivait
   pas les « include ».

   Les noms sont donc qualifies et definis ICI, dans la seule feuille
   que les DEUX ecrans du parcours chargent. Les regles reproduisent
   celles de vendre.css : la synthese ne change pas d apparence. */
.ident-fld{margin-bottom:14px}
.ident-fld label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:5px}
.ident-fld select,.ident-fld input{width:100%;padding:11px 12px;
  border:1px solid var(--line);border-radius:var(--r);
  background:var(--paper);color:var(--ink);font-size:15px}
.ident-fld input{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
.ident-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){
.ident-duo{grid-template-columns:1fr}
}
.ident-calc{margin-top:16px;font:400 14px/1.5 'Source Sans 3',sans-serif;
  color:var(--doux)}

/* Le formulaire des trois faits. La classe existait sans definition —
   elle ne peignait rien, et la page repondait 200. */
.foncier-faits{margin-top:18px}

/* --- F1, le potentiel conditionnel ----------------------------------
   Il se distingue A L OEIL de la fourchette d estimation : ce ne sont
   pas les memes objets, et un lecteur presse ne lit pas les libelles. */
.synth-potentiel{border-left:3px solid var(--accent)}
.synth-conditionnel{margin:0 0 18px;font-size:15px;line-height:1.55;
  color:var(--doux)}

/* --- Les règles officielles d'une zone ------------------------------
   Le bloc se distingue à l'œil de la fourchette : ce que le règlement
   DIT et ce que nous SUPPOSONS ne se lisent pas de la même façon, et un
   lecteur pressé ne lit pas les titres. */
.regl-zone{margin:0 0 14px;padding:14px 16px;border:1px solid var(--line);
  border-radius:10px;background:#faf7f2}
.regl-tete{margin:0 0 4px;font-size:16px}
.regl-source{margin:0;font-size:13px;color:var(--doux);line-height:1.5}
.regl-regles{margin:0 0 18px;font-size:15px}
.regl-regles dt{margin-top:10px;color:var(--doux)}
.regl-regles dd{margin:2px 0 0;font-family:'IBM Plex Mono',monospace;
  font-variant-numeric:tabular-nums}
/* LA NATURE SE VOIT. Un minimum et un maximum ne se lisent pas pareil,
   et la couleur seule ne suffirait pas — le libellé porte déjà le mot. */
.regl-minimum{color:var(--accent)}
.regl-inconnue{font-family:'Source Sans 3',sans-serif;color:var(--doux);
  font-style:italic}
.regl-scenario{margin:0 0 12px;padding:16px 18px;border:1px solid var(--line);
  border-left:3px solid var(--accent);border-radius:10px}
.regl-sens{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--doux)}
.regl-mention{margin:0 0 18px;font-size:14px;line-height:1.55;color:var(--doux)}

/* L arbitrage du 30.08.2026 : la zone est CHOISIE, la portée de ce
   choix est dite, l article est cité, et l accroche précède le bouton. */
.regl-choix{margin:0 0 6px;font-size:13px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--doux)}
.regl-portee{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--doux)}
.regl-article{display:block;margin-top:2px;font-family:'Source Sans 3',sans-serif;
  font-size:12.5px;color:var(--doux)}
.regl-alertes{margin:0 0 18px;font-size:15px}
.regl-alertes dt{margin-top:12px;font-weight:600}
.regl-alertes dd{margin:4px 0 0;color:var(--doux);line-height:1.55}
.synth-accroche{margin:0 0 12px;font-size:16px;line-height:1.55}

/* Le contrat de preuve : la couverture et le motif de la porte. */
.regl-couverture{margin:6px 0 0;font-size:14px;font-weight:600}
.regl-verdict{margin:8px 0 0;padding:8px 10px;border-left:2px solid var(--line);
  font-size:13px;line-height:1.5;color:var(--doux)}

/* Les explications se déplient ; la saisie et son résultat restent visibles. */
.foncier-discretion{margin:18px 0 0;padding:14px 18px;border-left:3px solid var(--accent,#be5a28);
  background:var(--paper2,#fbf7f1);font-size:15px;line-height:1.5}
.foncier-explications{border:1px solid var(--trait,#d9d5cd);border-radius:8px;
  background:var(--paper2,#fbf7f1)}
.foncier-explications>summary{padding:20px 24px;cursor:pointer;font-size:20px;
  font-weight:600;line-height:1.4;min-height:44px}
.foncier-explications>summary:focus-visible{outline:3px solid var(--accent,#be5a28);
  outline-offset:3px;border-radius:8px}
.foncier-explications-contenu{padding:0 24px 24px}
.foncier-explications-contenu>p{max-width:78ch;line-height:1.65}
.foncier-explications-contenu .etapes-liste{margin:24px 0}
@media(max-width:600px){
  .foncier-explications>summary{padding:18px;font-size:18px}
  .foncier-explications-contenu{padding:0 18px 18px}
}