.legal-nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(8px)}
.legal-nav .nav__inner{height:64px}
.legal-nav__back{font-size:var(--fs-sm);font-weight:600;color:var(--ink);opacity:.8}
.legal-nav__back:hover{opacity:1}
.legal{max-width:860px;margin:0 auto;padding:64px 28px 100px}
.legal h1{font-size:var(--fs-h2);font-weight:600;color:var(--ink);letter-spacing:.08em}
.legal__date{margin-top:8px;font-size:var(--fs-xs);color:var(--muted)}
.legal__intro{margin-top:28px;padding:20px 24px;background:var(--cream);border-radius:12px}
.legal__toc{margin-top:16px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;columns:2;column-gap:32px;font-size:var(--fs-sm)}
.legal__toc a{display:block;padding:3px 0;color:var(--muted)}
.legal__toc a:hover{color:var(--ink)}
.legal h2{margin-top:48px;padding-bottom:10px;font-size:20px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);scroll-margin-top:80px}
.legal h3{margin-top:24px;font-size:var(--fs-body);font-weight:600;color:var(--ink)}
.legal p,.legal li{margin-top:10px;font-size:15px}
.legal ul{margin-top:6px;padding-left:1.4em;list-style:disc}
.legal a{color:var(--ink);text-decoration:underline}
.legal strong{color:var(--ink)}
.legal + .footer .footer__legal a{color:inherit;text-decoration:none}
@media (max-width:860px){.legal{padding:40px 20px 72px}.legal__toc{columns:1}}