/* FICHIER GÉNÉRÉ depuis css/legal.css — ne pas éditer. Voir CLAUDE.md. */
body.legal-page{background:var(--cream)} .legal-hero{position:relative;background:linear-gradient(160deg,var(--c-green-mid) 0%,#103a22 55%,var(--c-ink) 100%);color:#fff;padding-top:clamp(7.5rem,16vh,11rem);padding-bottom:clamp(2.6rem,6vh,4.5rem)}.legal-hero .container{position:relative;z-index:1}.legal-hero .kicker{color:var(--c-accent)}.legal-hero h1{color:#fff;font-size:clamp(1.5rem,3vw,2.15rem);margin:0.6rem 0 0;max-width:22ch}.legal-hero__meta{margin:1.1rem 0 0;color:rgba(255,255,255,0.7);font-size:0.95rem} .legal-body{padding:clamp(2.4rem,6vw,4.5rem) 0 clamp(4rem,9vh,7rem)}.legal-doc{max-width:1080px;margin:0 auto;background:#fff;border:1px solid var(--stone);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(1.7rem,4vw,4.4rem);font-size:clamp(1.1rem,0.75vw + 0.85rem,1.3rem);line-height:1.72} @media (min-width:861px){.legal-doc{max-width:1120px;padding:clamp(3rem,4.5vw,5rem) clamp(3.2rem,5vw,6rem);font-size:1.04rem;line-height:1.66}.legal-section>h2{font-size:clamp(1.25rem,1.8vw,1.55rem)}.legal-section h3{font-size:clamp(1.05rem,1.3vw,1.2rem)}} .legal-toc{margin:0 0 clamp(1.8rem,4vw,2.8rem);padding:clamp(1.1rem,2.4vw,1.6rem) clamp(1.2rem,2.6vw,1.8rem);background:var(--cream);border:1px solid var(--stone);border-radius:var(--radius-md)}.legal-toc__title{font-family:var(--font-body);font-weight:700;font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 0.7rem}.legal-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.4rem;counter-reset:toc}.legal-toc li{counter-increment:toc}.legal-toc a{color:var(--ink);font-weight:600;font-size:clamp(1.02rem,0.9vw,1.16rem);background-image:linear-gradient(var(--green-600),var(--green-600));background-repeat:no-repeat;background-position:0 100%;background-size:0 1.5px;transition:background-size 0.4s var(--ease-soft),color 0.3s}.legal-toc a::before{content:counter(toc,decimal-leading-zero);color:var(--green-600);font-weight:800;margin-right:0.6em}.legal-toc a:hover{color:var(--green-700);background-size:100% 1.5px} .legal-section{scroll-margin-top:110px}.legal-section + .legal-section{margin-top:clamp(2.4rem,5.5vw,3.8rem)}.legal-section>h2{font-size:clamp(1.4rem,2.6vw,2rem);color:var(--green-700);padding-bottom:0.75rem;border-bottom:2px solid var(--stone);margin-bottom:1.4rem}.legal-section h3{font-size:clamp(1.22rem,1.9vw,1.55rem);color:var(--ink);margin:2.1rem 0 0.65rem;letter-spacing:-0.01em}.legal-doc p{color:var(--ink);margin:0 0 1em}.legal-doc a{color:var(--green-600);font-weight:600}.legal-doc a:hover{text-decoration:underline}.legal-doc strong{font-weight:700} .legal-doc ul{margin:0 0 1.1em;padding-left:1.3em}.legal-doc ul li{margin:0 0 0.4em;padding-left:0.2em}.legal-doc ul li::marker{color:var(--green-500)} .legal-facts{margin:0.4rem 0 0.6rem;padding:clamp(1.1rem,2.4vw,1.5rem) clamp(1.2rem,2.6vw,1.7rem);background:var(--cream);border:1px solid var(--stone);border-radius:var(--radius-md);display:grid;grid-template-columns:max-content 1fr;gap:0.55rem 1.4rem}.legal-facts dt{font-weight:700;font-size:0.82rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink-soft);align-self:start;padding-top:0.12em}.legal-facts dd{margin:0;color:var(--ink)} .legal-note{margin-top:clamp(2.2rem,5vw,3.2rem);padding-top:1.4rem;border-top:1px solid var(--stone);color:var(--ink-soft);font-size:0.92rem}@media (max-width:560px){.legal-facts{grid-template-columns:1fr;gap:0.15rem 0}.legal-facts dt{margin-top:0.7rem}.legal-facts dt:first-of-type{margin-top:0}} @media (min-width:1500px) and (max-width:1560px){.legal-page .site-footer__logo{width:168px;background-color:var(--c-accent)}} @media (max-width:445px){.legal-hero h1{font-size:clamp(1.3rem,5vw,1.6rem)}.legal-doc{font-size:0.97rem;line-height:1.6}.legal-section>h2{font-size:1.22rem}.legal-section h3{font-size:1.05rem}.legal-toc a{font-size:0.96rem}.legal-facts dd{font-size:0.97rem}} @media (min-width:446px) and (max-width:860px){.legal-section>h2{font-size:1.75rem}.legal-section h3{font-size:1.5rem}}
