.legal {
  background: #ffffff;
  color: #101828;
  min-height: 80vh;
  padding: 48px 0 80px;
}
.legal-container { max-width: 760px; }
.legal-header { margin-bottom: 40px; padding-bottom: 24px; border-bottom: 1px solid #e4e7ec; }
.legal-header h1 { font-size: 2rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 8px; color: #101828; }
.legal-header .muted { color: #667085; }
.legal section { margin-bottom: 32px; }
.legal section h2 { font-size: 1.25rem; font-weight: 600; margin: 0 0 12px; color: #101828; letter-spacing: -0.01em; }
.legal section p { margin: 0 0 12px; color: #344054; line-height: 1.7; }
.legal section ul { margin: 0 0 12px; padding-left: 22px; color: #344054; line-height: 1.7; }
.legal section li { margin-bottom: 6px; }
.legal section a { color: #2563eb; }
.legal section a:hover { text-decoration: underline; }
.legal section strong { color: #101828; }
.legal section code {
  background: #f7f8fa; padding: 1px 6px; border-radius: 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em; color: #475467;
}
.legal-footer { margin-top: 48px; padding-top: 24px; border-top: 1px solid #e4e7ec; font-size: 14px; color: #667085; }
.legal-footer a { color: #2563eb; }