/* Pages légales (28/09/2026, outils/generer_pages_legales.py) : texte sur le fond de la page, blocs séparés par un
   filet (occasion.css), fiche en deux colonnes, passages à compléter surlignés tant qu'ils ne sont pas remplacés. */
.legal{padding:26px 0 60px;max-width:820px}
.legal h1{font-size:clamp(30px,6vw,44px);line-height:1.06;letter-spacing:-1.4px;margin-top:8px}
.legal-chapeau{margin-top:12px;font-size:15px;line-height:1.55;color:var(--muted);max-width:60ch}
.legal-date{margin:8px 0 0;font-size:11px;color:var(--muted)}
.legal .occ-bloc:first-of-type{margin-top:34px}
.legal .occ-bloc>p{max-width:none}
.legal .occ-bloc a{color:var(--action);text-decoration:underline;text-underline-offset:3px}
.legal-fiche{display:grid;gap:0;margin:12px 0 0}
.legal-fiche>div{display:grid;grid-template-columns:1fr;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}
.legal-fiche dt{font-size:12px;font-weight:650;color:var(--ink)}
.legal-fiche dd{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}
.a-completer{background:#fff1a8;color:#5a4600;padding:1px 6px;border-radius:4px;font-weight:600}
@media(min-width:700px){
 .legal{padding:40px 0 80px}
 .legal-fiche>div{grid-template-columns:200px minmax(0,1fr);gap:16px}
}