.blog-post-page{background:var(--color-bg-primary);padding-bottom:var(--space-24)}.post-shell{width:100%;max-width:var(--container-max);padding-inline:var(--section-padding-x);margin-inline:auto}.post-hero-band{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 90% 8%,#00000014 0%,#0000 45%),linear-gradient(#fff 0%,#f8f8f9 100%);padding-top:clamp(6.5rem,11vw,8rem);padding-bottom:clamp(2rem,4.5vw,3.2rem)}.post-header{margin-bottom:var(--space-10)}.back-link{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.post-cat-tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-primary);margin-bottom:var(--space-4);font-weight:800;display:block}.post-title{letter-spacing:-.03em;margin-bottom:var(--space-6);font-size:clamp(2rem,4.8vw,4rem);font-weight:600;line-height:1.05}.post-meta-row{justify-content:space-between;align-items:center;gap:var(--space-5);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.post-author-line{font-size:var(--text-sm);color:var(--color-text-secondary)}.share-btns{gap:var(--space-3);display:flex}.share-btn{border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-text-muted);transition:color var(--dur-fast)var(--ease-out-soft),border-color var(--dur-fast)var(--ease-out-soft),background-color var(--dur-fast)var(--ease-out-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.share-btn svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:.92rem;height:.92rem}.share-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.post-hero-img{aspect-ratio:16/6;box-sizing:border-box;border-radius:var(--radius-xl);border:1px solid var(--color-border);justify-self:stretch;width:100%;max-width:100%;overflow:hidden}.post-hero-img img{object-fit:cover;width:100%;height:100%}.post-content-section{padding-top:clamp(2.2rem,5vw,4rem)}.post-layout-grid{grid-template-columns:minmax(0,1fr) minmax(16rem,21rem);align-items:start;gap:clamp(2rem,4.6vw,5rem);min-width:0;display:grid}.post-article-body{color:var(--color-text-primary);font-size:clamp(1rem,1.12vw,1.14rem);line-height:1.75}.post-article-body p{margin-bottom:var(--space-6);color:var(--color-text-secondary)}.post-article-body h2{letter-spacing:-.02em;color:var(--color-text-primary);margin:var(--space-12)0 var(--space-4);font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.15}.post-article-body h3,.post-article-body h4{color:var(--color-text-primary);margin:var(--space-8)0 var(--space-3);line-height:1.25}.post-article-body h3{font-size:clamp(1.2rem,2vw,1.55rem)}.post-article-body h4{font-size:clamp(1.05rem,1.6vw,1.25rem)}.post-article-body ul,.post-article-body ol{margin:0 0 var(--space-6)1.35rem;color:var(--color-text-secondary)}.post-article-body li+li{margin-top:.45rem}.post-article-body a{color:var(--color-text-primary);text-underline-offset:.16em;text-decoration:underline}.post-article-body .approach-btn,.post-article-body .approach-btn:visited,.post-cta-panel .approach-btn,.post-cta-panel .approach-btn:visited{color:var(--color-text-inverse);text-decoration:none}.post-article-body .approach-btn:hover,.post-article-body .approach-btn:focus-visible,.post-cta-panel .approach-btn:hover,.post-cta-panel .approach-btn:focus-visible{color:var(--color-text-inverse)}.post-article-body blockquote{color:var(--color-text-primary);border-left:3px solid var(--color-text-primary);padding-left:var(--space-5);margin:var(--space-8)0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.5}.post-article-body img{border-radius:var(--radius-lg);width:100%;height:auto;margin:var(--space-8)0}.post-pull-quote{color:var(--color-text-primary);padding:var(--space-8)0;margin:var(--space-8)0;border-top:2px solid var(--color-text-primary);border-bottom:2px solid var(--color-text-primary);font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:600;line-height:1.3}.post-code-block{color:#f8f8f2;padding:var(--space-6);border-radius:var(--radius-md);font-family:var(--font-mono);margin:var(--space-8)0;background:#161616;border:1px solid #ffffff0f;font-size:.9rem;overflow-x:auto}.post-cta-panel{margin-top:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(#fff 0%,#f8f8f9 100%);padding:clamp(1.2rem,2.8vw,2rem)}.post-cta-panel h3{margin-bottom:var(--space-3);letter-spacing:-.02em;font-size:clamp(1.35rem,2.3vw,1.75rem);line-height:1.15}.post-cta-copy{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:56ch;font-size:clamp(.98rem,1.02vw,1.06rem);line-height:1.68}.post-cta-panel .approach-btn{min-width:clamp(11.5rem,18vw,14rem);font-size:var(--text-sm);padding:.82rem 1.18rem}.post-sidebar{gap:var(--space-8);flex-direction:column;display:flex;position:sticky;top:7rem}.sidebar-box{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);background:#fff}.sidebar-box h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.sidebar-copy{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.sidebar-email-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-3);padding:.72rem .85rem}.sidebar-btn{width:100%;font-size:.85rem}.related-post-link{color:inherit;border-bottom:1px solid var(--color-border);padding:.65rem 0;text-decoration:none;display:block}.related-post-link:last-child{border-bottom:0}.related-post-link h5{margin-bottom:.3rem;font-size:.97rem;font-weight:600;line-height:1.42}.related-post-link:hover h5,.related-post-link:focus-visible h5{color:var(--color-accent-primary)}.related-post-time{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width:1100px){.post-layout-grid{grid-template-columns:1fr}.post-sidebar{margin-top:var(--space-8);position:static}.post-article-body{max-width:100%}}@media (max-width:768px){.post-meta-row{flex-direction:column;align-items:flex-start}.post-hero-img{aspect-ratio:16/9}}