/* ==========================================================================
   Legal Pages Styles (Privacy Policy, Terms of Use)
   ========================================================================== */

.legal-content {
    max-width: 800px;
}

.legal-updated {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-2xl);
    padding-bottom: var(--space-lg);
    border-bottom: 1px solid var(--color-border-light);
}

.legal-section {
    margin-bottom: var(--space-xl);
}

.legal-section h2 {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--color-text);
    margin-bottom: var(--space-md);
}

.legal-section p {
    font-size: var(--text-md);
    color: var(--color-text-muted);
    line-height: 1.8;
    margin-bottom: var(--space-md);
}

.legal-section p:last-child {
    margin-bottom: 0;
}

.legal-section p strong {
    color: var(--color-text);
    font-weight: var(--font-medium);
}

.legal-section a {
    color: var(--color-primary);
    text-decoration: none;
}

.legal-section a:hover {
    text-decoration: underline;
}