.dsv-post-toc{
    margin:0 0 24px;
    border:1px solid #e4e7ec;
    border-radius:10px;
    background:#fff;
    overflow:hidden
}
.dsv-post-toc-toggle{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 16px;
    border:0;
    background:#f7f8fa;
    color:#2f395f;
    font:inherit;
    font-size:14px;
    font-weight:800;
    line-height:1.35;
    text-align:left;
    cursor:pointer
}
.dsv-post-toc-toggle:hover{background:#f1f3f6}
.dsv-post-toc-arrow{
    flex:0 0 auto;
    font-size:18px;
    line-height:1;
    transition:transform .2s ease
}
.dsv-post-toc.is-open .dsv-post-toc-arrow{transform:rotate(180deg)}
.dsv-post-toc-body{
    padding:10px 16px 12px;
    border-top:1px solid #eceef2
}
.dsv-post-toc-body[hidden]{display:none!important}
.dsv-post-toc-list{
    margin:0!important;
    padding:0!important;
    list-style:none!important
}
.dsv-post-toc-list li{
    margin:0!important;
    padding:0!important
}
.dsv-post-toc-list a{
    display:flex;
    gap:7px;
    padding:6px 0;
    color:#3f4652;
    font-size:14px;
    line-height:1.45;
    text-decoration:none
}
.dsv-post-toc-list a:hover{color:#413596}
.dsv-post-toc-list .dsv-toc-h2>a{font-weight:700}
.dsv-post-toc-list .dsv-toc-h3>a{
    padding-left:20px;
    color:#646b76;
    font-size:13.5px
}
.dsv-toc-number{
    flex:0 0 auto;
    min-width:22px;
    color:#8a909b;
    font-weight:600
}
.dsv-post-toc-target{
    scroll-margin-top:90px
}

@media(max-width:700px){
    .dsv-post-toc{margin-bottom:20px}
    .dsv-post-toc-toggle{padding:12px 13px;font-size:13.5px}
    .dsv-post-toc-body{padding:8px 13px 10px}
    .dsv-post-toc-list a{font-size:13.5px}
    .dsv-post-toc-list .dsv-toc-h3>a{
        padding-left:15px;
        font-size:13px
    }
    .dsv-post-toc-target{scroll-margin-top:78px}
}
