/* Legal page — extends trust.css's card/checklist components with clause headings and
   the draft-notice banner. Reuses .trust-card/.check-list/.trust-intro wholesale rather
   than duplicating them (see trust.css) — this file only adds what's genuinely new. */

.trust-card h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px;
  color: var(--paper);
  margin: 22px 0 8px;
}
.trust-card h3:first-of-type { margin-top: 4px; }

.trust-card code {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  background: rgba(0,0,0,0.25);
  border: 1px solid var(--card-edge);
  border-radius: 4px;
  padding: 1px 5px;
  color: var(--pin);
}

/* Same shape as .trust-intro, recolored to read as a caution, not a routine notice —
   this banner is telling the reader something is genuinely unfinished, not just informing. */
.legal-draft-notice {
  background: rgba(var(--danger-rgb),0.08);
  border-color: rgba(var(--danger-rgb),0.3);
  color: var(--danger);
}
.legal-draft-notice a { color: var(--danger); }