/* ─────────────────────────────────────────────────────────────────────────
   legal.css — pages légales publiques : mentions légales et politique de
   confidentialité.

   Les deux répétaient la même feuille de style, avec leur propre palette
   (--teal, --encre, --mut, --brume) et DM Sans. Elles partagent maintenant
   ce fichier, sur les jetons de tokens.css.

   À charger après tokens.css et fonts/app.css.
   ───────────────────────────────────────────────────────────────────── */

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  line-height:1.65;
}

/* Barre de retour, au-dessus de la feuille */
.top{max-width:820px;margin:0 auto;padding:16px 22px}
.top a{
  display:inline-flex;align-items:center;gap:7px;
  color:var(--ink-2);font-size:var(--fs-body);text-decoration:none;
}
.top a:hover{color:var(--brand)}
.top a svg{
  width:14px;height:14px;stroke:currentColor;stroke-width:1.8;
  fill:none;stroke-linecap:round;stroke-linejoin:round;
}

/* Feuille du document */
.wrap{
  max-width:820px;
  margin:0 auto 48px;
  padding:36px 40px 56px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
}

h1{font-size:25px;font-weight:600;letter-spacing:-.2px;margin:0 0 4px}
h2{
  font-size:var(--fs-title);
  font-weight:600;
  margin:30px 0 10px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
h2:first-of-type{border-top:0;padding-top:0}
p,li{font-size:var(--fs-section);margin:0 0 12px}
li{margin-bottom:6px}
ul,ol{padding-left:20px;margin:0 0 12px}
strong{font-weight:600}
a{color:var(--brand)}
.mut{color:var(--muted);font-size:var(--fs-small);line-height:1.55}

/* Tableau des sous-traitants */
.table-wrap{overflow-x:auto;margin:10px 0 14px}
table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}
td,th{
  border:1px solid var(--line);
  padding:9px 11px;
  text-align:left;
  vertical-align:top;
}
th{background:var(--bg);font-weight:600;color:var(--ink-2);white-space:nowrap}

@media(max-width:640px){
  .wrap{padding:24px 20px 40px;border-radius:0;border-left:0;border-right:0;margin-bottom:24px}
  h1{font-size:22px}
  table{font-size:var(--fs-small)}
  td,th{padding:7px 8px;white-space:normal}
}