.legal {
  max-width: 820px;
  margin: var(--space-7) auto;
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
}
.legal h1 { font-size: 32px; font-weight: 700; letter-spacing: -.01em; }
.legal > p:first-of-type { margin-top: var(--space-2); color: var(--text-muted); font-size: 14px; }
.legal h2 { margin-top: var(--space-7); font-size: 20px; font-weight: 600; }
.legal h3 { margin-top: var(--space-5); font-size: 16px; font-weight: 600; }
.legal p { margin-top: var(--space-4); font-size: 14px; color: var(--text-muted); }
.legal a { color: var(--accent-text); text-decoration: underline; text-underline-offset: 3px; }
.legal table {
  width: 100%;
  margin: var(--space-4) 0;
  border-collapse: collapse;
  border: 1px solid var(--border);
}
.legal th, .legal td {
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border);
  text-align: left;
  font-size: 14px;
}
.legal th { background: var(--surface-2); font-weight: 600; }
.legal th:first-child, .legal td:first-child { width: 45px; text-align: center; }