.article-right-sidebar,
.article-right-sidebar *,
body.site,
.body-wrapper,
.body-innerwrapper {
  overflow: visible !important;
}
.article-right-sidebar {
  padding:0 0 40px;
  height:100%;
}
.magnin-toc {
    display: block;
    padding:30px;
    border: 2px solid rgba(1, 136, 87, 0.1);
    background-color: #F7FBFA;
    border-radius: 30px;
    position: sticky !important;
    z-index: 1;
    top:150px;
    margin: 0 0 2rem;
    align-self: flex-start;
}
.view-category .magnin-toc  {display:none}
.magnin-toc-title {
    font-weight: 600 !important;
    margin: 0 0 0.5rem;
    font-size:20px !important;
    text-transform: uppercase;
    opacity:0.8;
}
.magnin-toc-list {
    margin: 0 !important;    
    padding-bottom:0 !important;
    padding-left:0 !important;
    list-style:none;
} 
.magnin-toc-list li {
    margin: 0.75rem 0 !important;
    line-height:1.4;
    font-size:16px;
    list-style:none;
}
.magnin-toc-list li:last-child {
    margin-bottom: 0 !important;
}
.magnin-toc-list a {
    text-decoration: none;
}
.magnin-toc-list a:hover,
.magnin-toc-list a:focus {
    text-decoration: underline;
}
.article-body > div h2[id^="toc-"],
.article-body > div h3[id^="toc-"],
.article-body > div h4[id^="toc-"] {
  scroll-margin-top: 150px;
}

.content-wrapper.dark-mode .magnin-toc {
    background-color:rgb(115 115 115 / 25%) !important
}
.content-wrapper.dark-mode .magnin-toc a {
    color:#7CC1A9 !important
}