.legal-nav{border-bottom:1px solid var(--line);background:var(--nav-bg)}
.legal-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:18px}
.legal-nav nav{display:flex;gap:18px;align-items:center;font-size:14px}
.legal-nav button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:6px 10px;cursor:pointer}
.legal-page{max-width:860px;padding-block:54px 72px}
.legal-page h1{font-size:40px;line-height:1.2;margin-top:10px}
.legal-date{font-size:13px;color:var(--ink3);margin-block:12px 28px}
.legal-intro{font-size:18px;color:var(--ink2);margin-bottom:28px}
.legal-page h2{font-size:22px;margin-top:32px;margin-bottom:12px;scroll-margin-top:24px}
.legal-page p,.legal-page li{font-size:15px;line-height:1.9;margin-bottom:14px}
.legal-page ul{padding-left:22px}
.legal-page a{color:var(--primary-deep);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-footer{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--ink2)}
@media(max-width:600px){.legal-nav .wrap{align-items:flex-start;flex-direction:column}.legal-page{padding-block:32px 48px}.legal-page h1{font-size:32px}.legal-nav nav{flex-wrap:wrap;gap:16px}.legal-page h2{font-size:20px}}