.legal-content {
    padding-top: var(--pad-y-alt);
    padding-bottom: var(--pad-y-alt);
    padding-left: var(--pad-x);
    padding-right: var(--pad-x);
}

.legal-content__inner {
    max-width: var(--site-max-w);
    margin: 0 auto;
}

.legal-content__updated {
    font-family: var(--font-body);
    font-size: 14px;
    font-style: italic;
    color: var(--color-clay-brown);
    margin-bottom: 32px;
}

.legal-content__body {
    max-width: 780px;
}

.legal-content__body h2,
.legal-content__body h3 {
    color: var(--color-dark);
    margin-top: 48px;
    margin-bottom: 16px;
}

.legal-content__body h2:first-child,
.legal-content__body h3:first-child {
    margin-top: 0;
}

.legal-content__body h2 {
    font-size: 26px;
}

.legal-content__body h3 {
    font-size: 20px;
}

.legal-content__body p,
.legal-content__body li {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 26px;
    color: var(--color-dark);
}

.legal-content__body p + p {
    margin-top: 16px;
}

.legal-content__body ul,
.legal-content__body ol {
    margin: 16px 0;
    padding-left: 24px;
}

.legal-content__body li + li {
    margin-top: 8px;
}

.legal-content__body a {
    color: var(--color-accent);
    text-decoration: underline;
}

.legal-content__body a:hover {
    opacity: 0.8;
}

@media (max-width: 767px) {
    .legal-content__body h2 {
        font-size: 22px;
    }

    .legal-content__body h3 {
        font-size: 18px;
    }
}