.container-custom{max-width:1200px}.shadow-sm{box-shadow:0 5px 12px 0 rgba(0,0,0,.1)!important}.aside-bar{width:4rem}.recent-blogs-divider{width:4rem;border:1px solid #6366f1}.recent-blogs-card{display:flex;flex-direction:row;background-color:#fff;border-radius:.375rem;overflow:hidden}.recent-blogs-card-img{width:45%;height:80px}.recent-blogs-card-img img{width:100%;height:100%;object-fit:cover}.recent-blogs-card-title{margin:0;font-size:1rem}.recent-blogs-card-date{margin:.5rem 0 0;font-size:.875rem;color:#6b7280}.badge-facebook,.badge-linkedin,.badge-twitter{color:#fff;padding:.5rem 1rem;border-radius:1.375rem;font-size:.875rem;font-weight:600}.item-icon-blog{position:relative;top:-3px}.item-icon-blog-sosmed{position:relative;top:-2px}.badge-facebook{background:#3d6ad6}.badge-linkedin{background:#0077b5}.badge-twitter{background:#1e201e}.hljs-class{color:#abb2bf}.copy-btn{position:absolute;right:5px;top:5px;padding:3px 6px;font-size:14px;background-color:#eff0f1;color:#fff;border:none;border-radius:5px;cursor:pointer}.copy-btn:hover{background-color:#dee1e3}pre{position:relative;color:#fff;padding:15px;border-radius:5px;overflow:auto}.image-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:none;justify-content:center;align-items:center;z-index:1000}.toc,.toc li a{background-color:#f7f9fb}.image-overlay img{max-width:90%;max-height:90%;border-radius:5px}.image-overlay.show{display:flex}.toc{padding:20px;border-radius:8px}.toc ol{counter-reset:item}.toc ol>li:before{content:counters(item, ".") ". ";display:table-cell;width:1.4rem}.toc ol li{counter-increment:item;display:table;font-weight:400;margin:0;width:100%}.related-content,.toc li a{display:flex;text-decoration:none}.toc li a{justify-content:space-between;width:100%;padding:0 .5rem;transition:.3s;border-radius:7px}.toc li a:hover{background-color:#e1e5ea;font-weight:600;text-decoration:underline}.chapter{font-size:1rem;line-height:2.2rem}.toc-page{float:right;font-size:1.5rem;color:#888}.related-wrapper{margin-bottom:15px}.related-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.related-content{align-items:center;background:#f8f9fa;border-radius:4px;transition:.3s ease-in-out;color:inherit}.related-content img{width:fit-content;height:100px;object-fit:cover;border-radius:4px 0 0 4px;margin-right:12px;margin-top:0;margin-bottom:0}.related-content .related-text{flex-grow:1}.related-content h3{margin:0;font-size:16px;font-weight:600}.related-content a{color:#007bff;text-decoration:none;transition:color .3s ease-in-out}.related-content:hover{color:#0056b3;text-decoration:underline;background:#e9ecef}@media (max-width:768px){.related-content img{display:none}.related-content{padding:12px}}.related-content p{font-size:14px;color:#555;margin:4px 0 0;line-height:1.5}