/* Legal pages (terms.html, privacy.html) — scoped under body.legal-page,
   reuses the site's warm Fraunces/DM Sans design language without touching styles.css. */

body.legal-page {
    --rc-bg: #F7F5F0;
    --rc-dark: #232320;
    --rc-mid: #55554E;
    --rc-muted: #8C8A80;
    --rc-green: #3D5A1E;
    --rc-green-mid: #4E7228;
    --rc-green-pale: #EDF2E4;
    --rc-border: #E3DFD6;
    font-family: 'DM Sans', 'Inter', sans-serif;
    background: var(--rc-bg);
    color: var(--rc-dark);
}

body.legal-page h1,
body.legal-page h2 {
    font-family: 'Fraunces', serif;
    font-weight: 500;
    letter-spacing: -0.01em;
}

body.legal-page .header { background: rgba(247, 245, 240, 0.92); border-bottom: 1px solid var(--rc-border); }
body.legal-page .tagline { color: var(--rc-green); font-style: normal; letter-spacing: 0.02em; }
body.legal-page .nav-menu a { color: var(--rc-mid); }
body.legal-page .nav-menu a:hover { color: var(--rc-dark); }
body.legal-page .nav-menu a.login-link { background: var(--rc-green); color: #fff; border-radius: 999px; }

body.legal-page .legal-content {
    max-width: 760px;
    margin: 0 auto;
    padding: 150px 24px 80px;
}

body.legal-page .legal-content h1 {
    font-size: clamp(2rem, 4vw, 2.6rem);
    margin-bottom: 0.25rem;
}

body.legal-page .legal-updated {
    color: var(--rc-muted);
    font-size: 0.95rem;
    margin-bottom: 2.5rem;
}

body.legal-page .legal-content h2 {
    font-size: 1.35rem;
    margin-top: 2.4rem;
    margin-bottom: 0.75rem;
    color: var(--rc-dark);
}

body.legal-page .legal-content p,
body.legal-page .legal-content li {
    color: var(--rc-mid);
    line-height: 1.75;
    font-size: 1.02rem;
}

body.legal-page .legal-content ul {
    padding-left: 1.4rem;
    margin-bottom: 1rem;
}

body.legal-page .legal-content li {
    margin-bottom: 0.5rem;
}

body.legal-page .legal-content a {
    color: var(--rc-green);
}

body.legal-page .legal-content strong {
    color: var(--rc-dark);
}

body.legal-page .legal-crosslink {
    background: var(--rc-green-pale);
    border-radius: 12px;
    padding: 1.1rem 1.4rem;
    margin: 2.5rem 0;
    font-size: 0.98rem;
}

body.legal-page .footer { background: var(--rc-dark); }