.legal-hero {
    padding: clamp(3.5rem, 8vw, 6.5rem) max(1.5rem, calc((100% - 900px) / 2));
    border-top: 10px solid var(--brand);
    background: linear-gradient(120deg, #eefafa, #cceff1);
}

.legal-hero h1 {
    margin: 0 0 1rem;
    font: 400 clamp(2.8rem, 7vw, 5.4rem)/1 Georgia, serif;
    letter-spacing: -.045em;
}

.legal-hero>p:not(.kicker) {
    max-width: 760px;
    color: var(--muted);
    font-size: 1.1rem;
}

.legal-hero small {
    color: var(--brand-dark);
    font-weight: 700;
}

.legal-document {
    width: min(900px, calc(100% - 3rem));
    margin: 0 auto;
    padding: clamp(3rem, 7vw, 6rem) 0;
}

.legal-document section {
    padding: 0 0 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--line);
}

.legal-document h2 {
    margin: 0 0 .8rem;
    font: 400 clamp(1.65rem, 4vw, 2.3rem)/1.15 Georgia, serif;
}

.legal-document h3 {
    margin: 1.5rem 0 .55rem;
    color: var(--brand-dark);
    font-size: 1.05rem;
}

.legal-language-link {
    display: inline-block;
    margin-top: 1rem;
    padding: .55rem .9rem;
    background: #fff;
    border: 1px solid var(--brand);
    color: var(--brand-dark);
    font-weight: 700;
    text-decoration: none;
}

.legal-translation-note {
    padding: .8rem 1rem;
    border-left: 4px solid var(--brand-dark);
    background: rgba(255,255,255,.62);
    font-size: .92rem !important;
}

.legal-document p,
.legal-document li {
    color: var(--muted);
}

.legal-document ul {
    padding-left: 1.25rem;
}

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