/* ITIWE V4 — pages légales. Rythme éditorial des sections numérotées, appliqué au texte réglementaire. */

.legal-meta{font:500 12px/1.6 var(--font-mono);letter-spacing:.08em;color:var(--ink-60);margin:var(--s6) 0 0}
.legal-lede{font:400 clamp(18px,1.5vw,21px)/1.55 var(--font-body);color:var(--ink-80);max-width:60ch;margin:0}

.legal-doc{display:grid;gap:var(--s16)}
.legal-doc>.sect{align-items:start}
.legal-doc h2{font-size:clamp(22px,2.1vw,29px);line-height:1.18;margin:0 0 var(--s6);max-width:26ch}
.legal-doc h2 em{font-style:italic;font-weight:500}
.legal-doc h3{font:600 18px/1.3 var(--font-display);color:var(--ink);margin:var(--s8) 0 var(--s3)}
.legal-doc p{margin:0 0 var(--s6);color:var(--ink-80);max-width:var(--measure)}
.legal-doc p:last-child{margin-bottom:0}
.legal-doc strong{font-weight:600;color:var(--ink)}
.legal-doc em{font-style:italic}

.legal-doc ul{list-style:none;margin:0 0 var(--s6);padding:0;max-width:var(--measure);display:grid;gap:var(--s4)}
.legal-doc li{position:relative;padding-left:20px;color:var(--ink-80)}
.legal-doc li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1px;background:var(--vermillon)}
.legal-doc ul:last-child{margin-bottom:0}

.legal-doc dl{margin:0;max-width:var(--measure);display:grid;gap:var(--s6)}
.legal-doc dt{font:500 11px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);margin:0 0 var(--s2)}
.legal-doc dd{margin:0;color:var(--ink-80)}

.legal-doc a{color:var(--ink-blue);text-decoration:none;border-bottom:1px solid var(--ink-20)}
.legal-doc a:hover{color:var(--vermillon);border-color:var(--vermillon)}
.legal-doc .btn{border-bottom:0}
.legal-doc .btn--primary{color:var(--paper-warm)}
.legal-doc .btn--primary:hover{color:var(--paper-warm)}

.legal-note{background:var(--paper-deep);border:1px solid var(--paper-edge);border-radius:var(--r-md);padding:clamp(20px,2.4vw,28px);max-width:70ch;margin:0 0 var(--s16)}
.legal-note p{margin:0;color:var(--ink-80);font-size:16px}
.legal-note__label{display:block;font:500 11px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--vermillon);margin:0 0 var(--s3)}

.legal-todo{color:var(--vermillon);font-style:italic}
.legal-foot{margin-top:var(--s16);padding-top:var(--s6);border-top:1px solid var(--ink-10)}