.net5s-toc{
    --net5s-toc-blue:#2f86ca;
    --net5s-toc-text:#3f3f3f;
    --net5s-toc-border:#4b4b4b;
    --net5s-toc-muted:#707070;
    width:100%;
    box-sizing:border-box;
    border:2px solid var(--net5s-toc-border);
    border-radius:9px 9px 0 0;
    background:#fff;
    overflow:hidden;
    font-family:inherit;
    color:var(--net5s-toc-text);
}
.net5s-toc *{box-sizing:border-box}
.net5s-toc__head{
    width:100%;
    min-height:46px;
    border:0;
    border-bottom:1px solid #ececec;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 16px;
    color:#3f3f3f;
    cursor:pointer;
    font-size:18px;
    line-height:1.2;
    text-align:left;
}
.net5s-toc__head-left{display:flex;align-items:center;gap:8px}
.net5s-toc__list-icon{width:17px;display:inline-flex;flex-direction:column;gap:3px;position:relative;padding-left:6px}
.net5s-toc__list-icon i{display:block;height:2px;background:#424242;border-radius:2px;width:11px}
.net5s-toc__list-icon i::before{content:"";width:3px;height:3px;border-radius:50%;background:#424242;position:absolute;left:0}
.net5s-toc__list-icon i:nth-child(1)::before{top:0}
.net5s-toc__list-icon i:nth-child(2)::before{top:5px}
.net5s-toc__list-icon i:nth-child(3)::before{top:10px}
.net5s-toc__chevron{width:8px;height:8px;border-right:2px solid #9a9a9a;border-bottom:2px solid #9a9a9a;transform:rotate(45deg);transition:.2s ease;margin-right:2px;margin-top:-4px}
.net5s-toc.is-collapsed .net5s-toc__chevron{transform:rotate(-135deg);margin-top:5px}
.net5s-toc__body{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#adadad #f4f4f4;background:#fff}
.net5s-toc__body::-webkit-scrollbar{width:10px}
.net5s-toc__body::-webkit-scrollbar-track{background:#f3f3f3}
.net5s-toc__body::-webkit-scrollbar-thumb{background:#aaa;border-radius:8px;border:2px solid #f3f3f3}
.net5s-toc.is-collapsed .net5s-toc__body{display:none}
.net5s-toc__list{list-style:none;margin:0;padding:7px 0 8px;counter-reset:none}
.net5s-toc__item{margin:0;padding:0;position:relative}
.net5s-toc__link{
    display:flex;
    align-items:flex-start;
    gap:8px;
    width:100%;
    color:#454545;
    text-decoration:none!important;
    padding:7px 14px 7px 14px;
    line-height:1.2;
    font-size:15px;
    border:0;
    border-radius:0;
    transition:background .15s ease,color .15s ease,font-weight .15s ease;
}
.net5s-toc__link:hover{background:#f3f7fb;color:#222}
.net5s-toc__number{flex:0 0 32px;text-align:right;font-weight:500;color:#404040}
.net5s-toc__text{flex:1;min-width:0}
.net5s-toc__item.level-2 .net5s-toc__link{
    padding-left:14px;
    font-size:15px;
    color:#454545;
    font-weight:700;
}
.net5s-toc__item.level-3 .net5s-toc__link{padding-left:28px;font-size:14px;color:#757575;font-weight:400}
.net5s-toc__item.level-2 .net5s-toc__number{flex-basis:32px;color:#404040;font-weight:700}
.net5s-toc__item.level-3 .net5s-toc__number{flex-basis:42px;color:#6b6b6b;font-weight:400}
.net5s-toc__item.is-active > .net5s-toc__link{
    background:var(--net5s-toc-blue);
    color:#fff;
    font-weight:700;
}
.net5s-toc__item.is-active .net5s-toc__number{color:#fff;font-weight:700}
.net5s-toc__empty{margin:0;padding:15px;color:#777;font-size:14px}
.net5s-toc-target{scroll-margin-top:100px}
@media (max-width: 767px){
    .net5s-toc__head{font-size:17px;padding:10px 13px}
    .net5s-toc__link{font-size:14px;padding-right:10px}
    .net5s-toc__item.level-2 .net5s-toc__link{padding-left:12px}
    .net5s-toc__item.level-3 .net5s-toc__link{padding-left:24px}
}

/* Fixed TOC */
.net5s-toc-wrap{
    width:100%;
    position:relative;
    min-width:0;
}
.net5s-toc.is-fixed{
    position:fixed;
    z-index:999;
    margin:0!important;
    box-shadow:0 8px 24px rgba(0,0,0,.10);
}
.net5s-toc.is-stopped{
    position:absolute;
    z-index:20;
    margin:0!important;
    left:0!important;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.net5s-toc.is-fixed .net5s-toc__body{
    max-height:calc(100vh - var(--net5s-fixed-top, 90px) - 62px)!important;
}
.net5s-toc.is-stopped .net5s-toc__body{
    max-height:var(--net5s-max-height, 560px)!important;
}
@media (max-width: 849px){
    .net5s-toc.is-fixed:not(.is-fixed-mobile),
    .net5s-toc.is-stopped:not(.is-fixed-mobile){
        position:static!important;
        width:100%!important;
        left:auto!important;
        top:auto!important;
        box-shadow:none;
    }
}