.legal{max-width:760px;margin:0 auto;padding:16px 18px 60px;line-height:1.8}
.legal-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 14px;border-bottom:1px solid var(--line)}
.legal-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px;color:var(--ink);text-decoration:none}
.legal-brand img{width:32px;height:32px;border-radius:8px}
.legal nav{font-size:14px;color:var(--muted)}
.legal a{color:var(--primary)}
.legal article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-top:18px}
.legal h1{font-size:24px;margin:4px 0 6px}
.legal h2{font-size:17px;margin:22px 0 6px}
.legal ul{padding-inline-start:22px}
.legal li{margin-bottom:6px}
.legal .meta{color:var(--muted);font-size:14px}
.legal mark{background:var(--warn-bg);color:var(--warn-ink);border-radius:4px;padding:0 4px}
.legal .co{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 16px}
.legal .co dt{color:var(--muted)}
.legal .co dd{margin:0;font-weight:600}
.legal-f{text-align:center;margin-top:24px}