.blog-detail-toc {
    max-width: 800px;
    margin: 0 0 50px 0;
    text-align: left;
}

.blog-detail-toc__title {
    margin: 0 0 12px 0;
    font-family: 'SB Sans Display', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    color: #1f1f22;
}

.blog-detail-toc__list {
    margin: 0;
    padding-left: 22px;
    color: #2870F6;
    font-family: 'SB Sans Text', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
}

.blog-detail-toc__item {
    margin: 0 0 8px 0;
}

.blog-detail-toc__sublist {
    margin: 6px 0 0 0;
    padding-left: 18px;
    list-style: disc;
    color: #2870F6;
    font-family: 'SB Sans Text', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
}

.blog-detail-toc__subitem {
    margin: 0 0 4px 0;
}

.blog-detail-toc__link {
    color: #2870F6;
    text-decoration: none;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

.blog-detail-toc__link:hover {
    text-decoration: underline;
}

.blog-detail-body-container h2[id],
.blog-detail-body-container h3[id] {
    scroll-margin-top: 100px;
}

html {
    scroll-behavior: smooth;
}