/* Typography for long-form legal documents (Privacy, Terms, Accessibility, Cookies).
   Pairs with /styles.css, which supplies the shared header, footer, and buttons. */
.legal { background: #FBF8F1; }
.legal-doc { max-width: 780px; margin: 0 auto; padding: 56px 0 88px; }
.legal-doc h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); line-height: 1.15; color: #15233E; margin: .35rem 0 .35rem; }
.legal-doc h2 { font-size: 1.25rem; color: #15233E; margin: 2.25rem 0 .5rem; }
.legal-doc h3 { font-size: 1.05rem; color: #15233E; margin: 1.5rem 0 .35rem; }
.legal-doc p, .legal-doc li { color: #2A3342; line-height: 1.7; font-size: 1rem; }
.legal-doc .lead { font-size: 1.08rem; color: #2A3342; }
.legal-doc ul { padding-left: 1.25rem; margin: .5rem 0 1rem; }
.legal-doc li { margin: .35rem 0; }
.legal-doc a { color: #9A6A2F; }
.legal-doc a:hover { text-decoration: underline; }
.legal-eff { color: #6B7280; font-size: .95rem; margin: 0 0 1.75rem; }
.legal-doc .contact-block { margin-top: .5rem; }
@media (max-width: 640px) { .legal-doc { padding: 40px 0 64px; } }