/* Pages légales — lecture longue, mesure courte, même DA. */

.page-legale{background:var(--bg)}

.legal{
  max-width:44rem;margin:0 auto;
  padding:clamp(2.5rem,7vw,4.5rem) var(--marge) clamp(3rem,8vw,5rem);
  color:var(--ink);
}
.legal h1{font-size:clamp(2rem,6vw,3.2rem);margin-bottom:.6rem}
.legal h2{
  font-size:clamp(1.2rem,3vw,1.5rem);margin:2.75rem 0 .9rem;
  padding-top:1.4rem;border-top:2px solid var(--grid);
}
.legal p{font-size:.97rem;line-height:1.72;color:var(--g-dark)}

.legal__maj{
  font-weight:700;font-size:.74rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--g-mid);margin-bottom:2rem;
}
.legal__chapo{font-size:1.06rem;color:var(--ink)}

.legal__liste{margin:0 0 1rem;display:grid;gap:.55rem}
.legal__liste li{position:relative;padding-left:1.5rem;font-size:.97rem;line-height:1.6;color:var(--g-dark)}
.legal__liste li::before{
  content:"";position:absolute;left:0;top:.55em;
  width:.6rem;height:.6rem;border-radius:50%;background:var(--blue);
}

.legal__fort{
  background:var(--white);border-left:6px solid var(--blue);
  padding:1.1rem 1.4rem;border-radius:0 var(--r-small) var(--r-small) 0;
}
.legal__appui{background:var(--white);border-radius:var(--r-small);padding:1.1rem 1.4rem;border:2px solid var(--grid)}

.legal a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.legal a:hover{color:var(--ink)}

/* bandeau d'avertissement interne */
.a-completer{
  background:#FCF3DC;border:2px solid #E9D9A8;border-left:6px solid #C4451B;
  border-radius:var(--r-small);padding:1.1rem 1.4rem;
  font-size:.9rem!important;color:#6B531A!important;margin-bottom:2.5rem;
}

/* tableaux de traitement */
.tableau{
  width:100%;border-collapse:collapse;margin:0 0 1.5rem;
  background:var(--white);border:2px solid var(--grid);
  border-radius:var(--r-small);overflow:hidden;
}
.tableau th,.tableau td{
  padding:.85rem 1.1rem;text-align:left;vertical-align:top;
  font-size:.92rem;line-height:1.6;border-bottom:1px solid var(--grid);
}
.tableau tr:last-child th,.tableau tr:last-child td{border-bottom:0}
.tableau th{
  width:11rem;font-weight:700;font-size:.74rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--g-mid);background:var(--bg);
}
@media(max-width:620px){
  .tableau,.tableau tbody,.tableau tr,.tableau th,.tableau td{display:block;width:auto}
  .tableau th{border-bottom:0;padding-bottom:.2rem}
  .tableau td{padding-top:.2rem}
}