/* Policy pages — same brand as the landing page, tuned for long-form reading. */
.legal { padding: 64px 0 80px; }
.legal h1 { margin-bottom: .2em; }
.legal .updated { color: var(--gray-500); font-size: .9rem; margin-bottom: 2.4em; }
.legal h2 { font-size: 1.6rem; margin: 2em 0 .5em; }
.legal h3 { font-size: 1.15rem; margin: 1.6em 0 .4em; font-family: var(--font-body); font-weight: 700; color: var(--deep-indigo); }
.legal p, .legal li { color: var(--gray-600); }
.legal li { margin: .5em 0; }
.legal .callout {
  background: var(--white); border-left: 4px solid var(--gold); border-radius: 0 14px 14px 0;
  padding: 20px 24px; margin: 28px 0; box-shadow: var(--shadow);
}
.legal .callout p:last-child { margin-bottom: 0; }
.legal .toc { background: var(--ivory); border-radius: var(--radius); padding: 22px 26px; margin-bottom: 36px; }
.legal .toc p { font-weight: 700; color: var(--deep-indigo); margin-bottom: .4em; }
.legal .toc ol { margin: 0; padding-left: 1.2em; }
.legal a { color: var(--deep-indigo); }
.legal-note { border-top: 1px solid rgba(255,255,255,.16); padding-top: 18px; margin-top: 26px; }