.hs-blog-toc-section{padding:80px 20px}.toc-container{display:flex;gap:60px;margin:0 auto;max-width:1200px;position:relative}.toc-col{flex-shrink:0;width:300px}.toc-wrapper{background:hsla(0,0%,100%,.5);border-left:2px solid #d1e9f6;border-radius:8px;padding:20px;position:sticky;top:100px}.toc-header{color:#888;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.toc-list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.toc-list li{margin:0}.toc-link{border-bottom:1px solid #e0e0e0;color:#555;display:block;font-size:14px;line-height:1.4;padding:12px 15px;text-decoration:none;transition:all .2s ease}.toc-link:hover{background-color:#fff;color:#002d5b;padding-left:20px}.toc-link.active{background-color:#fff;border-left:3px solid #002d5b;color:#000;font-weight:700;padding-left:12px}.content-col{flex-grow:1;max-width:800px}.blog-body-text h2{color:#000;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:20px;margin-top:50px;scroll-margin-top:100px}.blog-body-text p{color:#444;font-size:16px;line-height:1.7;margin-bottom:25px}.blog-body-text ul{margin-bottom:25px;padding-left:20px}.blog-body-text li{color:#444;margin-bottom:10px}.blog-body-text img{border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.1);height:auto;margin:30px 0;max-width:100%}@media (max-width:992px){.toc-container{flex-direction:column}.toc-col{margin-bottom:40px;width:100%}.toc-wrapper{border-left:none;border-top:2px solid #d1e9f6;position:static}}