.blog-layout{overflow-x:visible!important}.blog-sidebar{max-height:calc(100vh - 8rem);overflow-y:auto}.blog-sidebar::-webkit-scrollbar{width:4px}.blog-sidebar::-webkit-scrollbar-track{background:transparent}.blog-sidebar::-webkit-scrollbar-thumb{background:#e6e6e6;border-radius:2px}.blog-sidebar::-webkit-scrollbar-thumb:hover{background:#ccc}.blog-content-layout{display:flex;gap:2rem;align-items:flex-start}.blog-left-sidebar,.blog-right-sidebar{width:13rem;flex-shrink:0}.blog-main-content{flex:1;min-width:0;max-width:42rem}.blog-toc-item{display:block;width:100%;text-align:left;font-size:.875rem;line-height:1.4;padding:.25rem 0;color:grey;transition:color .2s}.blog-toc-item:hover{color:#000}.blog-toc-item.active{color:#000;font-weight:500}.blog-related-item{display:block;margin-bottom:1.5rem}.blog-related-item h4{font-size:.875rem;font-weight:500;color:#000;line-height:1.4;margin-bottom:.25rem;transition:color .2s}.blog-related-item:hover h4{color:#666}.blog-related-item p{font-size:.75rem;color:#999}@media (max-width:1024px){.blog-content-layout{display:block}.blog-left-sidebar,.blog-right-sidebar{display:none}.blog-main-content{max-width:100%;margin:0 auto}}