/* ORL Audition — pages légales (mentions légales)
   Complète assets/css/base.css : ne redéfinit ni la typographie
   générale, ni l'en-tête, ni le pied de page. */

.legal{max-width:820px;margin:0 auto;padding:150px 28px 96px}
.legal .eyebrow{display:block;margin-bottom:16px}
.legal h1{font-size:clamp(2.4rem,5.5vw,3.6rem);line-height:1.06;margin-bottom:14px}
.legal .updated{font-size:.88rem;color:var(--ink-faint);margin-bottom:52px}
.legal h2{font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.2;margin:48px 0 14px;padding-top:26px;border-top:1px solid var(--line)}
.legal h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.legal h3{font-size:1.06rem;margin:24px 0 8px}
.legal p{color:var(--ink-soft);margin-bottom:14px;line-height:1.65}
.legal a{color:var(--terra)}
.legal a:hover{color:var(--terra-deep);text-decoration:underline}
.legal strong{color:var(--ink);font-weight:600}
.legal ul{margin:0 0 16px;padding-left:0;list-style:none}
.legal li{color:var(--ink-soft);position:relative;padding-left:20px;margin-bottom:9px;line-height:1.65}
.legal li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--terra)}

/* Fiche d'identité (éditeur / hébergeur) */
.legal .card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px 28px;margin:20px 0 8px}
.legal .row{display:flex;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}
.legal .row:last-child{border-bottom:0}
.legal .row .k{flex:0 0 40%;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding-top:2px}
.legal .row .v{flex:1;color:var(--ink)}

/* Champ à compléter avant mise en production */
.todo{display:inline-block;background:var(--terra-tint-2);border:1px dashed var(--terra);color:var(--terra-deep);border-radius:7px;padding:1px 9px;font-size:.86rem;font-weight:600}

/* Encadré d'avertissement */
.note{background:var(--terra-tint-2);border-left:3px solid var(--terra);border-radius:0 14px 14px 0;padding:20px 24px;margin:24px 0}
.note p:last-child{margin-bottom:0}
.note strong{color:var(--terra-deep)}

@media (max-width:760px){
  .legal{padding:120px 20px 72px}
  .legal .row{flex-direction:column;gap:4px}
  .legal .row .k{flex:none}
}