.blog-main{width:min(100%, var(--page-width));padding:clamp(1.5rem, 3vw, 3rem) var(--page-pad) var(--section-gap);flex:1;margin:0 auto}.blog-photo{--cut:.6rem;aspect-ratio:16/9;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));background:#e9e4dc;display:block;overflow:hidden}.blog-photo img{object-fit:cover;width:100%;height:100%;display:block}.blog-tag{color:#232323;width:fit-content;font-family:var(--font-mono);letter-spacing:.01em;text-transform:uppercase;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);background:#2323230f;border:0;padding:.22rem .5rem;font-size:.8rem;line-height:1.4;display:inline-block}.blog-dateline{color:#6b6a66;font-family:var(--font-mono);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:.8rem;line-height:1.4}.blog-index-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;display:flex}.blog-index-head h1{font-size:var(--page-title-size);margin:0;line-height:1}.blog-index-head p{color:#6b6a66;margin:0;font-size:clamp(1rem,1.15vw,1.15rem)}.blog-feature{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.5rem);margin-top:clamp(2.5rem,6vw,6rem);display:grid}.blog-feature-text{flex-direction:column;justify-content:space-between;gap:1.5rem;padding:.5rem 0;display:flex}.blog-feature h2{margin:0;font-size:clamp(1.9rem,2.7vw,2.6rem);line-height:1.14}.blog-feature p:not(.blog-dateline){color:#6b6a66;margin:.9rem 0 0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.5}.blog-feature:hover h2,.blog-list a:hover .blog-card-title{color:#b34f1b}.blog-filters{flex-wrap:wrap;gap:.5rem;margin-top:clamp(2.5rem,4vw,3.5rem);display:flex}.blog-filters .blog-tag{cursor:pointer;transition:background-color .12s,color .12s}.blog-filters .blog-tag:hover{background:#2323231c}.blog-filters .blog-tag[aria-pressed=true]{color:#b34f1b;background:#e4692524}.blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.5rem,3.4vw,3.25rem) 1rem;margin:clamp(1.25rem,2vw,1.75rem) 0 0;padding:0;list-style:none;display:grid}.blog-list a{flex-direction:column;height:100%;display:flex}.blog-list .blog-photo img{transition:transform .4s}.blog-list a:hover .blog-photo img{transform:scale(1.02)}.blog-list .blog-tag{margin-top:1rem}.blog-card-title{color:#232323;margin:.8rem 0 0;font-family:Geist Variable,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.15rem,1.4vw,1.3rem);font-weight:450;line-height:1.3}.blog-card-summary{color:#6b6a66;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.6rem;font-size:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-list .blog-dateline{margin-top:auto;padding-top:1rem}.blog-article{width:min(100%,64rem);margin:0 auto}.blog-back{color:#232323;width:1.5rem;height:1.5rem;display:block}.blog-back:hover{color:#b34f1b}.blog-back svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:100%;height:100%;display:block}.blog-head h1{font-size:var(--page-title-size);margin:clamp(1.5rem,3vw,2.25rem) 0 0;line-height:1.12}.blog-meta{color:#6b6a66;font-family:var(--font-mono);letter-spacing:.01em;text-transform:uppercase;flex-wrap:wrap;gap:.4rem 1.5rem;margin:clamp(1.25rem,2vw,1.75rem) 0 0;font-size:.82rem;line-height:1.5;display:flex}.blog-copy{min-width:7.5rem;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:0;display:inline-flex}.blog-copy:hover{color:#b34f1b}.blog-copy svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:.9rem;height:.9rem}.blog-columns{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:1.75rem;margin-top:clamp(2rem,4vw,3.5rem);display:grid}.blog-lead p{color:#232323;margin:1.5rem 0 0;font-size:clamp(1.15rem,1.4vw,1.25rem);line-height:1.5}.blog-toc{top:calc(var(--site-header-height) + 1.25rem);max-height:calc(100vh - var(--site-header-height) - 2.5rem);position:sticky;overflow-y:auto}.blog-toc h2{margin:0;font-family:Geist Variable,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.15rem;font-weight:450;line-height:1.3}.blog-toc ul{gap:.2rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.blog-toc a{color:#6b6a66;padding:.3rem 0 .3rem 1rem;font-size:.98rem;line-height:1.35;transition:color .12s;display:block}.blog-toc a:hover{color:#232323}.blog-toc a[aria-current]{color:#b34f1b}.blog-body h2{scroll-margin-top:calc(var(--site-header-height) + 1rem);margin:clamp(2.5rem,4vw,3.25rem) 0 0;font-family:Geist Variable,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.35rem,1.7vw,1.55rem);font-weight:500;line-height:1.25}.blog-body p,.blog-body ul{color:#3a3936;margin:.9rem 0 0;font-size:1.1rem;line-height:1.65}.blog-body ul{gap:.5rem;padding-left:1.2rem;display:grid}.blog-body ul:not([class]){list-style:outside}.blog-body strong{color:#232323;font-weight:550}.blog-body code{font-size:.88em}.blog-body a:not([class]){color:#232323;text-underline-offset:3px;-webkit-text-decoration:underline #23232359;text-decoration:underline #23232359}.blog-body a:not([class]):hover{color:#b34f1b;text-decoration-color:currentColor}.blog-body .docs-table-wrap{margin-top:1rem}.blog-body .blog-note{color:#6b6a66;font-size:.9rem;line-height:1.5}.blog-cta{--cut:.75rem;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));background:#e4692514;margin-top:clamp(2.5rem,4vw,3.5rem);padding:clamp(1.4rem,2.5vw,2rem)}.blog-cta p{margin:0;font-size:1.05rem;line-height:1.5}.blog-cta .section-actions{margin-top:1.25rem}.blog-more{margin-top:clamp(4rem,6vw,6rem)}.blog-more h2:first-child{margin:0;font-family:Geist Variable,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3rem;font-weight:450}@media (width<=1000px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-columns{grid-template-columns:minmax(0,1fr)}.blog-toc{display:none}.blog-article{width:min(100%,42.5rem)}}@media (width<=760px){.blog-feature{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.blog-list{grid-template-columns:minmax(0,1fr)}}
