/* ── Legal pages: Privacy Policy + Terms of Service ── */

.legal-hero {
    background: var(--color-forest-black);
    padding: var(--space-12) 0 var(--space-8);
    border-bottom: 1px solid var(--border-color);
}

.legal-hero__title {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    color: var(--color-white);
    margin: 0 0 var(--space-2);
}

.legal-hero__meta {
    color: var(--color-sage);
    font-size: var(--text-sm);
    margin: 0;
}

.legal-body {
    padding: var(--space-12) 0 var(--space-20);
}

.legal-content {
    max-width: 72ch;
}

.legal-content h2 {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-forest-black);
    margin: var(--space-10) 0 var(--space-4);
}

.legal-content h3 {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    color: var(--color-forest-black);
    margin: var(--space-6) 0 var(--space-3);
}

.legal-content p {
    font-size: var(--text-base);
    color: #374151;
    line-height: 1.75;
    margin: 0 0 var(--space-4);
}

.legal-content ul,
.legal-content ol {
    font-size: var(--text-base);
    color: #374151;
    line-height: 1.75;
    margin: 0 0 var(--space-4);
    padding-left: var(--space-6);
}

.legal-content li {
    margin-bottom: var(--space-2);
}

.legal-content a {
    color: var(--color-evergreen);
    text-decoration: underline;
}

.legal-content a:hover {
    color: var(--color-primary-green);
}

.legal-content strong {
    font-weight: var(--weight-semibold);
    color: var(--color-forest-black);
}

@media (max-width: 640px) {
    .legal-hero__title { font-size: var(--text-2xl); }
    .legal-body { padding: var(--space-8) 0 var(--space-12); }
}