/* Legal pages */
.legal {
    background-color: var(--color-white);
    padding: var(--space-3xl) 0;
}

.legal__container {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

.legal__intro {
    margin-bottom: var(--space-2xl);
    color: var(--color-gray);
    font-size: var(--fs-lg);
}

.legal__section {
    padding: 0;
    margin-bottom: var(--space-xl);
}

.legal__section:last-child {
    margin-bottom: 0;
}

.legal__section h2 {
    margin-bottom: var(--space-md);
    color: var(--color-primary-text);
    font-size: var(--fs-3xl);
}

.legal__section p {
    color: var(--color-dark);
    line-height: 1.8;
}

.legal__list {
    display: grid;
    gap: var(--space-sm);
    margin: var(--space-sm) 0 0;
    padding-left: 1.25rem;
    color: var(--color-dark);
    list-style: disc;
}

.legal__list + p {
    margin-top: var(--space-md);
}

.legal__list li {
    padding-left: 0.25rem;
    line-height: 1.75;
}

.legal__section a {
    color: var(--color-primary-text);
    font-weight: var(--fw-semibold);
    overflow-wrap: anywhere;
}

.legal__section a:hover {
    color: var(--color-primary-dark);
}

@media (max-width: 768px) {
    .legal {
        padding: var(--space-2xl) 0;
    }

    .legal__intro {
        font-size: var(--fs-base);
    }

    .legal__section {
        margin-bottom: var(--space-lg);
    }

    .legal__section h2 {
        font-size: var(--fs-2xl);
    }
}