.blog-root{--blog-max:46rem;--blog-wide:72rem;--blog-radius:.9rem;--blog-nav-offset:0px;--blog-bg:#fff;--blog-fg:#1a1a1a;--blog-muted:#6b7280;--blog-border:color-mix(in srgb,var(--blog-fg)12%,transparent);--blog-surface:color-mix(in srgb,var(--blog-fg)3%,transparent);--blog-surface-2:color-mix(in srgb,var(--blog-fg)6%,transparent);--blog-accent:#6944ae;--blog-accent-fg:#fff;color:var(--blog-fg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.blog-root *,.blog-root :before,.blog-root :after{box-sizing:border-box}.blog-page{width:100%;max-width:var(--blog-wide);margin-inline:auto;padding:clamp(2rem,5vw,4rem) 1.5rem}.blog-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-muted);margin:0;font-size:.8rem;font-weight:600}.blog-title{letter-spacing:-.02em;margin:.5rem 0 0;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.1}.blog-lead{max-width:40rem;color:var(--blog-muted);margin:.75rem 0 0;font-size:1.05rem;line-height:1.6}.blog-empty{text-align:center;color:var(--blog-muted);border:1px dashed var(--blog-border);border-radius:var(--blog-radius);margin-top:3rem;padding:2.5rem 1.25rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.75rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.blog-card{height:100%;color:inherit;background:var(--blog-bg);border:1px solid var(--blog-border);border-radius:var(--blog-radius);flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.blog-card:hover{border-color:color-mix(in srgb,var(--blog-accent)55%,var(--blog-border));transform:translateY(-2px)}.blog-card-media{aspect-ratio:16/9;object-fit:cover;background:var(--blog-surface);width:100%}.blog-card-body{flex-direction:column;gap:.5rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.blog-card-date{letter-spacing:.04em;text-transform:uppercase;color:var(--blog-muted);font-size:.75rem;font-weight:600}.blog-card-title{margin:0;font-size:1.15rem;font-weight:650;line-height:1.3}.blog-card:hover .blog-card-title{color:var(--blog-accent)}.blog-card-excerpt{color:var(--blog-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.925rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:3rem;display:flex}.blog-pagination a,.blog-pagination span{text-align:center;min-width:2.4rem;color:var(--blog-fg);border:1px solid var(--blog-border);border-radius:.55rem;padding:.45rem .7rem;font-size:.9rem;font-weight:600;text-decoration:none}.blog-pagination a:hover{border-color:var(--blog-accent)}.blog-pagination [aria-current=page]{background:var(--blog-accent);border-color:var(--blog-accent);color:var(--blog-accent-fg)}.blog-pagination .blog-pagination-gap{min-width:auto;color:var(--blog-muted);border:0}.blog-breadcrumb{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-breadcrumb a:hover{color:var(--blog-accent)}.blog-breadcrumb li[aria-current=page]{color:var(--blog-fg)}.blog-article-header{max-width:var(--blog-max);margin-top:1.25rem}.blog-article-title{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:750;line-height:1.1}.blog-article-meta{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;display:flex}.blog-article-meta .blog-dot{opacity:.5}.blog-hero{width:100%;max-width:var(--blog-max);aspect-ratio:2;object-fit:cover;border-radius:calc(var(--blog-radius) + .3rem);background:var(--blog-surface);max-height:26rem;margin-top:2rem}.blog-article-layout{align-items:start;gap:3rem;display:grid}@media (min-width:60rem){.blog-article-layout{grid-template-columns:minmax(0,1fr) 16rem}}.blog-article-main{min-width:0}.blog-body{min-width:0;max-width:var(--blog-max);margin-top:2.5rem}.blog-toc{font-size:.9rem}.blog-toc-sidebar{display:none}@media (min-width:60rem){.blog-toc-sidebar{top:calc(var(--blog-nav-offset) + 1.5rem);max-height:calc(100vh - var(--blog-nav-offset) - 3rem);order:2;display:block;position:sticky;overflow-y:auto}}.blog-root--fixed-nav{--blog-nav-offset:7rem;padding-top:calc(var(--blog-nav-offset) + .5rem)}.blog-toc-title{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-muted);margin:0 0 .75rem;font-size:.75rem;font-weight:700}.blog-toc ol{border-left:2px solid var(--blog-border);margin:0;padding:0;list-style:none}.blog-toc li[data-level="3"]{padding-left:.85rem}.blog-toc a{color:var(--blog-muted);border-left:2px solid #0000;margin-left:-2px;padding:.3rem 0 .3rem .9rem;line-height:1.4;text-decoration:none;transition:color .12s;display:block}.blog-toc a:hover{color:var(--blog-fg)}.blog-toc a[aria-current=true]{color:var(--blog-accent);border-left-color:var(--blog-accent);font-weight:600}.blog-toc-mobile{border:1px solid var(--blog-border);border-radius:var(--blog-radius);background:var(--blog-surface);margin-bottom:2rem;padding:.85rem 1.1rem 1.1rem}@media (min-width:60rem){.blog-toc-mobile{display:none}}.blog-content{color:color-mix(in srgb,var(--blog-fg)88%,transparent);overflow-wrap:break-word;font-size:1.06rem;line-height:1.75}.blog-content>*+*{margin-top:1.25em}.blog-content h2,.blog-content h3{color:var(--blog-fg);scroll-margin-top:5rem;font-weight:700;line-height:1.25}.blog-content h2{letter-spacing:-.01em;margin-top:2.2em;margin-bottom:.4em;font-size:1.6rem}.blog-content h3{margin-top:1.7em;margin-bottom:.3em;font-size:1.28rem}.blog-content a{color:var(--blog-accent);text-underline-offset:2px;text-decoration:underline}.blog-content strong{color:var(--blog-fg);font-weight:650}.blog-content ul,.blog-content ol{padding-left:1.4em}.blog-content ul{list-style:outside}.blog-content ol{list-style:decimal}.blog-content li+li{margin-top:.4em}.blog-content blockquote{border-left:3px solid color-mix(in srgb,var(--blog-accent)60%,transparent);color:var(--blog-muted);margin-inline:0;padding-left:1.1em;font-style:italic}.blog-content img{border-radius:var(--blog-radius);max-width:100%;height:auto}.blog-content code{background:var(--blog-surface-2);border-radius:.35rem;padding:.15em .35em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.blog-content pre{border-radius:var(--blog-radius);color:#e6e6e6;background:#111318;padding:1em 1.25em;overflow-x:auto}.blog-content pre code{background:0 0;padding:0;font-size:.9em}.blog-content table{border-collapse:collapse;width:100%;font-size:.95em}.blog-content th,.blog-content td{border:1px solid var(--blog-border);text-align:left;padding:.5em .75em}.blog-faq{max-width:var(--blog-max);margin-top:3.5rem}.blog-faq-heading{letter-spacing:-.01em;margin:0 0 1.25rem;font-size:1.6rem;font-weight:700}.blog-faq-item{border-top:1px solid var(--blog-border)}.blog-faq-item:last-child{border-bottom:1px solid var(--blog-border)}.blog-faq-trigger{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--blog-fg);background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem .25rem;font-size:1.05rem;font-weight:600;display:flex}.blog-faq-icon{flex:none;width:1.1rem;height:1.1rem;transition:transform .2s;position:relative}.blog-faq-icon:before,.blog-faq-icon:after{content:"";background:var(--blog-muted);border-radius:2px;height:2px;position:absolute;inset:50% 0 auto}.blog-faq-icon:after{transform:rotate(90deg)}.blog-faq-trigger[aria-expanded=true] .blog-faq-icon:after{transform:rotate(0)}.blog-faq-panel{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.blog-faq-panel[data-open=true]{grid-template-rows:1fr}.blog-faq-panel-inner{overflow:hidden}.blog-faq-answer{color:var(--blog-muted);margin:0;padding:0 .25rem 1.2rem;line-height:1.65}.blog-share{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:2.5rem;display:flex}.blog-share-label{color:var(--blog-muted);margin-right:.25rem;font-size:.85rem;font-weight:600}.blog-share-btn{color:var(--blog-fg);border:1px solid var(--blog-border);cursor:pointer;background:0 0;border-radius:.55rem;justify-content:center;align-items:center;padding:.55rem;text-decoration:none;display:inline-flex}.blog-share-icon{width:1.1rem;height:1.1rem}.blog-share-btn:hover{border-color:var(--blog-accent);color:var(--blog-accent)}.blog-related{border-top:1px solid var(--blog-border);margin-top:4rem;padding-top:2.5rem}.blog-related-heading{margin:0 0 1.5rem;font-size:1.35rem;font-weight:700}@media (prefers-reduced-motion:reduce){.blog-root *{transition:none!important}}
