html:has(.blog-root){background:var(--canvas)}html:has(.blog-root) body{background:var(--canvas);color:var(--ink)}.blog-root{--blog-max:720px;min-height:100vh;color:var(--ink)}.blog-nav{max-width:var(--container);padding:18px var(--s-lg);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.blog-brand{letter-spacing:-.2px;color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.blog-brand-mark{background:var(--brand);border-radius:6px;width:18px;height:18px}.blog-brand-dim{color:var(--mute);font-weight:500}.blog-nav-links{align-items:center;gap:18px;font-size:14px;display:flex}.blog-nav-links a{color:var(--body-text);text-decoration:none;transition:color .18s}.blog-nav-links a:hover{color:var(--ink)}.blog-nav-cta{border-radius:var(--r-md);background:var(--ink);padding:8px 14px;color:#fff!important}.blog-nav-cta:hover{background:#000}.blog-hero{max-width:var(--container);padding:var(--s-3xl) var(--s-lg) var(--s-xl);margin:0 auto}.blog-hero-title{letter-spacing:-.02em;margin:0 0 var(--s-sm);font-size:clamp(34px,5vw,52px);font-weight:600}.blog-hero-sub{color:var(--body-text);max-width:560px;margin:0;font-size:17px}.blog-list{max-width:var(--container);padding:0 var(--s-lg) var(--s-4xl);margin:0 auto}.blog-empty{color:var(--mute);padding:var(--s-2xl) 0}.blog-grid{gap:var(--s-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--canvas);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-4);transform:translateY(-2px)}.blog-card-cover{aspect-ratio:16/9;object-fit:cover;background:var(--canvas-soft-2);width:100%;display:block}.blog-card-body{padding:var(--s-md);flex-direction:column;gap:8px;display:flex}.blog-card-date{color:var(--mute);font-size:12px}.blog-card-title{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600;line-height:1.3}.blog-card-desc{color:var(--body-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.blog-tag{border-radius:var(--r-pill-sm);background:var(--canvas-soft-2);color:var(--mute);padding:3px 8px;font-size:11px}.blog-article{max-width:var(--blog-max);padding:var(--s-2xl) var(--s-lg) var(--s-4xl);margin:0 auto}.blog-back{color:var(--mute);margin-bottom:var(--s-lg);font-size:13px;text-decoration:none;display:inline-block}.blog-back:hover{color:var(--ink)}.blog-article-date{color:var(--mute);font-size:13px}.blog-article-title{letter-spacing:-.02em;margin:8px 0 var(--s-sm);font-size:clamp(28px,4.5vw,42px);font-weight:600;line-height:1.15}.blog-article-desc{color:var(--body-text);margin:0 0 var(--s-xl);font-size:18px;line-height:1.55}.blog-article-cover{border-radius:var(--r-lg);width:100%;margin:0 0 var(--s-xl);display:block}.blog-prose{color:var(--body-text);font-size:17px;line-height:1.75}.blog-prose h2{letter-spacing:-.01em;color:var(--ink);margin:var(--s-2xl) 0 var(--s-sm);font-size:26px;font-weight:600;line-height:1.25}.blog-prose h3{color:var(--ink);margin:var(--s-xl) 0 var(--s-xs);font-size:20px;font-weight:600}.blog-prose p{margin:0 0 var(--s-md)}.blog-prose a{color:var(--link);text-underline-offset:2px;text-decoration:underline}.blog-prose a:hover{color:var(--link-hover)}.blog-prose ul,.blog-prose ol{margin:0 0 var(--s-md);padding-left:1.4em}.blog-prose li{margin:0 0 6px}.blog-prose strong{color:var(--ink);font-weight:600}.blog-prose blockquote{margin:var(--s-lg) 0;padding:4px 0 4px var(--s-md);border-left:3px solid var(--brand);color:var(--ink);font-style:italic}.blog-prose code{background:var(--canvas-soft-2);border-radius:var(--r-sm);padding:2px 6px;font-family:Geist Mono,ui-monospace,monospace;font-size:.9em}.blog-prose pre{background:var(--canvas-soft-2);padding:var(--s-md);border-radius:var(--r-md);margin:0 0 var(--s-md);overflow-x:auto}.blog-prose pre code{background:0 0;padding:0}.blog-prose img{border-radius:var(--r-md);max-width:100%}.blog-cta{margin-top:var(--s-3xl);padding:var(--s-xl);border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--canvas-soft);text-align:center}.blog-cta h3{color:var(--ink);margin:0 0 var(--s-md);font-size:20px;font-weight:600}.blog-cta-btn{border-radius:var(--r-md);background:var(--ink);color:#fff;padding:10px 20px;font-weight:500;text-decoration:none;display:inline-block}.blog-cta-btn:hover{background:#000}.blog-foot{max-width:var(--container);padding:var(--s-lg);border-top:1px solid var(--hairline);color:var(--mute);justify-content:space-between;align-items:center;margin:0 auto;font-size:13px;display:flex}.blog-foot a{color:var(--mute);text-decoration:none}.blog-foot a:hover{color:var(--ink)}