/* ==========================================================================
   Standalone content pages (legal / policy documents).
   Quiet, readable prose. Fully tokenised against core.css.
   ========================================================================== */

.legal-doc { max-width: 72ch; margin: 0 auto; padding: var(--space-5) 0 var(--space-7); }
.legal-status {
  display: inline-flex; align-items: center; gap: var(--space-2);
  padding: var(--space-2) var(--space-4); margin: 0 0 var(--space-5);
  background: var(--colour-warning-bg); color: var(--colour-warning);
  border-radius: var(--radius-pill); font-size: var(--text-sm); font-weight: var(--fw-semibold);
}
.legal-status i { font-size: .9em; }
.legal-doc__lead { font-size: var(--text-lg); line-height: var(--leading-snug);
  color: var(--colour-text); margin: 0 0 var(--space-5); }
.legal-doc p { line-height: var(--leading-normal); color: var(--colour-text); margin: 0 0 var(--space-4); }
.legal-doc__note {
  margin: var(--space-6) 0 0; padding: var(--space-4) var(--space-5);
  background: var(--colour-bg-subtle); border: 1px solid var(--colour-border);
  border-radius: var(--radius-lg); color: var(--colour-text-muted); font-size: var(--text-sm);
}
.legal-doc__note a { color: var(--colour-primary); font-weight: var(--fw-semibold); }