/* ============================================================
   PRESTATIONS ANNEXES — page épurée le 29/07/2026
   ------------------------------------------------------------
   Retirés : le scanner LiDAR de l'ouverture, le comparateur de
   terrain avant/après et la lampe torche qui révélait les postes
   cachés. Les six postes cachés sont devenus une liste (.hors-champ) :
   c'était l'information utile, le halo n'était que la mise en scène.
   Aucun JavaScript propre à cette page.
   ============================================================ */

/* ---------- Un ouvrage : intitulé à gauche, tout le reste à droite ---------- */
.presta{
  display:grid;
  grid-template-columns:minmax(0,16rem) minmax(0,1fr);
  gap:1rem clamp(1.5rem,4vw,4rem);
  padding:clamp(2rem,3.5vw,2.75rem) 0;
  border-top:1px solid var(--trait);
}
.presta:last-of-type{ border-bottom:1px solid var(--trait); }
.presta__tete .cote{ margin-bottom:.6rem; }
/* un ouvrage n'est pas une ligne de liste : son intitulé porte plus */
.presta__tete h3{ font-size:1.3rem; }
.presta__corps > p:first-child{ max-width:62ch; }

/* Les caractéristiques : de vraies paires donnée / valeur, alignées */
.specs{ margin:1.5rem 0 0; }
.specs > div{
  display:grid;
  grid-template-columns:minmax(0,8rem) minmax(0,1fr);
  gap:.2rem 1.25rem;
  padding:.65rem 0;
  border-top:1px solid var(--trait);
}
.specs dt{
  font-family:var(--f-cote); font-size:.68rem; letter-spacing:.09em;
  text-transform:uppercase; color:var(--beton); padding-top:.15rem;
}
.specs dd{ margin:0; font-size:.98rem; }

@media (max-width:860px){
  .presta{ grid-template-columns:1fr; }
  .specs > div{ grid-template-columns:1fr; gap:.15rem; }
}

/* ---------- Les six postes hors champ ---------- */
.hors-champ{
  list-style:none; margin:0; padding:0;
  display:grid; gap:0 clamp(1.5rem,4vw,4rem);
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.hors-champ li{
  padding:1.05rem 0 1.05rem 1.6rem;
  border-bottom:1px solid var(--trait);
  position:relative; color:var(--graphite);
}
.hors-champ li::before{
  content:''; position:absolute; left:0; top:1.75rem;
  width:8px; height:1px; background:var(--accent);
}
@media (max-width:700px){
  .hors-champ{ grid-template-columns:1fr; }
}