/* ==========================================================================
   Legal pages (Privacy Policy, Terms of Service)
   ========================================================================== */

.legal-page {
    padding: var(--space-16) 0 var(--space-12);
    margin-top: 60px; /* Account for fixed header */
}

.legal-content {
    max-width: var(--container-narrow);
    margin: 0 auto;
}

.legal-content h1 {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.02em;
    margin-bottom: var(--space-4);
}

.legal-meta {
    font-size: var(--font-size-base);
    color: var(--color-gray-600);
    margin-bottom: var(--space-8);
    padding-bottom: var(--space-6);
    border-bottom: 1px solid var(--color-gray-200);
}

.legal-content h2 {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semibold);
    margin-top: var(--space-8);
    margin-bottom: var(--space-4);
}

.legal-content h3 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    margin-top: var(--space-6);
    margin-bottom: var(--space-3);
}

.legal-content p {
    font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed);
    color: var(--color-gray-700);
    margin-bottom: var(--space-4);
}

.legal-content ul,
.legal-content ol {
    margin-bottom: var(--space-4);
    padding-left: var(--space-6);
}

.legal-content ul {
    list-style-type: disc;
}

.legal-content ol {
    list-style-type: decimal;
}

.legal-content li {
    font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed);
    color: var(--color-gray-700);
    margin-bottom: var(--space-2);
}

.legal-content a {
    color: var(--color-black);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.legal-content a:hover {
    opacity: 0.7;
}

.legal-content hr {
    border: none;
    border-top: 1px solid var(--color-gray-200);
    margin: var(--space-8) 0;
}

.legal-content strong {
    color: var(--color-black);
}

.legal-footer {
    color: var(--color-gray-500);
    font-size: var(--font-size-sm);
}