.blog-layout{grid-template-columns:260px 1fr 280px;align-items:start;gap:30px;max-width:1400px;margin:0 auto;padding:30px 20px;display:grid}.toc-sidebar{position:sticky;top:80px}.sticky-box{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.sticky-box h3{text-transform:uppercase;letter-spacing:.05em;color:#555;border-bottom:1px solid #e2e8f0;margin-bottom:14px;padding-bottom:10px;font-size:15px;font-weight:700}.sticky-box ul{margin:0;padding:0;list-style:none}.sticky-box ul li{margin-bottom:4px}.sticky-box ul li a{color:#444;border-radius:6px;padding:6px 10px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.sticky-box ul li a:hover,.sticky-box ul li a.active{color:#111;background:#f0f0f0;padding-left:14px}.blog-content{min-width:0}.hero-image{aspect-ratio:16/9;border-radius:12px;width:100%;margin-bottom:24px;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%}.blog-heading{margin-bottom:28px}.blog-heading h1{color:#111;margin-bottom:10px;font-size:2rem;font-weight:700;line-height:1.3}.blog-meta{color:#888;align-items:center;gap:8px;font-size:14px;display:flex}.blog-article h2{color:#222;border-bottom:1px solid #e2e8f0;margin:32px 0 12px;padding-bottom:8px;scroll-margin-top:90px;font-size:1.5rem;font-weight:600}.blog-article h3{color:#333;margin:24px 0 10px;scroll-margin-top:90px;font-size:1.2rem;font-weight:600}.blog-article p{color:#333;margin-bottom:16px;line-height:1.8}.blog-article img{border-radius:10px;width:100%;margin:20px 0}.blog-article ul,.blog-article ol{margin-bottom:16px;padding-left:24px}.blog-article li{margin-bottom:8px;line-height:1.7}.related-sidebar{position:sticky;top:80px}.related-wrapper{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.related-heading{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 18px}.related-heading h3{text-transform:uppercase;letter-spacing:.05em;color:#555;margin:0;font-size:15px;font-weight:700}.related-card{border-bottom:1px solid #e2e8f0;height:130px;text-decoration:none;display:block;position:relative;overflow:hidden}.related-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.related-card:hover img{transform:scale(1.05)}.related-card .overlay{background:linear-gradient(#0000,#000000b3);align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.related-card .overlay h4{color:#fff;margin:0;font-size:13px;font-weight:600;line-height:1.4}@media (width<=1100px){.blog-layout{grid-template-columns:220px 1fr}.related-sidebar{display:none}}@media (width<=768px){.blog-layout{grid-template-columns:1fr}.toc-sidebar{order:2;position:static}.blog-content{order:1}.blog-heading h1{font-size:1.6rem}}