.legal-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:64px;padding-block:64px 90px;align-items:start}
.legal-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:calc(var(--header-height) + 32px)}
.legal-nav a{padding:13px 15px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:650}
.legal-nav a[aria-current=page]{background:var(--surface);color:var(--action);border:1px solid var(--line)}
.legal-article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:40px;min-width:0;overflow-wrap:anywhere}
.legal-article h1{font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-1.3px;margin-bottom:20px}
.legal-article h2{font-size:20px;letter-spacing:-.4px;margin:32px 0 12px}
.legal-article p,.legal-article li{font-size:14px;line-height:1.9;color:var(--muted)}
.legal-article p+p{margin-top:16px}
.legal-article ul{padding-left:22px}
.legal-article li+li{margin-top:8px}
.legal-article a:not(.button){color:var(--action);text-decoration:underline;text-underline-offset:3px}
.legal-article .updated{font-size:12px;margin-bottom:24px}
.legal-article .notice{border-left:3px solid var(--action);padding:16px;background:var(--subtle);margin-top:24px}
.legal-article .button{margin-top:20px;color:var(--on-action);text-align:center;line-height:1.6}
@media(max-width:850px){.legal-layout{grid-template-columns:1fr;gap:24px;padding-top:32px}.legal-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:4px}.legal-nav a{padding:12px}.legal-article{padding:28px}}
@media(max-width:560px){.legal-layout{padding-bottom:54px}.legal-nav a{font-size:12px;padding:10px}.legal-article{padding:24px 20px}.legal-article p,.legal-article li{font-size:13px}}