/* pages legales B2C (WEA-2171) — gabarit du site pro sur les jetons de la home */
.lg-h{padding:70px 0 34px}
.lg-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:34px}
.lg-tabs a{padding:9px 16px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line);font:500 14px/1 var(--b);color:var(--ink-2);text-decoration:none;transition:.2s}
.lg-tabs a:hover{color:var(--ink)}
.lg-tabs a.on{background:var(--nuit);color:#fff;box-shadow:none}
.lg-h h1{font:600 clamp(40px,5.6vw,76px)/1.02 var(--h);letter-spacing:-.05em}
.lg-up{margin-top:16px;font-size:15px;color:var(--muted)}
.lg{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start;padding-bottom:90px}
.lg.notoc{grid-template-columns:minmax(0,1fr);max-width:880px}
.lg-toc{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lg-toc small{display:block;font:600 12px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.lg-toc nav{display:grid;gap:2px;border-left:2px solid var(--line)}
.lg-toc a{display:block;padding:8px 0 8px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--ink-2);text-decoration:none;transition:.2s}
.lg-toc a:hover{color:var(--ink)}
.lg-toc a.on{color:var(--coral);border-left-color:var(--coral);font-weight:500}
.lg-b{background:var(--white);border:1px solid var(--line);border-radius:30px;padding:48px 52px;max-width:860px}
.lg-b section{scroll-margin-top:110px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line-2)}
.lg-b section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.lg-b h2{font:600 clamp(21px,2vw,26px)/1.2 var(--h);letter-spacing:-.03em;margin-bottom:14px}
/* les sous-titres du texte source vont du h4 au h5 selon la saisie Webflow :
   un seul niveau visuel, le gabarit n'en porte pas d'autre */
.lg-b h3,.lg-b h4,.lg-b h5,.lg-b h6{font:600 17px/1.3 var(--h);letter-spacing:-.015em;margin:22px 0 10px;color:var(--ink)}
.lg-b p,.lg-b li{font-size:16px;line-height:1.7;color:var(--ink-2)}
.lg-b p+p{margin-top:12px}
.lg-b ul,.lg-b ol{margin:10px 0 0;padding-left:22px}
.lg-b li+li{margin-top:6px}
/* un paragraphe qui reprend apres une liste doit respirer comme apres un autre */
.lg-b ul+p,.lg-b ol+p{margin-top:12px}
.lg-b a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}
.lg-b strong{color:var(--ink);font-weight:600}
/* chapeau : le seul passage ou la page s'adresse au lecteur avant le juridique */
.lg-lead{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--line-2)}
.lg-lead p{font-size:17px;line-height:1.65;color:var(--ink-2)}
.lg-lead p+p{margin-top:12px}
@media (max-width:980px){.lg{grid-template-columns:1fr;gap:20px}.lg-toc{position:static;max-height:none;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:18px 20px}.lg-toc nav{border-left:0}.lg-toc a{padding:7px 0;border-left:0;margin:0}}
@media (max-width:640px){.lg-h{padding:44px 0 24px}.lg-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 26px;padding:0 16px;scrollbar-width:none}.lg-tabs::-webkit-scrollbar{display:none}.lg-tabs a{flex:none}.lg-b{padding:26px 20px;border-radius:24px}.lg{padding-bottom:60px}}
