.toc-container{position:sticky;top:100px;max-height:80vh;overflow-y:auto;z-index:10;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);border-left:3px solid #007bff;padding:1rem;font-size:.875rem;border-radius:6px;word-wrap:break-word;overflow-wrap:break-word}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:6px}.toc-list a{display:block;text-decoration:none;color:#333;line-height:1.3;padding:2px 6px;border-left:2px solid transparent;transition:all .2s ease;word-break:break-word}.toc-list a.active{font-weight:600;color:#007bff;border-left-color:#007bff;background-color:#e9f5ff}.toc-list a.active{color:#8a2be2;border-radius:0 15px 15px 0;font-weight:600;background-color:#f2f6fc}.code-tabs{border:1px solid #ddd;border-radius:5px;margin-bottom:2rem}.tab-buttons{display:flex;background:#f9f9f9;border-bottom:1px solid #ddd}.tab-buttons button{flex:1;padding:.5rem;border:none;background:0 0;font-weight:700;cursor:pointer}.tab-buttons button.active{background:#e0e0e0}.tab-content{display:none;padding:1rem;background:#fff}.tab-content.active{display:block}.blog-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:2rem auto;max-width:1000px}.blog-nav div{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:6px;font-weight:500;font-size:.92rem;text-align:center;transition:all .25s ease;border:1px solid transparent;min-height:44px;height:56px;box-sizing:border-box;margin:2px;padding:2px}@media (min-width:768px){.blog-nav div{height:64px;min-height:64px}}.blog-nav .next,.blog-nav .prev{background-color:#f0f8ff;color:#04c;border:1px solid #d0e2ff}.blog-nav .group{background-color:#f5e6ff;color:#6f42c1;border:1px solid #e5d4fa}.blog-nav a:hover{background-color:#e8f0fe;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.08)}.blog-nav .end{background-color:#e7e9ec;border:1px solid #cdcecf}