.simple-content {
    padding-top: 2em;
    padding-bottom: 3.8em;
}

.simple-content .wrap {
    max-width: calc(1440px + 10em);
    padding: 0 5em;
}

.simple-content .side:first-child {
    padding-right: 2em;
}

.simple-content h2, .simple-content h3, .simple-content h4, .simple-content h5, .simple-content h6 {
    color: var(--text-green);
}

.simple-content h2:not(:first-child), .simple-content h3:not(:first-child), .simple-content h4:not(:first-child), .simple-content h5:not(:first-child), .simple-content h6:not(:first-child) {
    margin-top: 1.6rem;
}

.simple-content h2 {
    font-size: 2.6em;
}

.simple-content h3 {
    font-size: 2.2em;
}

.simple-content h4 {
    font-size: 1.9em;
}

.simple-content h5 {
    font-size: 1.6em;
}

.simple-content h6 {
    font-size: 1.3em;
}

.simple-content p {
    margin: 1em 0;
    color: #173532;
}

.simple-content ul {
    padding-left: 1em;
}

.simple-content ol {
    padding-left: 1em;
}

.simple-content ul li {
    list-style-type: disc;
}

.simple-content li {
    margin: 0.5em 0;
    color: #173532;
}

.simple-content li::marker {
    color: #173532;
}

.simple-content a {
    display: inline-block;
    color: #F26F5B;
    transition: 350ms ease;
}

@media(min-width: 1200px) {

    .simple-content a:hover {
        color: #123432;
    }
}

.simple-content hr {
    margin-top: 1.6rem;
    border-top: 1px solid rgba(13, 86, 79, 0.1);
}

.table-of-contents {
    position: sticky;
    top: 5em;
    border-radius: var(--round-default);
    background: #F6F6F6;
    padding: 1.5em;
    border: 1px solid #ddd;
}

.table-of-contents ul {
    padding-left: 0;
}

.table-of-contents li {
    margin: 0.5em 0;
}

.table-of-contents li::marker {
    color: var(--text-green);
}

.table-of-contents a {
    text-decoration: none;
    color: var(--text-green);
}

@media (min-width: 1200px) {
    .table-of-contents a:hover {
        color: var(--text-orange);
    }
}

.table-of-contents .toc-level-1 {
    margin-left: 0;
}

.table-of-contents .toc-level-2 {
    margin-left: 1em;
}

.table-of-contents .toc-level-3 {
    margin-left: 2em;
}

.table-of-contents .toc-level-4 {
    margin-left: 3em;
}

.table-of-contents .toc-level-5 {
    margin-left: 4em;
}

.table-of-contents .toc-level-6 {
    margin-left: 5em;
}

@media all and (max-width: 1400px) {
    .simple-content h2 {
        font-size: 2em;
    }
    .simple-content h3 {
        font-size: 1.9em;
    }
    .simple-content h4 {
        font-size: 1.6em;
    }
    .simple-content h5 {
        font-size: 1.4em;
    }
    .simple-content h6 {
        font-size: 1.2em;
    }
    .table-of-contents li {
        font-size: 0.9em;
    }
}

@media all and (max-width: 1000px) {
    .simple-content {
        padding-top: 0;
        padding-bottom: 2.2em;
    }
    .simple-content .wrap {
        max-width: calc(1440px + 5em);
        padding: 0 25px;
    }
    .simple-content h2 {
        font-size: 1.6em;
    }
    .simple-content h3 {
        font-size: 1.6em;
    }
    .simple-content h4 {
        font-size: 1.4em;
    }
    .simple-content h5 {
        font-size: 1.25em;
    }
    .simple-content h6 {
        font-size: 1.1em;
    }
    .table-of-contents {
        padding: 0.7em;
    }
}

@media all and (max-width: 800px) {
    .simple-content .side:first-child {
        width: 100%;
        padding-right: 0;
    }
    .simple-content .side:last-child:not(:first-child) {
        display: none;
    }
}

@media all and (max-width: 500px) {
    .simple-content h2 {
        font-size: 1.2em;
    }
    .simple-content h3 {
        font-size: 1.15em;
    }
    .simple-content h4 {
        font-size: 1.05em;
    }
    .simple-content h5 {
        font-size: 0.95em;
    }
    .simple-content h6 {
        font-size: 0.85em;
    }
    .simple-content p {
        font-size: 0.9em;
    }
    .simple-content li {
        font-size: 0.9em;
    }
}