.legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.25rem;
    margin-block: 1rem;
}

.legal-links a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.footer-inner > .legal-links {
    flex-basis: 100%;
    margin-block: 0;
}

.legal-document {
    line-height: 1.7;
    max-width: 60rem;
    overflow-wrap: anywhere;
    padding-block: clamp(1.5rem, 4vw, 3.5rem);
}

.legal-document h1 {
    font-size: clamp(1.65rem, 4vw, 2.6rem);
    line-height: 1.2;
}

.legal-document h2 {
    font-size: 1.35rem;
    margin-block: 2rem 0.75rem;
}

.legal-document li + li {
    margin-top: 0.5rem;
}

.legal-document a {
    border-bottom: 1px dashed currentColor;
    text-decoration: none;
}

.legal-document a:hover,
.legal-document a:focus-visible {
    border-bottom-style: solid;
}