/* P+124 — Shared style for /legal/* pages. Dark theme to match the
   dashboard, readable typography, draft-watermark banner for the
   pre-legal-review period. */
:root {
  --legal-bg:        #0e1116;
  --legal-surface:   #161a21;
  --legal-text:      #e3e7ec;
  --legal-muted:     #9aa3ad;
  --legal-accent:    #4f8cff;
  --legal-danger:    #f5b94a;
  --legal-border:    #232832;
}
* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: var(--legal-bg);
  color: var(--legal-text);
  font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
.legal-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 28px 80px;
}
.draft-banner {
  background: rgba(245, 185, 74, 0.10);
  border: 1px solid rgba(245, 185, 74, 0.45);
  color: var(--legal-danger);
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 28px;
  font-size: 13px;
  line-height: 1.45;
}
.draft-banner strong { color: var(--legal-danger); }
h1 { font-size: 28px; font-weight: 600; margin: 0 0 6px; letter-spacing: -0.01em; }
h2 { font-size: 18px; font-weight: 600; margin: 32px 0 10px; }
h3 { font-size: 15px; font-weight: 600; margin: 24px 0 8px; color: var(--legal-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.legal-meta {
  color: var(--legal-muted);
  font-size: 13px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--legal-border);
}
.legal-meta span + span { margin-left: 12px; }
p { margin: 10px 0; color: var(--legal-text); }
ul { margin: 8px 0 12px; padding-left: 22px; }
li { margin: 4px 0; }
a { color: var(--legal-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.legal-section { margin-bottom: 14px; }
.legal-footer {
  margin-top: 48px;
  padding-top: 20px;
  border-top: 1px solid var(--legal-border);
  color: var(--legal-muted);
  font-size: 13px;
}
.legal-footer a { color: var(--legal-muted); margin-right: 16px; }
.contact-box {
  background: var(--legal-surface);
  border: 1px solid var(--legal-border);
  border-radius: 8px;
  padding: 16px 18px;
  margin: 16px 0;
  font-size: 14px;
}
.contact-box strong { color: var(--legal-text); }
</content>
</invoke>