/* Legal pages use the shared OBF palette, cards and typography. */
.legal-page { max-width: 960px; padding-bottom: 30px; }
.legal-page .hero { padding-top: 48px; margin-top: 0; }
.legal-page .section { padding: 0 0 20px; }
.legal-page .card.pad { padding: clamp(20px, 4vw, 30px); }
.legal-page p, .legal-page li { overflow-wrap: anywhere; }
.legal-page li { color: var(--muted); margin-bottom: 12px; }
.legal-page ul { padding-left: 22px; }
.legal-page .card a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.legal-page .card a:focus-visible { outline: 2px solid var(--accent2); outline-offset: 4px; }
.legal-page .legal-draft, .legal-page .legal-pending {
  padding: 14px 16px;
  border-left: 3px solid var(--accent);
  background: rgba(74,163,255,.09);
  border-radius: 0 8px 8px 0;
  color: var(--text);
  font-size: 14px;
}
.legal-page .legal-pending { margin-top: 14px; margin-bottom: 0; }
.legal-page .legal-pending strong { display: block; margin-bottom: 5px; }