.blog-main{flex-direction:column;min-height:100vh;display:flex}.blog-page{flex:1;padding:160px 0 96px}.blog-inner{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.blog-narrow{max-width:760px}.blog-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim);margin-bottom:20px;font-size:12px;font-weight:300}.blog-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--accent-red);overflow-wrap:anywhere;font-size:15px;font-weight:300;line-height:1.4}.blog-subtitle{color:var(--ink-dim);max-width:56ch;margin-top:20px;font-size:16px;line-height:1.6}.blog-browser{grid-template-columns:minmax(150px,.18fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);margin-top:72px;display:grid}.blog-navigation{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;display:flex}.blog-nav-all,.blog-nav-category,.blog-nav-topic{color:var(--ink-dim);text-align:left;font-size:14px;line-height:1.35;transition:color .16s}.blog-nav-all{border-bottom:1px solid var(--line);padding:16px 0}.blog-nav-all:hover,.blog-nav-all.active,.blog-nav-category:hover,.blog-nav-topic:hover,.blog-nav-topic.active{color:var(--ink)}.blog-nav-all.active,.blog-nav-topic.active{font-weight:600}.blog-nav-topic.active{color:var(--accent-red)}.blog-nav-group{border-bottom:1px solid var(--line)}.blog-nav-category{white-space:normal;background:0 0;border:0;border-radius:0;justify-content:space-between;width:100%;height:auto;min-height:0;padding:16px 0}.blog-nav-category:hover{background:0 0}.blog-nav-category svg{transition:transform .16s}.blog-nav-category[aria-expanded=true] svg{transform:rotate(180deg)}.blog-nav-topics{flex-direction:column;gap:12px;padding:0 0 18px 16px;display:flex}.blog-topic-title{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-red);margin-bottom:28px;font-size:12px;font-weight:300;line-height:1.4}.blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px;display:grid}.blog-card{flex-direction:column;min-width:0;display:flex}.blog-card-meta{color:var(--ink-dim);margin-top:12px;font-size:12px}.blog-card-title{letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere;margin-top:18px;font-size:20px;font-weight:650;line-height:1.15;transition:color .16s}.blog-card:hover .blog-card-title{color:var(--neutral-500)}.blog-state{text-align:center;padding:160px 0}.blog-state-mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim);font-size:12px}.blog-state-title{color:var(--ink);margin-top:16px;font-size:22px;font-weight:650}.blog-state-text{color:var(--ink-dim);margin-top:8px;font-size:14px}.blog-state-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--foreground);margin-top:24px;font-size:12px;display:inline-block}.blog-back{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim);margin-bottom:48px;font-size:12px;transition:color .16s;display:inline-block}.blog-back:hover{color:var(--foreground)}.blog-article-meta{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:20px;font-size:12px;display:flex}.blog-article-title{letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.1}.blog-article-divider{border:0;border-top:1px solid var(--line);margin:48px 0}.blog-body p{color:var(--ink);overflow-wrap:anywhere;margin:0 0 24px;font-size:16px;line-height:1.75}.blog-body h1,.blog-body h2,.blog-body h3{color:var(--ink);overflow-wrap:anywhere;margin:48px 0 16px}.blog-body h1,.blog-body h2{font-size:22px}.blog-body h3{font-size:18px}.blog-body ul,.blog-body ol{color:var(--ink);margin:0 0 24px;padding-left:24px;font-size:16px;line-height:1.75}.blog-body li{overflow-wrap:anywhere;margin-bottom:10px}.blog-body li::marker{color:var(--foreground)}.blog-body a{color:var(--foreground);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--neutral-300);-webkit-text-decoration-color:var(--neutral-300);text-decoration-color:var(--neutral-300);overflow-wrap:anywhere;transition:text-decoration-color .16s}.blog-body a:hover{-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.blog-body blockquote{border-left:2px solid var(--foreground);color:var(--ink-dim);overflow-wrap:anywhere;margin:32px 0;padding:4px 0 4px 24px;font-size:16px;font-style:italic;line-height:1.7}.blog-body hr{border:0;border-top:1px solid var(--line);margin:48px 0}.blog-body figure{margin:40px 0}.blog-body img{border:1px solid var(--line);border-radius:4px;max-width:100%;height:auto;display:block}.blog-body figcaption{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim);margin-top:12px;font-size:12px}.blog-body code{font-family:var(--font-mono);background:var(--neutral-100);border-radius:3px;padding:2px 6px;font-size:.9em}.blog-body pre{background:var(--neutral-100);border:1px solid var(--line);border-radius:4px;margin:0 0 24px;padding:20px;overflow-x:auto}.blog-body pre code{background:0 0;padding:0;font-size:14px;line-height:1.6}@media (width<=760px){.blog-page{padding:120px 0 72px}.blog-browser{grid-template-columns:1fr;gap:40px;margin-top:48px}.blog-list{grid-template-columns:1fr;gap:40px}}