/* LEGAL PAGE */
.legal-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.legal {
    flex: 1;
    background-color: var(--bone);
    color: var(--black);
}

.legal__inner {
    max-width: 54rem;
    margin: 0 auto;
    padding: calc(var(--space-xl) + 5rem) var(--space-l) var(--space-xxl);
}

.legal__hero {
    margin-bottom: var(--space-l);
    padding-bottom: var(--space-l);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.legal__hero .h-sans {
    margin-bottom: var(--space-m);
    color: var(--grey-medium);
}

.legal__hero .h-xl {
    margin-bottom: var(--space-m);
    max-width: 20ch;
}

.legal__hero .h-s {
    color: var(--grey-medium);
}

.legal__content p {
    margin-bottom: var(--space-s);
}

.legal__content p + h2,
.legal__content p + h3,
.legal__content ul + h2,
.legal__content ul + h3 {
    padding-top: var(--space-s);
}

.legal__content .h-m,
.legal__content .h-l {
    margin-bottom: var(--space-s);
}

.legal__content .h-m:first-of-type {
    margin-top: 0;
}

.legal__content .h-s + .h-s {
    margin-top: var(--space-s);
}

.legal__content .h-s a {
    color: var(--black);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

@media (max-width: 991px) {
    .legal__inner {
        padding: calc(var(--space-l) + 4.5rem) var(--space-s) var(--space-xl);
    }

    .legal__hero .h-xl {
        max-width: none;
    }
}