body.legal{background:var(--paper)}
.legal-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:rgba(251,248,243,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.legal-nav .brand img{width:36px;height:36px}
.legal-nav .back{font-size:15px;font-weight:500;padding:10px 18px;border-radius:99px;background:var(--ink);color:#fff}
.legal-wrap{max-width:780px;margin:0 auto;padding:80px 6vw 120px}
.legal-wrap h1{font-size:clamp(44px,6vw,76px);line-height:.95;letter-spacing:-.045em;font-weight:600}
.legal-wrap h1 em{font-size:1.06em}
.legal-meta{margin:22px 0 40px;color:var(--muted)}
.legal-toc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 24px;margin-bottom:50px}
.legal-toc b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}
.legal-toc ol{margin:10px 0 0 20px;columns:2;column-gap:30px;font-size:15px}
.legal-toc li{margin:4px 0}
.legal-toc a:hover{color:var(--accent)}
.legal-wrap h2{font-size:26px;letter-spacing:-.03em;line-height:1.2;margin:46px 0 14px;font-weight:600;scroll-margin-top:90px}
.legal-wrap h3{font-size:18px;margin:24px 0 8px;font-weight:600}
.legal-wrap p,.legal-wrap li{font-size:16.5px;line-height:1.65;color:#2c3446}
.legal-wrap p{margin:0 0 14px}
.legal-wrap ul{margin:0 0 16px 22px}
.legal-wrap li{margin:5px 0}
.legal-wrap a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.callout{background:#fff;border-left:4px solid var(--accent);border-radius:12px;padding:16px 20px;margin:18px 0}
.callout p:last-child{margin:0}
.legal-foot{background:var(--night);color:rgba(255,255,255,.6);padding:40px 5vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}
.legal-foot a{color:#fff;margin-right:20px}
@media (max-width:600px){.legal-toc ol{columns:1}}