/* ── Legal page styles (terms, privacy, affirmation of faith) ──────────── */
.legal-page { max-width: 680px; margin: 0 auto; padding: 32px 20px 80px; }
.legal-page h1 { font-size: var(--text-2xl); font-weight: 700; color: var(--color-text-1); margin: 0 0 6px; }
.legal-page .legal-updated { font-size: var(--text-xs); color: var(--color-text-3); margin: 0 0 28px; }
.legal-page .legal-subtitle { font-size: var(--text-sm); color: var(--color-text-3); margin: 0 0 28px; line-height: 1.6; }
.legal-page h2 { font-size: var(--text-lg); font-weight: 700; color: var(--color-text-1); margin: 28px 0 8px; }
.legal-page p, .legal-page li { font-size: var(--text-sm); color: var(--color-text-2); line-height: 1.7; }
.legal-page p { margin: 0 0 12px; }
.legal-page ul { margin: 0 0 12px; padding-left: 20px; }
.legal-page li { margin-bottom: 6px; }
.legal-page a { color: var(--color-primary); }
.legal-back { display: inline-flex; align-items: center; gap: 6px; font-size: var(--text-sm); color: var(--color-text-3); text-decoration: none; margin-bottom: 16px; }
.legal-back:hover { color: var(--color-text-1); }
.legal-logo { display: flex; align-items: center; gap: 8px; text-decoration: none; margin-bottom: 24px; width: fit-content; }
.legal-logo .logo-text { font-size: var(--text-2xl); font-weight: 700; color: var(--color-text); }
.legal-logo .logo-text em { font-style: normal; color: var(--color-primary); }
[data-theme="primary"] .legal-logo .logo-text em { color: var(--color-accent); }