.blog-wrapper{--article-page-gutter:var(--space-6);--article-inset:var(--space-24);--article-hero-inset:var(--article-inset);--article-bleed:calc(var(--article-inset) - var(--space-6))}@media (max-width:1024px){.blog-wrapper{--article-page-gutter:var(--space-5);--article-inset:var(--space-10);--article-bleed:var(--space-4)}}@media (max-width:640px){.blog-wrapper{--article-page-gutter:var(--space-4);--article-inset:0px;--article-hero-inset:0px;--article-bleed:0px}}@media (min-width:641px){.blog-wrapper .seo-breadcrumbs:has(+.article-root){max-width:min(calc(var(--blog-article-column) + 2 * var(--article-page-gutter)),calc(100% - 2 * var(--blog-rail-inset, 0px)));padding:var(--space-6) calc(var(--article-page-gutter) + var(--article-hero-inset)) var(--space-2)}}.blog-wrapper .seo-breadcrumbs:has(+.article-root) .seo-breadcrumbs__link,.blog-wrapper .seo-breadcrumbs:has(+.article-root) .seo-breadcrumbs__list,.blog-wrapper .seo-breadcrumbs:has(+.article-root) .seo-breadcrumbs__sep{color:rgba(var(--white-rgb),var(--opacity-64))}.blog-wrapper .seo-breadcrumbs:has(+.article-root) .seo-breadcrumbs__current{min-width:0;color:rgba(var(--white-rgb),var(--opacity-80))}.blog-wrapper .seo-breadcrumbs:has(+.article-root) .seo-breadcrumbs__list{flex-wrap:nowrap}.blog-wrapper .seo-breadcrumbs:has(+.article-root) .seo-breadcrumbs__item{flex-shrink:0}.blog-wrapper .seo-breadcrumbs:has(+.article-root) .seo-breadcrumbs__item:last-child{flex-shrink:1;min-width:0}@media (hover:hover){.blog-wrapper .seo-breadcrumbs:has(+.article-root) .seo-breadcrumbs__link:hover{color:var(--modal-text-primary)}}@keyframes article-calm-canvas{0%{opacity:0}to{opacity:1}}.blog-wrapper:has(.article-root):after{content:"";position:fixed;inset:0;z-index:-1;background:var(--atmosphere-graphite-base);pointer-events:none}@supports (animation-timeline:scroll()){.blog-wrapper:has(.article-root):after{animation:article-calm-canvas linear both;animation-timeline:scroll(root block);animation-range:0 60vh}}.article-root{position:relative;color:var(--modal-text-primary);font-family:var(--font-primary)}.article-page{position:relative;max-width:min(1200px,calc(100% - 2 * var(--blog-rail-inset, 0px)));margin:0 auto;padding:var(--space-6) var(--article-page-gutter) var(--space-24)}.article-layout,.article-page{display:flex;flex-direction:column;align-items:center;width:100%}.article-content{max-width:var(--blog-article-column,720px);width:100%;min-width:0;display:flex;flex-direction:column;gap:0}.article-reading{position:relative;width:100%}.article-share-inline{max-width:var(--blog-article-column,720px);width:100%;padding-top:var(--space-8);margin-top:var(--space-12);border-top:1px solid var(--modal-divider)}.article-content__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-10)}.article-content__tag{display:inline-flex;align-items:center;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);background:var(--modal-pill-bg);border:1px solid var(--modal-pill-border);color:var(--modal-pill-text);font-size:var(--text-xs);font-weight:var(--font-medium);text-decoration:none;transition:var(--sg-motion-base);transition-property:border-color,color}@media (hover:hover){.article-content__tag:hover{border-color:var(--modal-pill-border-hover);color:var(--modal-pill-text-hover)}}.article-content__tag:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.blog-wrapper .article-share-bar__label{border:1px solid var(--modal-divider);background:var(--modal-item-lead-bg);color:var(--modal-text-muted);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide)}.blog-wrapper .share-btn{border:1px solid var(--modal-item-border);background:var(--modal-item-bg);color:var(--modal-text-soft);box-shadow:none}@media (hover:hover){.blog-wrapper .share-btn:hover{border-color:var(--modal-item-border-hover);background:var(--modal-item-bg);color:var(--modal-text-primary);box-shadow:none}}.blog-wrapper .share-btn:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset);box-shadow:none}.blog-wrapper .share-btn--copied{border-color:var(--modal-pill-border-active);background:var(--modal-pill-bg-active);color:var(--modal-pill-text-active)}@media (hover:hover){.blog-wrapper .share-btn--copied:hover{border-color:var(--modal-pill-border-active);background:var(--modal-pill-bg-active);color:var(--modal-pill-text-active)}}.blog-wrapper [role=progressbar][aria-label="Reading progress"]{background:var(--modal-accent)!important;box-shadow:none!important}.blog-wrapper .article-body{--blog-text:rgba(var(--white-rgb),var(--opacity-80));max-width:none;padding:var(--space-2) var(--article-inset) 0;border:none;border-radius:0;background:none;box-shadow:none;font-size:var(--text-base-plus);line-height:1.7}.blog-wrapper .article-body>p:first-child{margin-bottom:var(--space-8);color:var(--modal-text-soft);font-size:var(--text-xl);line-height:var(--leading-normal);text-wrap:pretty}.blog-wrapper .article-body>p:first-child:has(>strong:first-child){margin-bottom:var(--space-10);padding:var(--space-5) var(--space-6);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-lead-bg);font-size:var(--text-base-plus);line-height:1.65}.blog-wrapper .article-body h2{margin-top:var(--space-14);margin-bottom:var(--space-5);padding-top:var(--space-12);padding-left:0;border-top:1px solid var(--modal-divider);scroll-margin-top:var(--space-6);font-size:var(--text-h3);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.blog-wrapper .article-body hr+h2,.blog-wrapper .article-body>h2:first-child{margin-top:0;padding-top:0;border-top:none}.blog-wrapper .article-body h3{margin-top:var(--space-10);margin-bottom:var(--space-4);font-size:var(--text-xl-plus);line-height:1.3;text-wrap:balance}.blog-wrapper .article-body h2+h3{margin-top:var(--space-6)}.blog-wrapper .article-body h4{margin-top:var(--space-8);font-size:var(--text-lg)}.blog-wrapper .article-body ol,.blog-wrapper .article-body p,.blog-wrapper .article-body ul{margin-bottom:var(--space-6)}.blog-wrapper .article-body li>ul,.blog-wrapper .article-body>ul{list-style:disc}.blog-wrapper .article-body li>ol,.blog-wrapper .article-body>ol{list-style:decimal}.blog-wrapper .article-body li{margin-bottom:var(--space-3)}.blog-wrapper .article-body ul li::marker{color:var(--modal-text-faint)}.blog-wrapper .article-body ol li::marker{color:var(--modal-text-muted);font-size:var(--text-md)}.blog-wrapper .article-body>.enhance-grid,.blog-wrapper .article-body>.md-comparison-grid,.blog-wrapper .article-body>.md-gen-example,.blog-wrapper .article-body>.md-video-embed,.blog-wrapper .article-body>.table-wrap,.blog-wrapper .article-body>figure:not(.audio-demo){margin-inline:calc(-1 * var(--article-bleed))}.blog-wrapper .article-body h2:before{content:none}.blog-wrapper .article-body a{text-decoration-color:rgba(var(--brand-cyan-rgb),var(--opacity-32))}@media (hover:hover){.blog-wrapper .article-body a:hover{color:var(--modal-text-primary)}}.blog-wrapper .article-body a:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-xs)}.blog-wrapper .article-body blockquote{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);color:var(--modal-text-secondary)}.blog-wrapper .article-body blockquote strong{color:var(--modal-text-primary)}.blog-wrapper .article-body code{font-family:var(--font-mono);background:var(--modal-item-lead-bg);border:1px solid var(--modal-divider);color:var(--modal-text-soft)}.blog-wrapper .article-body pre{background:var(--modal-item-lead-bg);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius)}.blog-wrapper .article-body pre code{background:none;border:none}.blog-wrapper .article-body .table-wrap,.blog-wrapper .article-body table{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg)}.blog-wrapper .article-body .table-wrap .table-wrap,.blog-wrapper .article-body .table-wrap table{border:none;border-radius:0;background:none}.blog-wrapper .article-body .table-wrap:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}@property --article-table-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --article-table-fade-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes article-table-edges{0%{--article-table-fade-start:0px;--article-table-fade-end:var(--space-10)}10%{--article-table-fade-start:var(--space-10)}90%{--article-table-fade-end:var(--space-10)}to{--article-table-fade-start:var(--space-10);--article-table-fade-end:0px}}@supports (animation-timeline:scroll()){.blog-wrapper .article-body .table-wrap{mask-image:linear-gradient(to right,transparent,var(--black) var(--article-table-fade-start),var(--black) calc(100% - var(--article-table-fade-end)),transparent);animation:article-table-edges linear both;animation-timeline:scroll(self inline)}.blog-wrapper .article-body .table-wrap .table-wrap{mask-image:none;animation:none}}.blog-wrapper .article-body table{font-size:var(--text-md);line-height:var(--leading-normal)}.blog-wrapper .article-body th{padding:var(--space-3) var(--space-5);background:var(--modal-item-lead-bg);color:var(--modal-text-muted);border-bottom:1px solid var(--modal-divider);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.blog-wrapper .article-body td{padding:var(--space-4) var(--space-5);color:var(--blog-text);border-bottom:1px solid var(--modal-divider);vertical-align:top}.blog-wrapper .article-body td:first-child{color:var(--modal-text-primary);font-weight:var(--font-medium)}.blog-wrapper .article-body tbody tr:last-child td{border-bottom:none}@media (hover:hover){.blog-wrapper .article-body tbody tr:hover{background:var(--modal-item-bg)}}.blog-wrapper .article-body img{border-radius:var(--modal-item-radius)}.blog-wrapper .article-body figure{margin-block:var(--space-10)}.blog-wrapper .article-body>figure>img{margin-inline:auto;border:1px solid var(--modal-item-border);background:var(--modal-item-lead-bg)}.blog-wrapper .article-body>figure>figcaption{max-width:640px;margin:var(--space-3) auto 0;font-size:var(--text-sm);text-wrap:balance}.blog-wrapper .article-body video{border-radius:var(--modal-item-radius);background:var(--modal-item-lead-bg)}.blog-wrapper .article-body figure video{border-radius:var(--modal-item-radius) var(--modal-item-radius) 0 0}.blog-wrapper .article-body figcaption{color:var(--modal-text-muted)}.blog-wrapper .article-body .audio-demo,.blog-wrapper .article-body .enhance-grid figure,.blog-wrapper .article-body .video-demo{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg)}.blog-wrapper .article-body .enhance-grid figure img,.blog-wrapper .article-body .enhance-grid figure video,.blog-wrapper .article-body .video-demo video{border-radius:0}.blog-wrapper .article-body .enhance-grid figure figcaption,.blog-wrapper .article-body .enhance-grid figure:nth-child(2n) figcaption,.blog-wrapper .article-body .video-demo figcaption{border-top:1px solid var(--modal-divider);color:var(--modal-text-muted)}.blog-wrapper .article-body hr{background:var(--modal-divider)}.blog-wrapper .article-body em strong,.blog-wrapper .article-body strong,.blog-wrapper .article-body strong em,.blog-wrapper .article-body td strong{color:var(--modal-text-primary)}.blog-wrapper .article-body details{background:var(--modal-item-bg);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius)}@media (hover:hover){.blog-wrapper .article-body details:hover{background:var(--modal-item-bg);border-color:var(--modal-item-border-hover)}}.blog-wrapper .article-body details[open]{border-color:var(--modal-item-border-hover)}.blog-wrapper .article-body details summary{min-height:var(--tap-target-min);color:var(--modal-text-primary);font-size:var(--text-base)}.blog-wrapper .article-body details summary:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:calc(-1 * var(--focus-ring-width))}.blog-wrapper .article-body details summary:after{border-color:var(--modal-text-muted)}.blog-wrapper .article-body details[open] summary:after{border-color:var(--modal-accent)}.blog-wrapper .article-body details>:not(summary){color:var(--blog-text);font-size:var(--text-base);line-height:var(--leading-relaxed)}.blog-wrapper .article-body .model-cta-card{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);color:var(--modal-text-soft);transition:border-color var(--sg-motion-base)}@media (hover:hover){.blog-wrapper .article-body .model-cta-card:hover{border-color:var(--modal-item-border-hover);color:var(--modal-text-primary);transform:none}}.blog-wrapper .article-body .model-cta-card:focus-visible,.blog-wrapper .article-body .model-cta-primary:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.blog-wrapper .article-body .model-cta-card strong{color:var(--modal-text-primary)}.blog-wrapper .article-body .model-cta-card span{color:var(--modal-text-muted)}.blog-wrapper .article-body .model-cta-primary{min-height:var(--tap-target-min);padding:0 var(--space-5);border:1px solid rgba(var(--brand-cyan-rgb),var(--opacity-32));border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(var(--brand-cyan-rgb),var(--opacity-16)),rgba(var(--brand-cyan-rgb),var(--opacity-06))),rgba(var(--brand-cyan-rgb),var(--opacity-04));box-shadow:var(--shadow-sm);color:var(--modal-text-primary);text-decoration:none;transition:border-color var(--sg-motion-base),background var(--sg-motion-base)}@media (hover:hover){.blog-wrapper .article-body .model-cta-primary:hover{border-color:rgba(var(--brand-cyan-rgb),var(--opacity-48));background:linear-gradient(180deg,rgba(var(--brand-cyan-rgb),var(--opacity-24)),rgba(var(--brand-cyan-rgb),var(--opacity-08))),rgba(var(--brand-cyan-rgb),var(--opacity-04));box-shadow:var(--shadow-sm);color:var(--modal-text-primary);transform:none}}.blog-wrapper .md-callout,.blog-wrapper .md-callout--info,.blog-wrapper .md-callout--tip{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);box-shadow:none}.blog-wrapper .md-callout--warning{border:1px solid var(--modal-mark-warning-border);border-radius:var(--modal-item-radius);background:var(--modal-mark-warning-bg);box-shadow:none}.blog-wrapper .md-callout--info .md-callout__icon,.blog-wrapper .md-callout--tip .md-callout__icon{color:var(--modal-accent)}.blog-wrapper .md-callout--warning .md-callout__icon{color:var(--modal-mark-warning-color)}.blog-wrapper .md-prompt-block{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-lead-bg);box-shadow:none}.blog-wrapper .md-gen-example__copy-btn,.blog-wrapper .md-prompt-block__copy{border:1px solid var(--modal-item-border);background:var(--modal-item-bg);color:var(--modal-text-soft)}@media (hover:hover){.blog-wrapper .md-gen-example__copy-btn:hover,.blog-wrapper .md-prompt-block__copy:hover{border-color:var(--modal-item-border-hover);background:var(--modal-item-bg);color:var(--modal-text-primary)}}.blog-wrapper .md-gen-example__copy-btn:focus-visible,.blog-wrapper .md-prompt-block__copy:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.blog-wrapper .md-prompt-block__copied-text{color:var(--modal-accent)}.blog-wrapper .md-gen-example{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);box-shadow:none}.blog-wrapper .md-gen-example__prompt{background:var(--modal-item-lead-bg);border-top:1px solid var(--modal-divider)}.blog-wrapper .md-gen-example__model-badge{border:1px solid var(--modal-divider);background:rgba(var(--bg-deep-rgb),var(--opacity-80));color:var(--modal-text-soft);backdrop-filter:none;-webkit-backdrop-filter:none}.blog-wrapper .md-comparison-grid{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);box-shadow:none}.blog-wrapper .md-comparison-grid__cell,.blog-wrapper .md-video-embed{background:var(--modal-item-lead-bg)}.blog-wrapper .md-video-embed{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);box-shadow:none}.blog-wrapper .md-video-embed__player{background:var(--modal-item-lead-bg)}.blog-wrapper .md-model-card{border-bottom-color:rgba(var(--brand-cyan-rgb),var(--opacity-32));color:var(--modal-accent)}@media (hover:hover){.blog-wrapper .md-model-card:hover{border-bottom-color:var(--modal-accent);background:none;color:var(--modal-text-primary)}}@media (max-width:1024px){.article-page{padding:var(--space-5) var(--article-page-gutter) var(--space-14)}.blog-wrapper .article-body{padding:var(--space-2) var(--article-inset) 0}}@media (max-width:767px){.blog-wrapper .article-body h3{font-size:var(--text-lg)}}@media (max-width:640px){.article-page{padding:var(--space-4) var(--article-page-gutter) var(--space-12)}.blog-wrapper .article-body{padding:0 var(--article-inset);font-size:var(--text-base);line-height:1.65}.blog-wrapper .article-body>p:first-child{margin-bottom:var(--space-6);font-size:var(--text-lg)}.blog-wrapper .article-body>p:first-child:has(>strong:first-child){margin-bottom:var(--space-8);padding:var(--space-4);font-size:var(--text-base)}.blog-wrapper .article-body h2{margin-top:var(--space-10);padding-top:var(--space-8)}.blog-wrapper .article-body h3{margin-top:var(--space-8)}.blog-wrapper .article-body figure{margin-block:var(--space-7)}.blog-wrapper .article-body>figure>figcaption{font-size:var(--text-ms)}.blog-wrapper .article-body td,.blog-wrapper .article-body th{padding:var(--space-3) var(--space-3-5)}.blog-wrapper .article-body table{font-size:var(--text-sm)}.blog-wrapper .article-body .table-wrap table:has(th:nth-child(3)){min-width:calc(var(--space-24) * 5.5)}.blog-wrapper .article-body .table-wrap table:has(th:nth-child(4)){min-width:calc(var(--space-24) * 7)}.article-share-inline{padding-top:var(--space-6);margin-top:var(--space-9)}.article-content__tags{margin-top:var(--space-8)}}@media (prefers-reduced-motion:reduce){.article-content__tag,.blog-wrapper .article-body .model-cta-card,.blog-wrapper .article-body .model-cta-primary{transition:none}}