/* ============================================================
   LS CONSTRUCTION — pages annexes (mentions légales)
   Une colonne étroite, des articles séparés par un filet, des
   fiches en deux colonnes pour les données brutes.
   ⚠️ La liste à puces de cette page s'appelle .legal__points et
      NON .liste : .liste est désormais prise dans site.css par les
      listes à filets en deux colonnes, les deux se marcheraient
      sur les pieds.
   ============================================================ */

.legal__ouverture{ padding-bottom:calc(var(--section-y) * .45); }
.legal__ouverture h1{ margin-bottom:1.6rem; }
.legal__maj{ margin-top:1.8rem; color:var(--beton); }

/* ——— Sommaire : la nomenclature du plan ——————————————— */
.legal__sommaire{
  border-top:1px solid var(--graphite);
  border-bottom:1px solid var(--trait);
  padding-block:1.4rem 1.6rem;
  margin-bottom:clamp(2.5rem,6vw,4.5rem);
}
.legal__sommaire ol{
  list-style:none; margin:0; padding:0;
  display:grid; gap:.55rem 2rem;
  grid-template-columns:repeat(auto-fit, minmax(min(100%,230px), 1fr));
  counter-reset:art;
}
.legal__sommaire li{ counter-increment:art; }
.legal__sommaire a{
  display:flex; align-items:baseline; gap:.8rem;
  text-decoration:none; color:var(--beton-fonce);
  font-size:.95rem; padding:.2rem 0;
  transition:color .2s;
}
.legal__sommaire a::before{
  content:'0' counter(art);
  font-family:var(--f-cote); font-size:.7rem; letter-spacing:.1em;
  color:var(--accent); flex:none;
}
.legal__sommaire a:hover{ color:var(--graphite); }

/* ——— Articles ————————————————————————————————————————— */
.legal__art{
  padding-top:clamp(2.2rem,5vw,3.4rem);
  margin-bottom:clamp(2.2rem,5vw,3.4rem);
  border-top:1px solid var(--trait);
  scroll-margin-top:calc(var(--entete-h) + 1.5rem);
}
.legal__art:first-of-type{ border-top:0; padding-top:0; }
.legal__art h2{ margin-bottom:1.4rem; }
.legal__art h3{
  margin:2rem 0 .8rem;
  font-size:1.04rem;
}
.legal__art p{ color:var(--beton-fonce); max-width:66ch; }
.legal__art strong{ color:var(--graphite); font-weight:600; }

.legal__points{
  list-style:none; margin:0 0 1.1em; padding:0;
  display:grid; gap:.75rem; max-width:66ch;
  color:var(--beton-fonce);
}
.legal__points li{ position:relative; padding-left:1.5rem; }
.legal__points li::before{
  content:''; position:absolute; left:0; top:.62em;
  width:9px; height:1px; background:var(--accent);
}

/* ——— Fiche de données : le tableau du cartouche —————————— */
.fiche{
  margin:1.6rem 0 1.2rem; padding:0;
  border-top:1px solid var(--trait);
}
.fiche > div{
  display:grid; gap:.15rem 1.5rem;
  grid-template-columns:minmax(180px, 34%) 1fr;
  padding:.85rem 0;
  border-bottom:1px solid var(--trait);
}
.fiche dt{
  font-family:var(--f-cote); font-size:.7rem; font-weight:500;
  letter-spacing:.09em; text-transform:uppercase;
  color:var(--beton); padding-top:.22em;
}
.fiche dd{ margin:0; color:var(--graphite); }
@media (max-width:560px){
  .fiche > div{ grid-template-columns:1fr; gap:.3rem; }
}

.legal__note{
  margin-top:1.4rem; padding-left:1.1rem;
  border-left:1px solid var(--trait-fort);
  font-size:.93rem;
}
.mono{ font-family:var(--f-cote); font-size:.9em; }

.legal__retour{ margin-top:clamp(2.5rem,6vw,4rem); }
.legal__retour .bouton__fleche{ transition:transform .25s; }
.legal__retour .bouton:hover .bouton__fleche{ transform:translateX(-4px); }