.blog-code-block{--code-bg:#0b1220;--code-panel:#111827;--code-border:#94a3b82e;--code-muted:#94a3b8;--code-text:#e2e8f0;--code-accent:#22c55e;border:1px solid var(--code-border);background:var(--code-bg);color:var(--code-text);border-radius:.85rem;margin-block:.25rem;overflow:hidden;box-shadow:0 18px 40px #02061747}.blog-code-block__tabs{border-bottom:1px solid var(--code-border);scrollbar-width:none;background:#0f172ad9;gap:.25rem;padding:.65rem .85rem 0;display:flex;overflow-x:auto}.blog-code-block__tabs::-webkit-scrollbar{display:none}.blog-code-block__tab{color:#cbd5e1;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:.55rem .7rem;font-size:.8125rem;font-weight:500}.blog-code-block__tab:hover{color:#fff}.blog-code-block__tab--active{color:#fff;border-bottom-color:var(--code-accent)}.blog-code-block__body{background:var(--code-panel);grid-template-columns:auto minmax(0,1fr);gap:.85rem;padding:1rem 1rem 1rem .75rem;display:grid;overflow-x:auto}.blog-code-block__lines{-webkit-user-select:none;user-select:none;color:#64748b;flex-direction:column;align-items:flex-end;min-width:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.7;display:flex}.blog-code-block__pre{color:inherit;white-space:pre;word-break:normal;overflow:visible;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}.blog-code-block__pre code{color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.7;display:block;background:0 0!important;border:0!important;padding:0!important}.blog-code-block__footer{border-top:1px solid var(--code-border);background:#0f172af2;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .9rem;display:flex}.blog-code-block__lang{color:var(--code-muted);font-size:.8125rem}.blog-code-block__copy{color:#e2e8f0;cursor:pointer;background:#1e293be6;border:1px solid #94a3b847;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.blog-code-block__copy:hover{background:#334155f2}.blog-code-block .hljs-comment,.blog-code-block .hljs-quote{color:#64748b;font-style:italic}.blog-code-block .hljs-keyword,.blog-code-block .hljs-selector-tag,.blog-code-block .hljs-literal{color:#c4b5fd}.blog-code-block .hljs-string,.blog-code-block .hljs-doctag,.blog-code-block .hljs-attr{color:#fcd34d}.blog-code-block .hljs-number,.blog-code-block .hljs-symbol{color:#f0abfc}.blog-code-block .hljs-title,.blog-code-block .hljs-section,.blog-code-block .hljs-name{color:#7dd3fc}.blog-code-block .hljs-built_in,.blog-code-block .hljs-type{color:#86efac}.blog-code-block .hljs-params,.blog-code-block .hljs-variable,.blog-code-block .hljs-template-variable{color:#e2e8f0}.blog-code-block .hljs-meta{color:#94a3b8}
.blog-post-content{color:var(--color-gray-700);font-size:1rem;line-height:1.75}.blog-post-content>*+*,.blog-post-content__chunk>*+*{margin-block-start:1.25rem}.blog-post-content>:is(h1,h2,h3,h4,h5,h6),.blog-post-content__chunk>:is(h1,h2,h3,h4,h5,h6){letter-spacing:-.025em;color:var(--color-brand-navy);margin-block-start:2rem;margin-bottom:.5em;font-weight:500}.blog-post-content>:first-child,.blog-post-content__chunk>:first-child{margin-block-start:0}.blog-post-content h1{font-size:2.25rem;line-height:2.5rem}.blog-post-content h2{font-size:1.5rem;line-height:2rem}.blog-post-content h3{font-size:1.25rem;line-height:1.75rem}.blog-post-content h4{font-size:1.125rem;line-height:1.625rem}.blog-post-content p{margin-block:0}:is(.blog-post-content>p:has(>br:only-child),.blog-post-content__chunk>p:has(>br:only-child)){min-height:0;margin-block:0;line-height:0}.blog-post-content>pre.ql-syntax{display:none}.blog-post-content :is(strong,b){color:var(--color-brand-navy);font-weight:600}.blog-post-content :is(em,i){font-style:italic}.blog-post-content ul{flex-direction:column;gap:.5rem;padding-inline-start:1.5rem;list-style-type:disc;display:flex}.blog-post-content ol{flex-direction:column;gap:.5rem;padding-inline-start:1.5rem;list-style-type:decimal;display:flex}.blog-post-content a{color:var(--color-brand-teal-dark);text-underline-offset:2px;font-weight:500;text-decoration:underline}.blog-post-content a:hover{color:var(--color-brand-teal)}.blog-post-content img{border-radius:.5rem;width:100%;margin-block:.25rem}.blog-post-content blockquote{color:var(--color-gray-500);border-inline-start:4px solid #2dbdb866;padding-inline-start:1rem;font-style:italic}.blog-post-content :not(pre)>code{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:.35rem;padding:.1em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;font-weight:500}.blog-post-content pre,.blog-post-content pre.ql-syntax{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;margin-block:0;padding:1rem 1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.65;display:block;overflow-x:auto}.blog-post-content pre code{font:inherit;color:inherit;background:0 0;border:none;padding:0}