/* Hero */
h2 {
    color: #12452E;
    font-family: Inter, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 125% */
}

.dlc-hero {
    padding: 48px 0px 32px;
}

.content-container {
    width: fit-content;
    margin: 0 auto;
}

ol.top-level {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 64px;
    padding-inline-start: 0px;
    list-style-type: none;
}

    ol.top-level > li > ul {
        background: #EFEFEF;
        padding: 16px 24px;
        margin-left: 40px;
        margin-bottom: 12px;
    }
        ol.top-level > li > ul div {
            font-size: 16px;
        }
        ol.top-level > li > ul > li a {
            color: #12452E;
            font-family: Roboto, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 32px; /* 200% */
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

    ol.top-level > li > a {
        color: #424242;
        font-family: Roboto, sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 200% */
    }

@media (max-width: 575px) {
    ol.top-level > li > ul {
        margin-left: 12px;
        margin-right: 36px;
    }
}