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