/* legal — repris du <style> de legal.html.
   Genere par _tools/build-pagecss.py : ne pas modifier a la main. */
.lg-wrap{max-width:1180px;margin:0 auto;padding:var(--s5) clamp(20px,4vw,52px) var(--s6);display:grid;grid-template-columns:230px 1fr;gap:clamp(30px,4.5vw,64px);align-items:start}
@media (max-width:900px){.lg-wrap{grid-template-columns:1fr}.lg-toc{position:static!important}}
.lg-toc{position:sticky;top:124px}
.lg-toc p{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.lg-toc ul{list-style:none;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}
.lg-toc a{display:flex;gap:12px;align-items:baseline;padding:9px 0 9px 18px;margin-left:-1px;border-left:2px solid transparent;font-size:.94rem;color:var(--green);transition:color .3s,border-color .3s}
.lg-toc a .n{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--gold);opacity:.55;transition:opacity .3s}
.lg-toc a:hover{color:var(--gold)}
.lg-toc a.active{color:var(--gold);border-left-color:var(--gold)}
.lg-toc a.active .n{opacity:1}
.lg-body h1{font-family:var(--serif);font-weight:300;font-size:var(--step-3);color:var(--pine);line-height:1.02;margin:12px 0 20px;max-width:18ch}
.lg-body section{padding-top:var(--s5);scroll-margin-top:124px}
.lg-body h2{font-family:var(--serif);font-weight:400;font-size:var(--step-2);color:var(--pine);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.lg-body h2 .sn{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.lg-body h3{font-family:var(--serif);font-weight:400;font-size:var(--step-1);color:var(--green);margin:26px 0 10px}
.lg-body p,.lg-body li{max-width:66ch;margin-bottom:12px}
.lg-body ul{padding-left:20px;margin-bottom:14px}
.lg-body dl{display:grid;grid-template-columns:200px 1fr;gap:0 22px;max-width:66ch;margin:6px 0 20px}
.lg-body dl>dt,.lg-body dl>dd{border-top:1px solid var(--line);padding:13px 0}
.lg-body dt{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
@media (max-width:640px){.lg-body dl{grid-template-columns:1fr}.lg-body dl>dd{border-top:0;padding:2px 0 14px}.lg-body dl>dt{padding-bottom:2px}}
.draft{display:flex;gap:16px;align-items:flex-start;background:var(--cream);border:1px solid var(--line);border-left:2px solid var(--gold);padding:18px 22px;border-radius:8px;margin-bottom:var(--s3);max-width:66ch}
.draft .ic{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center}
.draft p{margin:0;max-width:none}
.draft strong{font-weight:500}
.updated{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.8}