.legal-hero {
    background: var(--creme);
    padding: 46px 0 22px
}

.legal-wrap {
    max-width: 820px;
    margin: 0 auto
}

.legal-card {
    background: #fff;
    border: 1px solid var(--bord);
    border-radius: 22px;
    padding: 14px 44px;
    box-shadow: 0 14px 40px rgba(21,39,65,.05)
}

    .legal-card h2 {
        font-size: 21px;
        margin: 34px 0 12px;
        padding-top: 26px;
        border-top: 1px solid var(--bord)
    }

        .legal-card h2:first-of-type {
            border-top: none;
            padding-top: 8px;
            margin-top: 18px
        }

    .legal-card p, .legal-card li {
        font-size: 14.5px;
        line-height: 1.7;
        color: var(--txt-sec)
    }

    .legal-card strong {
        color: var(--txt);
        font-weight: 600
    }

    .legal-card a {
        color: var(--orange);
        font-weight: 600
    }

    .legal-card ul {
        padding-left: 20px
    }

    .legal-card .updated {
        font-size: 13px;
        color: var(--txt-mut)
    }

    .legal-card .info-line {
        display: flex;
        gap: 10px;
        margin-bottom: 6px
    }

        .legal-card .info-line .k {
            min-width: 130px;
            font-weight: 600;
            color: var(--txt)
        }