/* Pages légales en V2 « plan d'ingénieur » (lot 2) : mentions, CGV, confidentialité, cookies.
   Les textes ne bougent pas : on redéfinit les variables propres à ces pages avec les jetons
   V2, puis on redessine leur cadre en feuille de plan. Chargée seulement si `design_plan`. */

/* Les pages légales imposent leur fond en !important sur `body` : on reprend la main. */
html body.plan{background-color:var(--p-fond)!important}

body.plan .legal-wrap{
  --ink:var(--p-fort);--text:var(--p-texte2);--text-muted:var(--p-texte2);--border:var(--p-trait-doux);
  --border-strong:var(--p-trait);--bg:var(--p-surface);--bg-soft:var(--p-survol);--bg-warm:var(--p-survol);
  --navy:var(--p-cyan);--navy-50:var(--p-survol);--orange:var(--p-orange);--orange-50:var(--p-orange-voile);
  padding:70px 16px 40px;font-family:var(--p-titre)}
body.plan .legal-inner{max-width:880px}
body.plan .legal-card{border:1.5px solid var(--p-trait);border-radius:0;box-shadow:4px 4px 0 var(--p-ombre);padding:0 0 34px;background:var(--p-surface)}
body.plan .legal-card > *:not(.legal-eyebrow){margin-left:44px;margin-right:44px}
body.plan .legal-eyebrow{display:flex;margin:0 0 34px;padding:12px 44px;border-bottom:1.5px solid var(--p-trait);font:11px var(--p-mono);letter-spacing:.14em;color:var(--p-cyan)}
body.plan .legal-eyebrow::before{border-radius:0;background:var(--p-orange)}
body.plan .legal-h1{font:850 clamp(30px,3.4vw,46px)/1.02 var(--p-titre);font-stretch:118%;text-transform:uppercase;letter-spacing:-.01em;color:var(--p-fort);border-bottom:1px solid var(--p-trait-doux)}
body.plan .legal-h2{font:800 17px var(--p-titre);font-stretch:115%;text-transform:uppercase;letter-spacing:.02em;color:var(--p-fort)}
body.plan .legal-h2::before{width:10px;height:10px;border-radius:0}
body.plan .legal-h3{font-weight:700;color:var(--p-fort)}
body.plan .legal-p strong,body.plan .legal-ul li strong,body.plan .legal-box strong,body.plan .legal-box-warn strong,body.plan .legal-footer strong{color:var(--p-fort)}
body.plan .legal-a{color:var(--p-fort);text-decoration-color:var(--p-orange)}
body.plan .legal-a:hover{text-decoration-color:var(--p-fort)}
body.plan .legal-ul li::before{border-radius:0}
body.plan .legal-box{border:1px dashed var(--p-trait-doux);border-left:3px solid var(--p-cyan);border-radius:0;background:transparent}
body.plan .legal-box-warn{border:1px dashed var(--p-ambre);border-left:3px solid var(--p-ambre);border-radius:0;background:transparent}
body.plan .legal-grid-item,body.plan .legal-cnil,body.plan .legal-contact{border:1px solid var(--p-trait-doux);border-radius:0;background:transparent}
body.plan .legal-grid-item h4{color:var(--p-fort);text-transform:uppercase;letter-spacing:.02em}
body.plan .legal-table th{font:500 10px var(--p-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--p-cyan);background:transparent;border-color:var(--p-trait-doux)}
body.plan .legal-table td{border-color:var(--p-trait-doux)}
body.plan .legal-table td code,body.plan .legal-grid-item code{font-family:var(--p-mono);background:var(--p-survol);color:var(--p-fort);border-radius:0}
body.plan .legal-footer{border:0;border-top:1px dashed var(--p-trait-doux);border-radius:0;background:transparent;font:11px/1.6 var(--p-mono);padding:16px 0 0}

@media (max-width:640px){
  body.plan .legal-card > *:not(.legal-eyebrow){margin-left:20px;margin-right:20px}
  body.plan .legal-eyebrow{padding:12px 20px}
  body.plan .legal-grid{grid-template-columns:1fr}
  body.plan .legal-table{display:block;overflow-x:auto}
}