.blog-container{width:100%;max-width:768px;margin:50px auto 0;padding:50px}.blog-page-container{min-height:100vh;display:flex;position:relative}.sidebar-toc{z-index:100;height:auto;max-height:calc(100vh - 200px);margin-bottom:200px;position:sticky;top:80px;left:10px}.toc-toggle{position:relative}.toc-checkbox{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.toc-toggle-btn{color:#b1b702;cursor:pointer;z-index:102;background-color:#000;border-radius:0 4px 4px 0;justify-content:center;align-items:center;width:40px;height:40px;transition:left .3s;display:flex;position:absolute;top:0;left:0}.toggle-icon{font-size:25px;line-height:1}.toc-content{background-color:#000;border:1px solid #fff;border-radius:5px;width:250px;height:calc(100vh - 150px);padding:60px 20px 20px;transition:left .3s;position:absolute;top:0;left:-265px;overflow-y:auto;box-shadow:0 0 10px #ffffff1a}.toc-checkbox:checked~.toc-content{left:10px}.toc-checkbox:checked~.toc-toggle-btn{left:260px}.toc-title{color:#fff;margin-bottom:16px;font-size:1.25rem;font-weight:700}.toc-content ul{margin:0;padding-left:0}.toc-content li{margin-bottom:8px;list-style:none}.toc-level-3{padding-left:16px}.toc-content a{color:#cdc9c9;padding:4px 0;text-decoration:none;transition:color .2s;display:block}.toc-content a:hover{color:#b1b702}.blog-title{margin-bottom:16px;font-size:2rem;font-weight:700}.blog-meta{color:#555;margin-bottom:12px;font-size:.875rem}.blog-cover-image{object-fit:cover;border-radius:8px;width:100%;max-height:400px;margin-bottom:16px}.blog-description{color:#555;margin-bottom:24px;font-size:1.125rem}.blog-content{color:#333;font-size:1rem;line-height:1.75}.blog-content h2{margin-top:24px;margin-bottom:12px;font-size:1.5rem;font-weight:700}.blog-content h3{margin-top:20px;margin-bottom:10px;font-size:1.25rem;font-weight:700}.blog-content p{margin-bottom:16px}.blog-content img{border-radius:8px;width:100%;margin:16px 0}.blog-cta{text-align:center;border-radius:8px;margin-top:30px;padding:16px}.blog-cta h3{margin-bottom:8px;font-size:1.25rem;font-weight:700}.blog-cta p{color:#555;font-size:1rem}.blog-cta button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:6px;margin-top:12px;padding:10px 16px;font-size:1rem;transition:background .2s}.blog-cta button:hover{background-color:#333}@media (max-width:768px){.sidebar-toc{left:5px}.toc-content{width:220px;left:-235px}.toc-checkbox:checked~.toc-toggle-btn{left:220px}.toc-checkbox:checked~.toc-content{left:5px}.blog-container{padding:30px 20px}}