/* Pages légales d'OLA : sobres, lisibles, la même typographie que le site */
:root{--ink:#09090b;--ink-2:#3f3f46;--ink-3:#6b6b73;--line:#ececee;--bg:#fafafa;--card:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 Geist,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.lg-top{display:flex;align-items:center;justify-content:space-between;max-width:760px;margin:0 auto;padding:22px 24px}
.lg-logo img{display:block;height:22px;width:auto;filter:invert(1)}
.lg-date,.lg-back{font-family:Geist,-apple-system,system-ui,sans-serif}
.lg-back{font-size:14px;color:var(--ink-3);text-decoration:none}
.lg-back:hover{color:var(--ink)}
.lg-hero{max-width:760px;margin:0 auto;padding:56px 24px 40px}
.lg-eyebrow{margin:0 0 14px;color:var(--ink-3);font-size:13px;font-weight:600;letter-spacing:.02em}
.lg-hero h1{margin:0;font-size:clamp(38px,6vw,60px);font-weight:600;line-height:1.02;letter-spacing:-.045em}
.lg-hero h1 span{color:#a1a1aa}
.lg-date{margin:22px 0 0;color:var(--ink-3);font-size:13px}
.lg-nav{position:sticky;top:0;z-index:5;background:rgba(250,250,250,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.lg-nav>div{display:flex;gap:4px;max-width:760px;margin:0 auto;padding:8px 18px;overflow-x:auto;scrollbar-width:none}
.lg-nav>div::-webkit-scrollbar{display:none}
.lg-nav a{flex:none;padding:7px 11px;border-radius:8px;color:var(--ink-3);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.lg-nav a:hover{background:#f1f1f3;color:var(--ink)}
.lg-main{max-width:760px;margin:0 auto;padding:16px 24px 80px}
.lg-s{padding:44px 0;border-bottom:1px solid var(--line)}
.lg-s:last-child{border-bottom:0}
.lg-h{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}
.lg-h span{flex:none;min-width:28px;color:#a1a1aa;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.lg-h h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.25}
.lg-s p{margin:0 0 14px;color:var(--ink-2);font-size:15.5px}
.lg-s strong{color:var(--ink);font-weight:600}
.lg-s a{text-decoration:underline;text-underline-offset:3px}
.lg-list{margin:14px 0;padding:0;list-style:none;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.lg-list li{position:relative;padding:12px 16px 12px 36px;border-top:1px solid var(--line);color:var(--ink-2);font-size:15px}
.lg-list li:first-child{border-top:0}
.lg-list li::before{content:"";position:absolute;left:17px;top:21px;width:6px;height:6px;border-radius:50%;background:#c7c7cc}
.lg-callout{margin:18px 0;padding:16px 18px;border-radius:14px;background:#f1f1f3}
.lg-callout p{margin:0;color:var(--ink-2);font-size:15px}
.lg-card{display:flex;flex-direction:column;gap:4px;margin-top:16px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.lg-card span{color:#a1a1aa;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.lg-card p{margin:0;color:var(--ink-3);font-size:15px}
.lg-card a{font-size:17px;font-weight:600;text-decoration:none}
.lg-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:760px;margin:0 auto;padding:28px 24px 48px;border-top:1px solid var(--line);color:var(--ink-3);font-size:13px}
.lg-foot a{text-decoration:none}
.lg-foot a:hover{color:var(--ink)}
@media (max-width:600px){.lg-hero{padding:32px 20px 28px}.lg-main{padding:8px 20px 64px}.lg-s{padding:34px 0}.lg-h h2{font-size:20px}}