.technical-post{--bg: #ffffff;--bg-offset: #fafafa;--fg: #1a1a1a;--fg-secondary: #333;--fg-muted: #888;--border: #e5e5e5;--border-light: #f0f0f0;--code-bg: #f5f5f5;--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--header-h: 48px;--accent: #1e3a5f;--accent-light: #e8f0f7;--purple: #1e3a5f;--purple-light: #e8f0f7;--agent-bg: #f4f7f4;--agent-border: #c0d8c0;--agent-accent: #2d6a36;--baseline-bg: #f9f4f4;--baseline-border: #d8c0c0;--baseline-accent: #8b3a42;--mcp-accent: #6366f1;--cli-accent: #16a34a;--s1: #6366f1;--s2: #2563eb;--s3: #d97706;--s4: #16a34a;font-size:16px!important;overflow-x:auto;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px)}.technical-post *,.technical-post *:before,.technical-post *:after{margin:0;padding:0;box-sizing:border-box}.technical-post body{display:block;margin:0;padding:0;min-height:100dvh;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:1rem;font-weight:400;line-height:1.75;-webkit-font-smoothing:antialiased}.technical-post h1,.technical-post h2,.technical-post h3,.technical-post h4,.technical-post h5,.technical-post h6{font-family:var(--sans)}.technical-post a{color:inherit;text-decoration:none;transition:none}.technical-post img{display:inline}.technical-post main{display:block}.blog-header{background:#fff;border-bottom:1px solid var(--border);height:var(--header-h);display:flex;align-items:center;position:sticky;top:0;z-index:100}.blog-header .inner{width:100%;max-width:1340px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:16px}.blog-header .back{color:var(--fg-muted);font-size:14px;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .15s}.blog-header .back:hover{color:var(--fg)}.blog-header .header-divider{width:1px;height:16px;background:var(--border)}.blog-header .title{font-size:14px;font-weight:600;color:var(--fg)}.blog-grid{display:grid;grid-template-columns:220px 1fr;max-width:1340px;margin:0 auto;min-height:calc(100vh - var(--header-h))}@media(max-width:1000px){.blog-grid{grid-template-columns:1fr}.blog-toc{display:none}}.blog-toc{padding:2.5rem 0 2.5rem 32px;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto}.blog-toc h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-secondary);margin:1.8rem 0 .5rem}.blog-toc h4:first-child{margin-top:0}.blog-toc a{display:block;font-size:13px;color:#71717a;text-decoration:none;padding:4px 10px;border-radius:5px;border-left:2px solid transparent;margin-left:-2px;transition:color .15s,border-color .15s}.blog-toc a:hover{color:var(--fg);background:var(--bg-offset)}.blog-toc a.active{color:var(--fg);font-weight:500;border-left-color:var(--fg)}@media(min-width:901px){.blog-toc::-webkit-scrollbar{width:4px}.blog-toc::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}}.blog-content{padding:3rem 3rem 5rem 3.5rem;max-width:920px;min-width:0;overflow-x:hidden;border-left:1px solid var(--border-light)}@media(max-width:1000px){.blog-content{padding-left:3rem;border-left:none}}.blog-content h1{font-size:2.2em;font-weight:700;letter-spacing:-.03em;margin-bottom:14px;line-height:1.15;color:var(--fg)}.blog-content .subtitle{font-size:1.05em;color:var(--fg-secondary);margin-bottom:48px;line-height:1.7}.blog-content h2{font-size:1.35em;font-weight:600;margin-top:64px;margin-bottom:20px;letter-spacing:-.02em;padding-bottom:0;border-bottom:none;color:var(--fg)}.blog-content h3{font-size:1.05em;font-weight:600;margin-top:44px;margin-bottom:14px;color:var(--fg)}.blog-content p{margin-bottom:20px;color:var(--fg-secondary);line-height:1.75;font-size:.95em}.blog-content strong{font-weight:600;color:var(--fg)}.blog-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.blog-content a:hover{border-bottom-color:var(--accent)}.blog-content code{font-family:var(--mono);font-size:.84em;background:var(--code-bg);padding:2px 6px;border-radius:3px}.blog-content pre{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:6px;padding:18px 22px;overflow-x:auto;margin:22px 0 26px;font-size:.84em;line-height:1.6}.blog-content pre code{background:none;padding:0;font-size:1em}.blog-content blockquote{border-left:3px solid #ddd;padding:10px 18px;margin:18px 0;color:#555;font-style:italic}.blog-content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:22px 0 30px;font-size:.9em}.blog-content th{text-align:left;font-weight:600;padding:10px 14px;border-bottom:2px solid var(--border);background:var(--bg-offset);font-size:.88em;text-transform:uppercase;letter-spacing:.03em}.blog-content td{padding:10px 14px;border-bottom:1px solid var(--border-light);color:var(--fg-secondary)}.blog-content tr:last-child td{border-bottom:none}.blog-content ul,.blog-content ol{margin:14px 0 20px;padding-left:28px;color:var(--fg-secondary)}.blog-content li{margin-bottom:10px;line-height:1.8}.stat-row{display:flex;gap:16px;margin:28px 0}.stat-card{flex:1;text-align:center;padding:20px 14px;background:var(--bg-offset);border:1px solid var(--border);border-radius:6px}.stat-card .num{font-size:2em;font-weight:700;line-height:1.1;letter-spacing:-.02em}.stat-card .label{font-size:.82em;color:var(--fg-muted);margin-top:4px}.divider{height:1px;background:var(--border-light);margin:56px 0}.cta-center{text-align:center;margin:32px 0}.blog-content a.cta-btn{display:inline-block;background:var(--accent);color:#fff;padding:14px 32px;border-radius:6px;font-weight:600;font-size:.92em;text-decoration:none;border:none;border-bottom:none;transition:opacity .15s;letter-spacing:.01em}.blog-content a.cta-btn:hover{opacity:.9;color:#fff;border-bottom:none}.terminal{background:#1e1e2e;border-radius:10px;overflow:hidden;margin:22px 0 26px;font-family:var(--mono);font-size:.82em;line-height:1.65}.terminal,.terminal p{color:#d4d4d4}.terminal-bar{display:flex;align-items:center;gap:5px;border-bottom:1px solid #313244;background:#181825;padding:7px 12px}.terminal-bar .dot{width:7px;height:7px;border-radius:50%}.terminal-bar .dot-r{background:#f38ba8}.terminal-bar .dot-y{background:#f9e2af}.terminal-bar .dot-g{background:#a6e3a1}.terminal-body{padding:14px 18px}.blog-content .terminal .prompt{color:#a6e3a1}.blog-content .terminal .comment{color:#585b70;font-style:italic}.blog-content .terminal .output{color:#9399b2}.blog-content .terminal .highlight{color:#ce9178}.blog-content .terminal .number{color:#b5cea8}.blog-content .terminal .flag{color:#569cd6}.blog-content .terminal code{background:none;padding:0;color:inherit}.blog-content .terminal strong{color:inherit}.result-box{background:#f9fbfd;border:1px solid #dce6f0;border-radius:6px;padding:18px 22px;margin:22px 0 26px}.result-box .result-label{font-size:.78em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6a8eaf;margin-bottom:10px}.use-case{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-light)}.use-case:first-of-type{border-top:none;padding-top:0}.use-case h3{margin-top:0}.primitives-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 30px}.primitive-card{padding:16px 18px;border-radius:6px;background:var(--bg-offset);border:1px solid var(--border);transition:border-color .15s}.primitive-card:hover{border-color:#a1a1aa}.primitive-card code{font-size:.95em;font-weight:600;background:none;padding:0;color:var(--fg)}.primitive-card .desc{font-size:.85em;color:#666;margin-top:4px;line-height:1.5}.blog-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-light);text-align:center}.blog-footer a{font-size:12px;color:var(--fg-muted);text-decoration:none}@media(max-width:600px){.stat-row{flex-direction:column;gap:12px}.primitives-grid{grid-template-columns:1fr}.blog-content{padding:2rem 1.5rem 3rem}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-leading:initial;--tw-border-style:solid}}}.prose[data-astro-cid-7jjqptxk] h2{margin-top:calc(var(--spacing,.25rem) * 10);margin-bottom:calc(var(--spacing,.25rem) * 3);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.prose[data-astro-cid-7jjqptxk] h3{margin-top:calc(var(--spacing,.25rem) * 8);margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.prose[data-astro-cid-7jjqptxk] p{margin-bottom:calc(var(--spacing,.25rem) * 5)}.prose[data-astro-cid-7jjqptxk] ul{margin-bottom:calc(var(--spacing,.25rem) * 5);padding-left:calc(var(--spacing,.25rem) * 6);list-style-type:disc}.prose[data-astro-cid-7jjqptxk] ol{margin-bottom:calc(var(--spacing,.25rem) * 5);padding-left:calc(var(--spacing,.25rem) * 6);list-style-type:decimal}.prose[data-astro-cid-7jjqptxk] li{margin-bottom:calc(var(--spacing,.25rem) * 1)}.prose[data-astro-cid-7jjqptxk] pre{margin-bottom:calc(var(--spacing,.25rem) * 5);border-radius:var(--radius-lg,.5rem);background-color:var(--color-panel,var(--color-purple-dark));padding:calc(var(--spacing,.25rem) * 5);font-family:var(--font-mono,"Sometype Mono", ui-monospace, monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:#ffffffeb;overflow-x:auto}.prose[data-astro-cid-7jjqptxk] code{padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);font-family:var(--font-mono,"Sometype Mono", ui-monospace, monospace);background-color:var(--color-code-bg);border-radius:.25rem;font-size:.9em}.prose[data-astro-cid-7jjqptxk] pre code{padding:calc(var(--spacing,.25rem) * 0);background-color:#0000}.prose[data-astro-cid-7jjqptxk] blockquote{margin-bottom:calc(var(--spacing,.25rem) * 5);border-left-style:var(--tw-border-style);border-left-width:3px;border-color:var(--color-panel,var(--color-purple-dark));padding-left:calc(var(--spacing,.25rem) * 4);color:var(--color-muted,#0000008c);font-style:italic}.prose[data-astro-cid-7jjqptxk] img{margin-block:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius-lg,.5rem)}.prose[data-astro-cid-7jjqptxk] hr{margin-block:calc(var(--spacing,.25rem) * 10);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border,#00000024)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}