feat: add legal foundation — ToS, Privacy Policy, Risk Disclaimers (#815)

Implements minimum viable legal documentation for the Lightning
payment-adjacent service per Whitestone Section 2.1.4.

- Add /legal/tos, /legal/privacy, /legal/risk routes
- Create templates with plain-language summaries + full legal text
- Cover Lightning-specific risks: payment finality, force-closure,
  routing failure, regulatory uncertainty, money transmission
- Add legal links to desktop MORE dropdown (with divider), mobile
  LEGAL nav section, and persistent footer on every page
- Add CSS for legal page layout, warning blocks, data table, footer
  and dropdown divider — no inline styles in templates

Fixes #815

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

static/css/mission-control.css

@@ -2902,3 +2902,176 @@
   padding-top: 0.5rem;
   border-top: 1px solid var(--border);
 }
+
+/* ═══════════════════════════════════════════════════════════════
+   Legal pages — ToS, Privacy Policy, Risk Disclaimers
+   ═══════════════════════════════════════════════════════════════ */
+
+.legal-page {
+  max-width: 860px;
+  margin: 0 auto;
+  padding: 1.5rem 1rem 3rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.legal-header {
+  margin-bottom: 0.5rem;
+}
+
+.legal-breadcrumb {
+  font-size: 0.75rem;
+  color: var(--text-dim);
+  margin-bottom: 0.5rem;
+  letter-spacing: 0.05em;
+}
+
+.legal-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: var(--purple);
+  letter-spacing: 0.1em;
+  margin-bottom: 0.25rem;
+}
+
+.legal-effective {
+  font-size: 0.78rem;
+  color: var(--text-dim);
+}
+
+.legal-toc-list {
+  margin: 0;
+  padding-left: 1.25rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.legal-toc-list li {
+  font-size: 0.85rem;
+}
+
+.legal-warning {
+  background: rgba(249, 115, 22, 0.08);
+  border: 1px solid rgba(249, 115, 22, 0.35);
+  border-radius: 4px;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  font-size: 0.85rem;
+  color: var(--text);
+  line-height: 1.5;
+}
+
+.legal-risk-banner .card-header {
+  color: var(--orange);
+}
+
+.legal-subhead {
+  font-size: 0.85rem;
+  font-weight: 700;
+  color: var(--text-bright);
+  margin: 1rem 0 0.4rem;
+  letter-spacing: 0.04em;
+}
+
+.legal-callout {
+  background: rgba(168, 85, 247, 0.08);
+  border-left: 3px solid var(--purple);
+  padding: 0.5rem 0.75rem;
+  margin-top: 0.75rem;
+  font-size: 0.85rem;
+  color: var(--text);
+  font-style: italic;
+}
+
+.legal-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.82rem;
+  margin: 0.5rem 0;
+}
+
+.legal-table th {
+  text-align: left;
+  padding: 0.5rem 0.75rem;
+  background: rgba(168, 85, 247, 0.1);
+  color: var(--text-bright);
+  border-bottom: 1px solid var(--border);
+  font-weight: 700;
+  letter-spacing: 0.04em;
+}
+
+.legal-table td {
+  padding: 0.45rem 0.75rem;
+  border-bottom: 1px solid rgba(255,255,255,0.04);
+  color: var(--text);
+  vertical-align: top;
+}
+
+.legal-table tr:last-child td {
+  border-bottom: none;
+}
+
+.legal-footer-links {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  font-size: 0.8rem;
+  padding-top: 0.5rem;
+}
+
+.legal-sep {
+  color: var(--text-dim);
+}
+
+/* Dropdown divider */
+.mc-dropdown-divider {
+  height: 1px;
+  background: var(--border);
+  margin: 0.25rem 0;
+}
+
+/* ── Footer ── */
+.mc-footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.4rem;
+  padding: 0.75rem 1rem;
+  font-size: 0.72rem;
+  color: var(--text-dim);
+  border-top: 1px solid var(--border);
+  background: var(--bg-deep);
+  letter-spacing: 0.06em;
+}
+
+.mc-footer-link {
+  color: var(--text-dim);
+  text-decoration: none;
+  transition: color 0.15s;
+}
+
+.mc-footer-link:hover {
+  color: var(--purple);
+}
+
+.mc-footer-sep {
+  color: var(--border);
+}
+
+@media (max-width: 600px) {
+  .legal-page {
+    padding: 1rem 0.75rem 2rem;
+  }
+
+  .legal-table {
+    font-size: 0.75rem;
+  }
+
+  .legal-table th,
+  .legal-table td {
+    padding: 0.4rem 0.5rem;
+  }
+}