.legal-header {
    padding: 18px 16px;
}

.legal-brand {
    display: block;
    max-width: 920px;
    margin: 0 auto;
    font-size: 21px;
    font-weight: 700;
    text-decoration: none;
}

.legal-shell {
    width: min(920px, calc(100% - 32px));
    margin: 28px auto 48px;
}

.legal-card {
    padding: 24px;
}

.legal-back {
    display: inline-block;
    margin-bottom: 18px;
    font-weight: 700;
    text-decoration: none;
}

.legal-card h1 {
    margin: 0 0 24px;
    font-size: clamp(26px, 5vw, 36px);
    line-height: 1.2;
}

.legal-card h2 {
    margin: 28px 0 10px;
    font-size: 19px;
    line-height: 1.35;
}

.legal-card p,
.legal-card li {
    font-size: 16px;
    line-height: 1.65;
}

.legal-card p {
    margin: 0 0 14px;
}

.legal-card ul {
    margin: 0 0 18px;
    padding-left: 22px;
}

.legal-card li + li {
    margin-top: 7px;
}

.legal-contact {
    margin-top: 34px;
    padding-top: 18px;
    font-size: 14px;
}

@media (max-width: 600px) {
    .legal-shell {
        width: min(100% - 20px, 920px);
        margin-top: 16px;
    }

    .legal-card {
        padding: 18px 16px;
    }
}