/**
 * ==========================================================================
 * Legal Pages
 * ==========================================================================
 */

.legal-page {

    padding-top: var(--space-4xl);
    padding-bottom: var(--space-4xl);

}

.legal-content {

    max-width: 900px;

    margin: 0 auto;

    color: var(--color-text);

    font-size: var(--font-size-md);

    line-height: var(--line-height-relaxed);

}

.legal-content h2 {

    margin-top: var(--space-3xl);

    margin-bottom: var(--space-lg);

    font-size: var(--font-size-2xl);

    line-height: var(--line-height-tight);

}

.legal-content h3 {

    margin-top: var(--space-2xl);

    margin-bottom: var(--space-md);

    font-size: var(--font-size-xl);

    line-height: var(--line-height-tight);

}

.legal-content p {

    margin-bottom: var(--space-lg);

}

.legal-content ul,
.legal-content ol {

    margin-bottom: var(--space-lg);

    padding-left: var(--space-xl);

}

.legal-content li {

    margin-bottom: var(--space-sm);

}

.legal-content a {

    color: var(--color-dark);

    text-decoration: underline;

    text-decoration-color: var(--color-primary);

    text-underline-offset: 3px;

    transition: color var(--transition-fast);

}

.legal-content a:hover {

    color: var(--color-primary);

}

.legal-content strong {

    font-weight: var(--font-weight-semibold);

}