.blog-post{--blog-flow-base:clamp(.38em,.34em + .14vw,.5em);--blog-flow-tight:calc(var(--blog-flow-base)*.45);--blog-flow-loose:calc(var(--blog-flow-base)*1.2);--blog-flow-xl:calc(var(--blog-flow-base)*1.7);--blog-pad-block:clamp(8px,.8vw,10px);--blog-pad-inline:clamp(12px,1.4vw,16px);--blog-code-pad-y:clamp(1px,.2vw,2px);--blog-code-pad-x:clamp(5px,.7vw,7px);--blog-list-indent:clamp(1.08em,1.01em + .24vw,1.26em);flex:1;min-width:0;padding-bottom:60px}.blog-post__hero{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;margin-bottom:calc(var(--blog-flow-base)*3.1);background:var(--color-bg-light);position:relative;overflow:hidden}.blog-post__hero-img{object-fit:cover}.blog-post__meta{margin-bottom:calc(var(--blog-flow-base)*1.15);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.blog-post__category{border-radius:var(--radius-pill);background:var(--color-primary-light);color:var(--color-primary);padding:3px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.blog-post__category:hover{background:var(--color-primary);color:#fff}.blog-post__date,.blog-post__author{color:var(--color-text-secondary)}.blog-post__title{font-family:var(--font-heading,var(--font-sans));color:var(--color-text-dark);margin:0 0 calc(var(--blog-flow-base)*2.3);font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.35}.blog-post__content{color:var(--color-text-dark);font-size:16px;line-height:1.56}.blog-post__content>:first-child{margin-top:0}.blog-post__content>:last-child{margin-bottom:0}.blog-post__content h1,.blog-post__content h2,.blog-post__content h3,.blog-post__content h4{font-family:var(--font-heading,var(--font-sans));color:var(--color-text-dark);font-weight:700;line-height:1.3}.blog-post__content h1,.blog-post__content h2{margin:var(--blog-flow-xl)0 calc(var(--blog-flow-base)*.8)}.blog-post__content h3{margin:calc(var(--blog-flow-base)*1.55)0 calc(var(--blog-flow-base)*.65)}.blog-post__content h4{margin:calc(var(--blog-flow-base)*1.3)0 calc(var(--blog-flow-base)*.55)}.blog-post__content h2{font-size:clamp(18px,2.2vw,24px)}.blog-post__content h3{font-size:clamp(16px,1.8vw,20px)}.blog-post__content h4{font-size:16px}.blog-post__content p{margin:0 0 var(--blog-flow-base)}.blog-post__content ul,.blog-post__content ol{margin:0 0 var(--blog-flow-base);padding-left:var(--blog-list-indent)}.blog-post__content ul{list-style:outside}.blog-post__content ol{list-style:decimal}.blog-post__content li{margin-bottom:var(--blog-flow-tight);padding-left:.08em}.blog-post__content li:last-child{margin-bottom:0}.blog-post__content li::marker{color:var(--color-primary)}.blog-post__content li>p{margin:0}.blog-post__content li>ul,.blog-post__content li>ol{margin-top:calc(var(--blog-flow-base)*.55);margin-bottom:calc(var(--blog-flow-base)*.55)}.blog-post__content strong{color:var(--color-text-dark);font-weight:700}.blog-post__content em{font-style:italic}.blog-post__content s{opacity:.6;text-decoration:line-through}.blog-post__content a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.blog-post__content a:hover{opacity:.75}.blog-post__content blockquote{border-left:4px solid var(--color-primary);margin:var(--blog-flow-loose)0;padding:var(--blog-pad-block)var(--blog-pad-inline);background:var(--color-primary-light);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--color-text-secondary);font-style:italic}.blog-post__content pre{color:#e2e8f0;border-radius:var(--radius-sm);padding:calc(var(--blog-pad-block)*1.2)var(--blog-pad-inline);margin:var(--blog-flow-loose)0;background:#1e293b;font-size:14px;line-height:1.6;overflow-x:auto}.blog-post__content code{padding:var(--blog-code-pad-y)var(--blog-code-pad-x);background:#f1f5f9;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.blog-post__content pre code{background:0 0;padding:0}.blog-post__content hr{border:none;border-top:1px solid var(--color-border-light);margin:calc(var(--blog-flow-base)*1.8)0}.blog-post__content img{border-radius:var(--radius-md);max-width:100%;margin:calc(var(--blog-flow-base)*1.35)0}.blog-post__content img[data-align=left]{margin-left:0;margin-right:auto;display:block}.blog-post__content img[data-align=center]{margin-left:auto;margin-right:auto;display:block}.blog-post__content img[data-align=right]{margin-left:auto;margin-right:0;display:block}@media (max-width:768px){.blog-post{--blog-flow-base:.42em;--blog-pad-block:8px;--blog-pad-inline:12px;--blog-list-indent:1.14em}.blog-post__title{margin-bottom:calc(var(--blog-flow-base)*2);font-size:22px}.blog-post__content{font-size:15px;line-height:1.54}.blog-post__content h1,.blog-post__content h2{margin-top:calc(var(--blog-flow-base)*1.55)}.blog-post__content h3{margin-top:calc(var(--blog-flow-base)*1.35)}.blog-post__content h4{margin-top:calc(var(--blog-flow-base)*1.15)}.blog-post__hero{aspect-ratio:4/3;margin-bottom:calc(var(--blog-flow-base)*2.6)}}.blog-post__toc{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px}.blog-post__toc-details{display:block}.blog-post__toc-details summary{list-style:none}.blog-post__toc-details summary::marker{content:""}.blog-post__toc-details summary::-webkit-details-marker{display:none}.blog-post__toc-title{color:#374151;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.blog-post__toc-title:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-post__toc-details[open] .blog-post__toc-title{border-bottom:1px solid #e5e7eb}.blog-post__toc-title-text{align-items:center;gap:8px;display:inline-flex}.blog-post__toc-toggle{color:#6b7280;justify-content:center;align-items:center;display:inline-flex}.blog-post__toc-toggle svg{transition:transform .2s}.blog-post__toc-details[open] .blog-post__toc-toggle svg{transform:rotate(180deg)}.blog-post__toc-list{counter-reset:toc;margin:0;padding:12px 20px 16px;list-style:none}.blog-post__toc-item{counter-increment:toc}.blog-post__toc-item a{color:#4b5563;padding:4px 0;font-size:14px;line-height:1.5;text-decoration:none;transition:color .15s;display:block}.blog-post__toc-item a:hover{color:var(--color-primary)}.blog-post__toc-item--h1 a{font-weight:600}.blog-post__toc-item--h2{padding-left:16px}.blog-post__toc-item--h2 a{font-weight:500}.blog-post__toc-item--h3{padding-left:32px}.blog-post__toc-item--h3 a{color:#6b7280;font-size:13px}