/* ============================================================
   Fly GACA — Long-form / legal pages (disclaimer, terms, privacy)
   Load order: tokens.css -> base.css -> page.css
   ============================================================ */

.legal-main { padding-block: var(--space-8) var(--space-12); }

.legal-doc { max-width: 72ch; margin-inline: auto; }

.legal-doc .eyebrow { margin-block-end: var(--space-3); }
.legal-doc h1 { font-size: var(--fs-h1); letter-spacing: -0.02em; }

.legal-meta {
  margin-block: var(--space-3) var(--space-6);
  padding-block-end: var(--space-5);
  border-block-end: 1px solid var(--border);
  font-family: var(--font-mono); font-size: var(--fs-xs);
  color: var(--text-dim); letter-spacing: 0.04em;
}
.legal-meta .draft { color: var(--gold); }

.legal-doc h2 {
  font-size: var(--fs-h3); font-weight: var(--fw-bold);
  margin-block: var(--space-8) var(--space-3);
  letter-spacing: -0.01em;
}
.legal-doc h2:first-of-type { margin-block-start: var(--space-2); }

.legal-doc p,
.legal-doc li {
  color: var(--text-muted);
  line-height: var(--lh-body);
}
.legal-doc p { margin-block-end: var(--space-4); }
.legal-doc strong { color: var(--text); font-weight: var(--fw-semibold); }
.legal-doc a { color: var(--link); }
.legal-doc a:hover { color: var(--accent-bright); }

.legal-doc ul {
  list-style: disc; padding-inline-start: 1.3em;
  margin-block-end: var(--space-4); display: flex; flex-direction: column; gap: var(--space-2);
}
.legal-doc li::marker { color: var(--falcon-sage); }

/* Prominent disclaimer / key-statement callout */
.legal-callout {
  background: var(--surface);
  border: 1px solid var(--border-bright);
  border-inline-start: 3px solid var(--falcon-teal);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  margin-block: var(--space-5) var(--space-6);
}
.legal-callout p { color: var(--text); margin-block-end: 0; }
.legal-callout p + p { margin-block-start: var(--space-3); }

/* Closing note */
.legal-foot-note {
  margin-block-start: var(--space-8);
  padding-block-start: var(--space-5);
  border-block-start: 1px solid var(--border);
  font-size: var(--fs-sm); color: var(--text-dim); line-height: var(--lh-snug);
}

.legal-doc .back-link { display: inline-block; margin-block-start: var(--space-6); font-weight: var(--fw-semibold); }