.blog-container{max-width:95%;margin:0 auto;padding:20px;display:flex;gap:40px;min-height:60vh}.blog-sidebar{width:250px;flex-shrink:0}.blog-category-title{font-size:16px;font-weight:600;color:#666;margin-bottom:20px;text-transform:capitalize}.blog-categories{list-style:none;padding:0;margin:0}.blog-categories li{margin-bottom:8px}.blog-categories a{text-decoration:none;color:#000;font-size:14px;font-weight:500;position:relative;display:inline-block;transition:all .2s ease;padding:6px 14px;border-radius:50px}.blog-categories a:hover{color:#000;text-decoration:none;background-color:#f5f5f5}.blog-categories a.active{background-color:#000;color:#fff;text-decoration:none}.blog-content{flex:1 1}.blog-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.recent-posts-title{font-size:16px;font-weight:600;color:#666;margin-bottom:0}.search-container{position:relative}.search-input{padding:8px 16px;border:1px solid #ddd;border-radius:20px;outline:none;font-family:Inter,sans-serif;font-size:14px;background-color:transparent;width:200px;transition:all .3s ease}.search-input:focus{border-color:#000;width:250px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.blog-card{display:flex;flex-direction:column;gap:15px;text-decoration:none;color:inherit;group:hover;transition:transform .2s ease}.blog-card:hover{transform:translateY(-5px)}.blog-image{width:100%;aspect-ratio:16/10;background-color:#ddd;border-radius:12px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-info{display:flex;flex-direction:column;gap:0;padding:0 16px 16px}.blog-title{font-size:18px;font-weight:700;line-height:1.3;color:#000;margin-bottom:8px}.blog-date{font-size:14px;color:#666}.blog-category-tag{display:block;font-size:12px;font-weight:600;color:#F9B646;text-transform:uppercase;margin-bottom:0}@media (max-width:1024px){.blog-sidebar{display:none}.blog-container{display:block}.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-container{padding:0 20px 40px}.blog-content-header{flex-direction:column;align-items:flex-start;gap:15px}.recent-posts-title{margin-bottom:0}.search-container,.search-input,.search-input:focus{width:100%}.posts-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px;gap:20px}}.single-blog-container{max-width:800px;margin:0 auto;padding:20px 20px 60px}.back-link-wrapper{margin-bottom:30px}.back-link{display:inline-flex;align-items:center;background-color:#000;color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;padding:6px 16px;border-radius:50px;transition:transform .2s ease,background-color .2s}.back-link:hover{transform:translateX(-4px);background-color:#333;color:#fff}.back-link svg{margin-right:8px;width:16px;height:16px}header.blog-header{display:block;text-align:left;margin-bottom:40px}.blog-header h1{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:24px;color:#000;letter-spacing:-.02em}.blog-meta-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:1rem;color:#666;margin-top:16px}.meta-item{display:flex;align-items:center;gap:6px}.meta-category{color:#F9B646;font-weight:700;text-transform:uppercase;font-size:.9rem;margin-bottom:4px}.meta-author{font-weight:600;color:#000}.meta-date{font-size:.95rem;color:#888}.blog-hero-image-wrapper{width:100%;margin-bottom:50px;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08);background-color:#f0f0f0}.blog-hero-image{width:100%;height:auto;display:block;transition:transform .3s ease}.article-content{font-size:1.125rem;line-height:1.75;color:#222;font-family:Inter,sans-serif}.article-content .lead{font-size:1.35rem;line-height:1.6;color:#444;margin-bottom:40px;font-weight:400}.article-content h2{font-size:1.8rem;font-weight:700;margin-top:60px;margin-bottom:24px;color:#000;letter-spacing:-.01em}.article-content h3{font-size:1.4rem;font-weight:600;margin-top:40px;margin-bottom:16px;color:#000}.article-content p{margin-bottom:24px;color:#333}.article-content ol,.article-content ul{margin-bottom:30px;padding-left:20px}.article-content li{margin-bottom:12px;padding-left:8px}.code-block{position:relative;background-color:#1e1e1e;color:#ddd;padding:24px;border-radius:12px;font-family:Courier New,Courier,monospace;font-size:.95rem;overflow-x:auto;margin:30px 0;border:1px solid #333;box-shadow:0 4px 12px rgba(0,0,0,.1)}.copy-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#aaa;border-radius:6px;padding:4px 8px;font-size:.75rem;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.copy-btn:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.4)}.copy-btn.copied{color:#4cd964;border-color:#4cd964}.command{color:#F9B646;font-weight:600;display:block;margin-bottom:8px}.command:last-child{margin-bottom:0}.comment{color:#888;display:block;margin-bottom:4px;font-style:italic}.figure-container{margin:50px 0;text-align:center}.blog-diagram{width:100%;height:auto;border-radius:12px;border:1px solid #e5e5e5;box-shadow:0 4px 20px rgba(0,0,0,.05);background:#fff}.diagram-caption{margin-top:15px;font-size:.9rem;color:#666;font-style:italic}@media (max-width:768px){.single-blog-container{padding:0}.back-link-wrapper{margin-bottom:0}.blog-header h1{font-size:2.2rem}.blog-meta-row{flex-direction:column;align-items:flex-start;gap:8px}.meta-separator{display:none}.article-content{font-size:1.05rem}.article-content .lead{font-size:1.2rem}.blog-diagram{border-radius:8px}}.single-blog-container.with-sidebar{max-width:1400px}.blog-layout-grid{display:grid;grid-template-columns:240px 1fr 240px;grid-gap:40px;gap:40px;align-items:start;position:relative;margin:20px 0 40px}.blog-sidebar,.blog-sidebar-right{position:-webkit-sticky;position:sticky;top:40px;height:-moz-fit-content;height:fit-content;padding-top:10px}.sidebar-inner{padding-right:20px;border-right:1px solid rgba(0,0,0,.08)}.sidebar-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:24px;font-weight:700}.table-of-contents ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.table-of-contents li{margin-bottom:0;display:block}.toc-link{text-decoration:none;color:#666;font-size:.95rem;font-weight:500;transition:all .2s ease;display:inline-block;width:-moz-fit-content;width:fit-content;line-height:1.4;position:relative;padding-left:0}.toc-link:hover{color:#000;transform:translateX(4px)}.blog-layout-grid .blog-header{margin-bottom:30px}.blog-layout-grid .article-content{max-width:100%}.desktop-back-link{display:block}.mobile-back-link{display:none}@media (max-width:1200px){.blog-layout-grid{gap:30px;grid-template-columns:200px 1fr 200px}}@media (max-width:1024px){.blog-layout-grid{display:flex;flex-direction:column}.blog-sidebar{display:none}.blog-sidebar-right{order:3;width:100%;position:static;padding-top:40px;border-top:1px solid #eee}.blog-main-content{order:2;width:100%}.single-blog-container.with-sidebar{max-width:800px}.sidebar-inner{border-right:none;padding-right:0}.desktop-back-link{display:none}.mobile-back-link{display:block}}.sidebar-tags-wrapper{margin-top:0}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tag{display:inline-block;padding:6px 14px;background-color:transparent;color:#333;border-radius:20px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid #333}.blog-tag:hover{background-color:#F9B646;color:#000;border-color:#F9B646}.toc-link.active{color:#000;background:#F9B646;padding:6px 12px;border-radius:20px;display:inline-block;margin-left:-12px}.mermaid{text-align:center;margin:30px 0;background:#f9f9f9;padding:20px;border-radius:8px;border:1px solid #eee;overflow-x:auto}