.toc-card{

    background:#fff;

    border-radius:16px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    border-top:4px solid #13b55b;

    width:100%;

    overflow:hidden;

}

.toc-header{

    padding:22px;

    border-bottom:1px solid #ececec;

}

.toc-heading{

    margin:0;

    font-size:28px;

    font-weight:700;

    color:#002b5c;

}

.toc-scroll{

    height:520px;

    overflow-y:auto;

    overflow-x:hidden;

    padding:0;

}

.toc-list{

    list-style:none;

    margin:0;

    padding:0;

}

.toc-item{

    margin:0;

    padding:0;

}

.toc-link{

    display:block;

    padding:16px 20px;

    margin:12px 18px;      /* Equal left & right gap */

    border:1px solid #e6e6e6;

    border-radius:40px;

    background:#fff;

    color:#333;

    text-decoration:none;

    font-size:17px;

    font-weight:600;

    line-height:1.5;

    text-align:center;

    box-sizing:border-box;

    width:calc(100% - 36px);   /* 18px left + 18px right */

    transition:.3s;

}

.toc-text{

display:block;

width:100%;

text-align:left;

white-space:normal;

word-break:break-word;

}

.level-3 .toc-link{

    padding-left:40px;

}

.level-4 .toc-link{

    padding-left:60px;

}

.hero-layout{

    margin-top:30px;

    margin-bottom:40px;

}

.hero-toc{

    position:sticky;

    top:100px;

}

@media(max-width:991px){

.hero-toc{

    position:relative;

    top:auto;

    margin-top:25px;

}

.toc-scroll{

    max-height:none;

}

}