/* Legal pages (Terms of Service, Privacy Notice). Every colour is a token from ui.css; no font is set here, so
   body copy inherits var(--font). */
.legal-bar{background:var(--card);border-bottom:1px solid var(--line)}
.legal-inner{max-width:880px;margin:0 auto;padding:0 24px}
.legal-bar .legal-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.legal-bar nav{margin-left:auto;display:flex;gap:16px;font-size:13px;font-weight:600}
.legal-doc{padding-top:32px;padding-bottom:56px}
.legal-draft{border:1px solid var(--needs);background:var(--needs-bg);color:var(--ink);border-radius:14px;padding:12px 16px;margin:0 0 28px;font-size:14px;line-height:1.55}
.legal-meta{color:var(--muted);font-size:13px;margin:8px 0 0}
.legal-doc h2{margin:32px 0 0;font-size:20px;font-weight:800;letter-spacing:-.02em}
.legal-doc h3{margin:20px 0 0;font-size:16px;font-weight:700}
.legal-doc p{margin:10px 0}
.legal-doc ul,.legal-doc ol{margin:10px 0;padding-left:22px}
.legal-doc li{margin:6px 0;line-height:1.6}
.legal-table{width:100%;overflow-x:auto}
.legal-doc table{border-collapse:collapse;width:100%;font-size:14px;margin:12px 0}
.legal-doc th,.legal-doc td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.legal-doc th{background:var(--tint);font-weight:700}
.legal-foot{border-top:1px solid var(--line);background:var(--card)}
.legal-foot .legal-inner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px}
.legal-foot nav{display:flex;gap:16px;font-size:13px;font-weight:600}
@media (max-width:560px){.legal-inner{padding-left:16px;padding-right:16px}}