.legal{max-width:760px;margin:0 auto;padding:40px 0 80px}
.legal h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:6px}
.legal .upd{color:var(--muted);font-size:.9rem;margin-bottom:28px}
.legal .sum{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:20px 22px;margin-bottom:32px}
.legal .sum h2{font-size:1rem;letter-spacing:-.01em;margin-bottom:10px}
.legal .sum ul{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--text-2)}
.legal nav.toc{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}
.legal nav.toc a{text-decoration:none;font-size:.8rem;font-weight:700;padding:6px 12px;border-radius:99px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-2)}
.legal section{scroll-margin-top:84px;margin-bottom:28px}
.legal h2{font-size:1.25rem;letter-spacing:-.02em;margin-bottom:8px}
.legal p,.legal li{color:var(--text-2);line-height:1.65}
.legal ul{padding-left:20px}
.legal .note{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:36px}