.blog-page{--blog-ink-on-lime: #263319;--blog-lime-line: #bde85f;--blog-prose: clamp(1.0625rem, 1rem + .3vw, 1.1875rem);--blog-r: 12px;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--type-body);line-height:1.5;-webkit-font-smoothing:antialiased}.blog-page a{color:inherit;text-decoration:none}.blog-page :is(h1,h2,h3){font-family:var(--font-sans);color:var(--color-text);margin:0}.blog-page p,.blog-page ul,.blog-page ol,.blog-page dl{margin:0}.blog-eyebrow{display:block;font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.035em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.6}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--blog-r);overflow:hidden}.blog-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 18px;border-radius:7px;background:var(--color-accent-soft);color:var(--blog-ink-on-lime);border:1px solid var(--blog-lime-line);font-size:var(--type-control);font-weight:600;line-height:1.4;white-space:nowrap;transition:filter .15s,transform .15s}.blog-btn:hover{filter:brightness(.96)}.blog-btn--block{display:flex;width:100%}.blog-page .blog-btn svg{flex-shrink:0}.blog-tags{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;padding:0}.blog-tags li{font-size:var(--type-small);color:var(--color-text-muted);line-height:1.6}.blog-tags li:before{content:"#";color:var(--color-text-subtle);margin-right:1px}.blog-avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);overflow:hidden}.blog-avatar svg{width:62%;height:62%}.blog-byline{display:flex;align-items:center;gap:12px}.blog-byline>div{display:flex;flex-direction:column;gap:1px;min-width:0}.blog-byline-name{font-size:var(--type-control);font-weight:600;color:var(--color-text)}.blog-byline time,.blog-byline>div>span:last-child{font-size:var(--type-small);color:var(--color-text-muted)}.blog-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;height:72px;padding:0 4vw;background:color-mix(in srgb,var(--color-bg) 92%,transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.blog-logo{display:inline-flex;color:var(--color-text)}.blog-logo .logo{display:inline-flex}.blog-logo svg{display:block;height:26px;width:118px}.blog-nav{display:flex;gap:26px;font-size:var(--type-control);font-weight:500}.blog-nav a{position:relative;padding:8px 0;color:var(--color-text)}.blog-nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--color-text);transform:scaleX(0);transform-origin:left;transition:transform .25s}.blog-nav a:hover:after,.blog-nav a[aria-current=page]:after{transform:scaleX(1)}.blog-header-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.blog-login{font-size:var(--type-control);font-weight:500;color:var(--color-text)}.blog-frame{max-width:1300px;margin:0 auto;padding:18px 4vw 72px}.blog-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;padding:0 4px;font-family:var(--font-mono);font-size:var(--type-caption);color:var(--color-text-subtle);letter-spacing:.02em}.blog-crumbs li+li:before{content:"›";margin-right:8px}.blog-crumbs a:hover,.blog-crumbs [aria-current]{color:var(--color-text-muted)}.blog-crumbs [aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch;display:inline-block;vertical-align:bottom}.blog-columns{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:14px}.blog-columns--single{grid-template-columns:minmax(0,1fr);max-width:880px}.blog-main{min-width:0}.blog-side{position:sticky;top:92px;display:flex;flex-direction:column;gap:16px;max-height:calc(100dvh - 108px);overflow-y:auto;scrollbar-width:none}.blog-side::-webkit-scrollbar{width:0}.blog-side>*{flex-shrink:0}.blog-side-card{padding:18px 20px 20px}.blog-side-card h2{font-size:var(--type-lead);font-weight:600;letter-spacing:-.02em}.blog-side-card .blog-tags{margin-top:12px}.blog-brand-card{padding:0 20px 20px}.blog-brand-band{height:32px;margin:0 -20px;background:var(--color-accent)}.blog-brand-head{display:flex;align-items:flex-end;gap:12px;margin-top:-16px}.blog-brand-head .blog-avatar{border:2px solid var(--color-surface);background:var(--color-surface)}.blog-brand-head strong{font-size:var(--type-card);font-weight:600;letter-spacing:-.02em;padding-bottom:4px}.blog-brand-card>p{margin-top:12px;font-size:var(--type-control);line-height:1.6;color:var(--color-text-muted)}.blog-brand-card .blog-btn{margin-top:16px}.blog-brand-meta{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--color-border)}.blog-brand-meta dt{font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.035em;text-transform:uppercase;color:var(--color-text-subtle)}.blog-brand-meta dd{margin:3px 0 0;font-size:var(--type-control);color:var(--color-text)}.blog-toc nav{margin-top:10px}.blog-toc ol{list-style:none;padding:0;display:flex;flex-direction:column}.blog-toc a{display:block;padding:7px 10px;margin:0 -10px;border-radius:6px;font-size:var(--type-control);line-height:1.45;color:var(--color-text-muted)}.blog-toc li.is-sub a{padding-left:22px;font-size:var(--type-small)}.blog-toc a:hover{color:var(--color-text);background:var(--color-surface-2)}.blog-more ul{list-style:none;padding:0;margin:6px -20px 0}.blog-more li{padding:12px 20px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px}.blog-more li a{font-size:var(--type-control);font-weight:500;line-height:1.45;color:var(--color-text)}.blog-more li a:hover{color:var(--color-accent)}.blog-more li span{font-size:var(--type-small);color:var(--color-text-subtle);white-space:pre}.blog-index-head{padding:8px 4px 22px}.blog-index-head h1{margin-top:8px;font-size:var(--type-title);font-weight:600;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}.blog-index-head p{margin-top:10px;max-width:58ch;font-size:var(--type-lead);line-height:1.6;color:var(--color-text-muted)}.blog-index-head a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.blog-feed{display:flex;flex-direction:column;gap:12px}.blog-feed-cover{display:block;width:100%;aspect-ratio:1000 / 420;object-fit:cover}.blog-feed-body{padding:20px 24px 18px}.blog-feed-card h2{margin-top:14px;font-size:var(--type-section);font-weight:700;letter-spacing:-.03em;line-height:1.2}.blog-feed-card h2 a:hover{color:var(--color-accent)}.blog-feed-card .blog-tags{margin-top:8px}.blog-feed-card>div>p{margin-top:12px;font-size:var(--type-body);line-height:1.6;color:var(--color-text-muted);max-width:70ch}.blog-feed-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:var(--type-small);color:var(--color-text-muted)}.blog-feed-foot a{color:var(--color-text);font-weight:500;padding:6px 10px;border-radius:6px;background:var(--color-surface-2)}.blog-feed-foot a:hover{background:var(--color-surface-3)}.blog-cover{display:block;width:100%;aspect-ratio:1000 / 420;object-fit:cover}.blog-article-body{padding:36px 76px 52px}.blog-article-head h1{margin-top:20px;font-size:var(--type-display);font-weight:700;letter-spacing:-.04em;line-height:1.1;text-wrap:balance}.blog-article-head .blog-tags{margin-top:14px}.blog-summarize{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.035em;text-transform:uppercase;color:var(--color-text-subtle)}.blog-summarize a{font-family:var(--font-sans);font-size:var(--type-small);letter-spacing:0;text-transform:none;padding:5px 10px;border-radius:6px;border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface);transition:border-color .15s,color .15s}.blog-summarize a:hover{color:var(--color-text);border-color:var(--color-border-strong)}.blog-answer{margin-top:28px;padding:16px 20px;border-radius:8px;background:var(--color-surface-2);border-left:3px solid var(--color-accent-soft)}.blog-answer p{margin-top:8px;font-size:var(--blog-prose);line-height:1.65;color:var(--color-text)}.blog-prose{margin-top:28px;font-size:var(--blog-prose);line-height:1.7;color:var(--color-text)}.blog-prose>*+*{margin-top:1.1em}.blog-prose h2{font-size:var(--type-heading);font-weight:600;letter-spacing:-.03em;line-height:1.25;margin-top:2em;scroll-margin-top:96px}.blog-prose h3{font-size:var(--type-card);font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-top:1.6em;scroll-margin-top:96px}.blog-prose p{color:var(--color-text)}.blog-prose strong{font-weight:600}.blog-prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 40%,transparent);text-underline-offset:3px}.blog-prose a:hover{color:var(--color-accent-hover);text-decoration-color:currentColor}.blog-prose ul,.blog-prose ol{padding-left:1.4em;display:flex;flex-direction:column;gap:.45em}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li::marker{color:var(--color-text-subtle)}.blog-prose li>p+p{margin-top:.5em}.blog-prose blockquote{padding:2px 0 2px 18px;border-left:3px solid var(--color-border-strong);color:var(--color-text-muted)}.blog-prose code{font-family:var(--font-mono);font-size:.88em;padding:1px 6px;border-radius:5px;background:var(--color-surface-2);border:1px solid var(--color-border)}.blog-prose pre{padding:14px 16px;border-radius:8px;background:var(--color-surface-2);border:1px solid var(--color-border);overflow-x:auto}.blog-prose pre code{padding:0;border:0;background:none;font-size:var(--type-control);line-height:1.6}.blog-prose img{display:block;max-width:100%;border-radius:8px;border:1px solid var(--color-border)}.blog-prose hr{border:0;height:1px;background:var(--color-border);margin:2.2em 0}.blog-table{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px}.blog-table table{width:100%;border-collapse:collapse;font-size:var(--type-control);line-height:1.5}.blog-table th,.blog-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);vertical-align:top}.blog-table th{font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.035em;text-transform:uppercase;font-weight:400;color:var(--color-text-subtle);background:var(--color-surface-2)}.blog-table tr:last-child td{border-bottom:0}.blog-table td:first-child{color:var(--color-text);font-weight:500}.blog-callout{padding:14px 18px;border-radius:8px;background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--type-body);line-height:1.6;color:var(--color-text-muted)}.blog-callout strong{display:block;color:var(--color-text);font-weight:600;margin-bottom:4px}.blog-callout p+p{margin-top:.6em}.blog-video video{width:100%;border-radius:8px;border:1px solid var(--color-border);background:#000}.blog-video figcaption{margin-top:8px;font-size:var(--type-small);color:var(--color-text-subtle)}.blog-cta-inline{margin-top:1.6em}.blog-faq{margin-top:44px;padding-top:28px;border-top:1px solid var(--color-border)}.blog-faq h2{font-size:var(--type-heading);font-weight:600;letter-spacing:-.03em}.blog-faq-item{margin-top:22px}.blog-faq-item h3{font-size:var(--type-card);font-weight:600;letter-spacing:-.02em;line-height:1.3}.blog-faq-item p{margin-top:8px;font-size:var(--type-lead);line-height:1.65;color:var(--color-text-muted)}.blog-footer{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;max-width:1300px;margin:0 auto;padding:22px 4vw 40px;border-top:1px solid var(--color-border);font-size:var(--type-small);color:var(--color-text-muted)}.blog-footer nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:12px 20px}.blog-footer nav a:hover{color:var(--color-text)}@media (max-width: 1040px){.blog-columns{grid-template-columns:minmax(0,1fr);max-width:880px}.blog-side{position:static;max-height:none;overflow:visible}.blog-article-body{padding:26px 32px 38px}.blog-nav{display:none}}@media (max-width: 600px){.blog-header{height:64px;gap:12px}.blog-header-actions{gap:12px}.blog-login{display:none}.blog-btn{min-height:38px;padding:0 14px}.blog-frame{padding:14px 16px 56px}.blog-article-body{padding:20px 18px 30px}.blog-article-head h1{font-size:var(--type-title)}.blog-feed-body{padding:16px 18px}.blog-crumbs [aria-current]{max-width:24ch}.blog-footer nav{margin-left:0}}@media print{.blog-page{background:#fff}.blog-header,.blog-side,.blog-summarize,.blog-footer,.blog-cta-inline,.blog-crumbs{display:none}.blog-columns{grid-template-columns:1fr}.blog-card{border:0}.blog-article-body{padding:0}}
