* {
    box-sizing: border-box;
}

html {
    background: #f4f7f8;
}

body {
    width: min(920px, calc(100% - 32px));
    margin: 32px auto;
    padding: clamp(24px, 5vw, 64px);
    color: #172c36;
    background: #fff;
    border-top: 4px solid #f39a1e;
    box-shadow: 0 18px 50px rgba(10, 51, 72, .08);
    font-family: Arial, sans-serif;
    line-height: 1.55;
}

p,
li {
    overflow-wrap: anywhere;
}

a {
    color: #0a3348 !important;
}

table {
    width: 100% !important;
    max-width: 100%;
    border-collapse: collapse;
}

td {
    width: auto !important;
}

@media (max-width: 600px) {
    body {
        width: 100%;
        margin: 0;
        padding: 22px 16px 40px;
        box-shadow: none;
    }

    ol,
    ul {
        padding-left: 1.4rem;
    }

    li,
    p {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    table {
        font-size: .88rem;
    }
}