.toc__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-wrap: nowrap;
}
.toc__container > ul a {
    color: var(--textMain) !important;
}
.toc__container > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.toc__container > ul:first-child a {
    width: 252px;
}
.toc__container > ul:last-child > li {
    /* flex: 1 0 auto; */
}
.toc__container > ul:last-child a {
    width: 320px;
}

@media (max-width: 1340px) {
    .toc__container {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 8px 0 0 5%;
        margin-left: -5%;
        margin-right: -5%;
    }
}
@media (max-width: 768px) {
    .toc__container {
        margin-top: 0;
        padding: 8px 0 0 12%;
        margin-left: -12%;
        margin-right: -12%;
    }

    .toc__container > ul:first-child a {
        width: 209px;
    }
    .toc__container > ul:last-child a {
        width: 273px;
    }
}