/* ══════════════════════════════════════════════════════════════════
   ECG Prépa — pages légales : menu des documents et sommaire à
   gauche, texte à droite. Les blocs latéraux sont créés par legal.js.
   ══════════════════════════════════════════════════════════════════ */
main{ display:flex; flex-wrap:wrap; gap:48px 72px; align-items:flex-start; max-width:none;
  padding:64px max(48px,calc((100% - 1100px)/2)) 110px; }
.legal-side{ flex:0 0 260px; display:flex; flex-direction:column; gap:32px; position:sticky; top:96px; }
.legal-docs, .legal-toc{ display:flex; flex-direction:column; gap:4px; }
.legal-titre{ font-family:'DM Mono',monospace; font-size:.7rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--text-faint); margin-bottom:8px; }
.legal-docs a{ padding:10px 14px; border-radius:10px; font-size:.9rem; color:var(--text-dim); text-decoration:none; }
.legal-docs a:hover{ color:var(--text); }
.legal-docs a.cur{ background:rgba(200,169,110,.12); color:var(--accent); }
.legal-toc{ border-left:1px solid var(--border); }
.legal-toc .legal-titre{ margin:0 0 8px 16px; }
.legal-toc a{ padding:7px 16px; font-size:.88rem; color:var(--text-dim); text-decoration:none; }
.legal-toc a:hover{ color:var(--accent); }
main article{ flex:1 1 520px; min-width:0; max-width:720px; }
article h2{ font-size:1.75rem; color:var(--text); margin-top:44px; margin-bottom:16px; scroll-margin-top:96px; }
article h2:first-child{ margin-top:0; }
article p, article ul{ color:#d6d3cb; font-size:1rem; line-height:1.8; max-width:none; }
article ul{ margin-left:22px; }
article a{ color:var(--accent); text-decoration:underline; }
@media (max-width:900px){
  main{ padding:40px 20px 72px; }
  .legal-side{ position:static; flex:1 1 100%; }
  .legal-toc{ display:none; }
}