.legal-wrap{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:start}
.legal-nav{position:sticky;top:104px;border:1px solid var(--line);background:rgba(14,45,82,.58);border-radius:18px;padding:18px}
.legal-nav strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#b9d7f1}
.legal-nav a{display:block;text-decoration:none;color:var(--muted);font-size:13px;padding:7px 0}
.legal-nav a:hover{color:var(--text)}
.legal-article{max-width:820px}
.legal-article h2{font-size:28px;margin:46px 0 14px}
.legal-article h2:first-child{margin-top:0}
.legal-article h3{font-size:18px;margin:28px 0 10px}
.legal-article p,.legal-article li{color:#b7cde3}
.legal-article ul{padding-left:22px}
.legal-meta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.legal-meta span{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:7px 10px;border-radius:999px}
.legal-note{border-left:3px solid var(--cyan);padding:13px 16px;background:rgba(34,184,212,.07);color:#c9e5f7;border-radius:0 12px 12px 0}
.legal-table{width:100%;border-collapse:collapse;margin:18px 0 30px;font-size:14px}
.legal-table th,.legal-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.legal-table th{color:var(--text);background:rgba(14,45,82,.5)}
.legal-table td{color:#b7cde3}
@media(max-width:860px){.legal-wrap{grid-template-columns:1fr}.legal-nav{position:static}}