.legal-page {
    position: relative;
    isolation: isolate;
    padding-top: calc(var(--header-height) + var(--space-6));
    padding-bottom: var(--space-7);
}

.legal-page::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 100vw;
    height: var(--header-height);
    margin-left: -50vw;
    background: var(--color-primary-dark);
}

.legal-page__title {
    margin-bottom: var(--space-5);
    color: var(--color-primary);
}

.legal-page__content h2 {
    margin-top: var(--space-5);
    margin-bottom: var(--space-2);
    font-family: var(--font-serif);
    font-size: var(--font-size-h3);
    color: var(--color-primary);
}

.legal-page__content p,
.legal-page__content address,
.legal-page__content ul {
    margin-bottom: var(--space-2);
}

.legal-page__content address {
    font-style: normal;
}

.legal-page__content ul {
    padding-left: var(--space-3);
}

.legal-page__content a {
    color: var(--color-primary);
}