.container.blog-layout{max-width:1340px}.blog-layout{display:grid;grid-template-columns:220px 1fr 180px;gap:2.5rem;padding-top:2.5rem;padding-bottom:2.5rem;align-items:start}@media(max-width:1200px){.blog-layout{grid-template-columns:220px 1fr}.toc-sidebar{display:none}}@media(max-width:996px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{order:2}}.blog-sidebar{position:sticky;top:90px;background:var(--color-bg-elevated);padding:1rem 1.25rem;border-radius:.5rem;max-height:calc(100vh - 110px);overflow-y:auto}.blog-sidebar h3{margin-top:0;font-size:clamp(1.05rem,.3vw + .95rem,1.2rem);font-family:var(--font-body);border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}[data-theme=dark] .blog-sidebar h3{border-bottom-color:#ffffff26}.blog-sidebar ul{list-style:none;padding:0;margin:.5rem 0 0}.blog-sidebar li{margin:.5rem 0}.blog-sidebar a{font-size:clamp(.95rem,.2vw + .9rem,1.05rem);font-family:var(--font-body);color:var(--color-text);line-height:1.35;display:block}.blog-sidebar li.active a{color:var(--color-primary);font-weight:600}.toc-mobile{background:var(--color-bg-elevated);border-radius:.4rem;padding:.75rem 1rem;margin-bottom:1.5rem;display:none}@media(max-width:1200px){.toc-mobile{display:block}}.toc-mobile summary{cursor:pointer;font-weight:600;font-size:clamp(.95rem,.2vw + .9rem,1.05rem);font-family:var(--font-body);color:var(--color-primary);list-style:none}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:before{content:"▶ ";font-size:.6rem}.toc-mobile[open] summary:before{content:"▼ "}.toc-mobile nav ul{list-style:none;padding:.5rem 0 0;margin:0;display:flex;flex-direction:column;gap:.35rem}.toc-mobile .toc-h3{padding-left:1rem}.toc-mobile a{font-size:clamp(.92rem,.2vw + .87rem,1.02rem);font-family:var(--font-body);color:var(--color-text)}.toc-sidebar{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;padding:.25rem 0}.toc-heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.5;margin:0 0 .5rem;font-family:Menlo,monospace}.toc-sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.toc-sidebar .toc-h3{padding-left:.75rem}.toc-link{font-size:clamp(.9rem,.2vw + .85rem,1rem);font-family:var(--font-body);color:var(--color-text);opacity:.6;display:block;line-height:1.4;transition:color .15s,opacity .15s}.toc-link:hover{opacity:1;text-decoration:none}.toc-link.toc-active{color:var(--color-primary);opacity:1;font-weight:600}.blog-post-header h1{margin-top:0;line-height:1.2}.blog-meta{color:var(--color-text);opacity:.7;font-size:.9rem;margin-bottom:.5rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(128,128,128,.15)}.post-tag{font-size:.8rem;padding:.2rem .6rem;border:1px solid rgba(128,128,128,.3);border-radius:999px;color:var(--color-text);opacity:.7;text-decoration:none;transition:opacity .15s,border-color .15s,color .15s}.post-tag:hover{opacity:1;border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.author-card{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.author-avatar-link{flex-shrink:0}.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.author-info{display:flex;flex-direction:column;gap:.1rem}.author-name{font-size:.9rem;font-weight:600;color:var(--color-text);text-decoration:none}.author-name:hover{color:var(--color-primary);text-decoration:none}.author-title{font-size:.78rem;opacity:.6}.reading-track{height:2px;background:#80808026;border-radius:1px;margin:.75rem 0 1.5rem;overflow:hidden}#reading-bar{height:100%;width:0%;background:var(--color-primary);transition:width .1s linear}.blog-body img{display:block;margin:1.5rem auto;max-width:100%}.blog-body h2{margin-top:2rem}.blog-body p{line-height:1.75}.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(128,128,128,.15)}.related-posts h3{margin-top:0;font-size:1rem;font-family:var(--font-body)}.related-grid{display:flex;flex-direction:column;gap:.75rem}.related-card{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 1rem;background:var(--color-bg-elevated);border-radius:.4rem;border-left:3px solid var(--color-primary);color:var(--color-text);text-decoration:none;transition:transform .15s ease}.related-card:hover{transform:translate(4px);text-decoration:none;color:var(--color-primary)}.related-title{font-size:1.05rem;font-family:var(--font-body)}.related-date{font-size:.75rem;opacity:.55;flex-shrink:0;font-family:var(--font-mono)}