.blog-head{gap:var(--space-4x);max-inline-size:60rem;margin-block-end:var(--space-10x);display:grid}.blog-head h1{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 6 6}.blog-head .body-lead{color:var(--content-secondary);max-inline-size:60ch}.blog-tags{gap:var(--space-2x);flex-wrap:wrap;margin-block-start:var(--space-2x);display:flex}.blog-featured{margin-block-end:var(--space-14x)}.blog-empty{color:var(--content-secondary)}.blog-paging{justify-content:center;gap:var(--space-2x);flex-wrap:wrap;margin-block-start:var(--space-14x);display:flex}.blog-paging .pill{justify-content:center;min-inline-size:40px}.blog-crumb ol{flex-wrap:nowrap}.blog-crumb li:last-child{min-inline-size:0;max-inline-size:100%}.blog-crumb li:last-child>span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.post-header{justify-items:center;gap:var(--space-5x);text-align:center;max-inline-size:56rem;margin-inline:auto;display:grid}.post-meta{justify-content:center;align-items:center;gap:var(--space-2x) var(--space-4x);color:var(--content-secondary);flex-wrap:wrap;display:flex}.post-meta__item{align-items:center;gap:var(--space-4x);white-space:nowrap;display:inline-flex}.post-meta__item>*{text-box:trim-both cap alphabetic}.post-meta>*+.post-meta__item:before{content:"";background:var(--border-brand);border-radius:50%;block-size:4px;inline-size:4px}.post-title{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 6 6;overflow-wrap:break-word;max-inline-size:22ch}.post-lead{color:var(--content-secondary);text-wrap:pretty;max-inline-size:60ch}.post-hero{margin-block:var(--space-10x) 0;margin-inline:calc(-1 * var(--grid-margin))}.post-hero img{aspect-ratio:3/2;object-fit:cover;background:var(--bg-brand-subtle);block-size:auto;inline-size:100%}@media (width>=768px){.post-hero{margin-inline:0}.post-hero img{aspect-ratio:16/9;border-radius:var(--radius-xl)}}.post-layout{justify-content:center;gap:var(--gap-fluid-xl);grid-template-columns:minmax(0,54rem);margin-block-start:var(--section-y);display:grid}.post-main{min-inline-size:0}.post-toc{display:none}@media (width>=1100px){.post-layout--toc{grid-template-columns:15rem minmax(0,54rem)}.post-toc{max-block-size:calc(100dvh - var(--space-12x));overscroll-behavior:contain;align-self:start;display:block;position:sticky;inset-block-start:var(--space-6x);overflow-y:auto}.post-toc-m{display:none}}.post-toc__title{color:var(--content-secondary);margin-block-end:var(--space-4x)}.post-toc__list{border-inline-start:var(--bw-xs) solid var(--border-tertiary);margin:0;padding:0;list-style:none}.post-toc__list a{padding:var(--space-2x) 0 var(--space-2x) var(--space-4x);border-inline-start:var(--bw-xs) solid transparent;color:var(--content-secondary);text-wrap:pretty;margin-inline-start:-1px;display:block}@media (hover:hover){.post-toc__list a:hover{color:var(--content-primary)}}.post-toc__list a[aria-current=location]{color:var(--content-primary);border-inline-start-color:var(--border-brand);font-weight:500}.post-toc-m{margin-block-end:var(--space-8x)}.post-toc-m summary{font-weight:400}.post-toc-m__list{margin:0;padding-inline-start:2.5em}.post-toc-m__list li+li{margin-block-start:var(--space-2x)}.post-toc-m__list a{text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:var(--border-secondary);text-decoration-color:var(--border-secondary)}.article-body{--measure:68ch;--prose-gap:clamp(1rem, .8143rem + .7619vw, 1.5rem);--block-gap:clamp(2rem, 1.6667rem + 1.4815vw, 3rem);overflow-wrap:break-word;font-size:clamp(1rem,.9583rem + .1852vw,1.125rem);font-weight:300;line-height:1.65}.article-body>*+*,.article-rich>*+*{margin-block-start:var(--prose-gap)}.article-body>:is(p,h2,h3,ul,ol,blockquote),.article-rich>:is(p,h2,h3,h4,ul,ol,blockquote,aside,.summary,.pick){max-inline-size:var(--measure)}.article-body :is(p,li){text-wrap:pretty}.article-body>:is(p,ul,ol,.article-rich){display:flow-root}.article-body :is(h2,h3,h4){font-family:var(--font-body);text-wrap:balance;clear:both;scroll-margin-block-start:var(--space-6x);font-weight:500}.article-body h2{font-size:var(--fs-s);letter-spacing:var(--ls-s);line-height:1.25}.article-body h3{font-size:1.25rem;line-height:1.4}.article-body h4{font-size:1rem;line-height:1.5}.article-body>h2:not(:first-child),.article-rich>h2:not(:first-child){margin-block-start:var(--block-gap)}.article-body>.article-rich:has(>h2:first-child):not(:first-child){margin-block-start:var(--block-gap)}.article-body>h3:not(:first-child),.article-rich>h3:not(:first-child){margin-block-start:var(--space-8x)}.article-body strong{font-weight:500}.article-rich a,.article-body>p a{text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:var(--border-brand);text-decoration-color:var(--border-brand);text-decoration-thickness:1px}@media (hover:hover){.article-rich a:hover{color:var(--content-brand)}}.article-rich :is(ul,ol){padding-inline-start:1.25em}.article-rich li+li{margin-block-start:var(--space-2x)}.article-rich li::marker{color:var(--border-brand)}.article-rich blockquote{padding:var(--pad-m);border-radius:var(--radius-xl);background:var(--bg-tertiary);font-size:var(--fs-lead);margin-inline:0;line-height:1.45}.article-body hr{margin-block:var(--block-gap)}.article-fig{max-inline-size:var(--measure);clear:both}.article-body>.article-fig,.article-body>.article-wide,.article-body>.article-fig+*,.article-body>.article-wide+*{margin-block-start:var(--block-gap)}.article-fig img{border-radius:var(--radius-xl);background:var(--bg-brand-subtle);block-size:auto;inline-size:100%}.article-fig figcaption{color:var(--content-secondary);text-wrap:pretty;margin-block-start:var(--space-3x)}.article-fig--wide{max-inline-size:none}.article-fig--portrait{inline-size:fit-content;margin-inline:auto}.article-fig--portrait img{max-block-size:70svh;inline-size:auto;max-inline-size:100%}.article-fig--portrait figcaption{max-inline-size:30ch}@media (width>=768px){.article-body>.article-fig--portrait{float:inline-end;clear:inline-end;inline-size:min(40%,20rem);margin:.4em 0 var(--space-6x) var(--space-8x)}.article-body>.article-fig--portrait+*{margin-block-start:0}.article-fig--portrait img{max-block-size:none;inline-size:100%}.article-body>.article-wide{clear:both}}.table-scroll{border:var(--bw-xs) solid var(--border-tertiary);border-radius:var(--radius-l);scrollbar-width:thin;clear:both;max-inline-size:100%;overflow-x:auto}.article-rich>.table-scroll{margin-block:var(--block-gap)}.table-scroll:focus-visible{border-color:var(--border-primary);box-shadow:var(--focus-ring-field);border-radius:var(--radius-l)}.article-rich table{border-collapse:collapse;inline-size:100%;font-size:.9375rem;line-height:1.4}.article-rich caption{caption-side:top;text-align:start;padding:var(--space-4x);border-block-end:var(--bw-xs) solid var(--border-tertiary);font-weight:500}.article-rich :is(th,td){padding:var(--space-3-5x) var(--space-4x);text-align:start;vertical-align:middle;text-box:trim-both cap alphabetic}.article-rich thead th{background:var(--bg-tertiary);border-block-end:var(--bw-xs) solid var(--border-primary);vertical-align:middle;font-size:.875rem;font-weight:500}.article-rich tbody th{font-weight:500}.article-rich tbody tr+tr{border-block-start:var(--bw-xs) solid var(--border-tertiary)}.article-rich :is(th,td).num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.article-rich tr.hl>*{background:var(--ember-100);font-weight:500}.article-rich :is(p,aside):is(.note,.tip,.warn){padding:var(--space-5x) var(--space-6x);border:var(--bw-xs) solid var(--callout-line);border-radius:var(--radius-l);background:var(--callout-bg);text-box:trim-both cap alphabetic;line-height:1.55;display:flow-root;position:relative}.article-rich :is(p,aside):is(.note,.tip,.warn):before{content:"";float:inline-start;block-size:1.25rem;inline-size:1.25rem;background:var(--callout-ink);-webkit-mask:var(--callout-icon) center / contain no-repeat;mask:var(--callout-icon) center / contain no-repeat;margin-block:calc(.5cap - .625rem);margin-inline-end:var(--space-3x)}.article-rich .note{--callout-bg:var(--bg-tertiary);--callout-line:var(--border-tertiary);--callout-ink:var(--content-secondary);--callout-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M12 11v5M12 8h.01'/></svg>")}.article-rich .tip{--callout-bg:var(--ember-100);--callout-line:var(--border-brand-subtle);--callout-ink:var(--content-brand);--callout-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.4 1 1.1 1 1.8V16h5v-.3c0-.7.4-1.4 1-1.8A6 6 0 0 0 12 3Z'/></svg>")}.article-rich .warn{--callout-bg:var(--red-100);--callout-line:var(--red-200);--callout-ink:var(--content-negative);--callout-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0ZM12 9v4M12 17h.01'/></svg>")}.article-rich :is(.note,.tip,.warn,.summary,.pick)+:is(.note,.tip,.warn,.summary,.pick){margin-block-start:var(--space-4x)}.article-rich .summary{padding:var(--pad-m);border-radius:var(--radius-xl);background:var(--bg-brand-subtle);display:flow-root}.article-rich .summary>*+*{margin-block-start:var(--space-3x)}.article-rich .summary>p:first-child{letter-spacing:var(--ls-caps);text-transform:uppercase;font-size:.75rem;line-height:1.3333}.article-rich .summary>p:first-child strong{font-weight:500}.article-rich .summary ul{padding:0;list-style:none}.article-rich .summary li{padding-inline-start:1.75em;position:relative}.article-rich .summary li:before{content:"";background:var(--content-brand);block-size:1.1em;inline-size:1.1em;position:absolute;inset-block-start:.3em;inset-inline-start:0;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") 50%/contain no-repeat}.article-rich .pick{column-gap:var(--space-6x);padding:var(--pad-m);border-radius:var(--radius-xl);background:var(--bg-heat);transition:background-color var(--duration-medium) var(--ease-tw);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}@media (hover:hover){.article-rich .pick:hover{background:var(--bg-heat-hover)}}.article-rich .pick>*{grid-column:1}.article-rich .pick>*+*{margin-block-start:var(--space-2x)}.article-rich .pick>p:first-child>strong:first-child{letter-spacing:var(--ls-caps);text-transform:uppercase;margin-block-end:var(--space-2x);font-size:.75rem;line-height:1.3333;display:block}.article-rich .pick a{font-weight:500;text-decoration-color:currentColor}@media (hover:hover){.article-rich .pick a:hover{color:inherit}}.article-rich .pick a:after{content:"";border-radius:var(--radius-xl);position:absolute;inset:0}.article-rich .pick:after{content:"";background:var(--bg-mono) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center / 1.25rem no-repeat;block-size:2.5rem;inline-size:2.5rem;transition:translate var(--duration-medium) var(--ease-tw);pointer-events:none;border-radius:50%;grid-area:1/2/span 20}@media (hover:hover){.article-rich .pick:hover:after{translate:4px}}@media (width<640px){.article-rich .pick{grid-template-columns:minmax(0,1fr)}.article-rich .pick:after{background-size:1rem;block-size:2rem;inline-size:2rem;position:absolute;inset-block-start:var(--pad-m);inset-inline-end:var(--pad-m)}.article-rich .pick>p:first-child>strong:first-child{align-items:center;min-block-size:2rem;padding-inline-end:3rem;display:flex}}.article-wide>h2{margin-block-end:var(--space-6x)}.article-products__grid{gap:var(--space-10x) var(--grid-gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.article-products__grid{column-gap:var(--space-4x);grid-template-columns:repeat(3,minmax(0,1fr))}.article-products__grid:has(>:nth-child(2):last-child,>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}.article-faq .acc-body>*+*{margin-block-start:var(--space-2x)}.article-stats{gap:var(--space-6x);padding:var(--pad-m);border-radius:var(--radius-xl);background:var(--bg-brand-subtle);text-align:center;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.article-stats strong{margin-block-end:var(--space-2x);display:block}.article-features{gap:var(--space-6x);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.article-features>div{align-content:start;gap:var(--space-3x);border-block-start:var(--bw-xs) solid var(--border-tertiary);padding-block-start:var(--space-4x);display:grid}.article-features .badge{justify-self:start}.article-gallery{gap:var(--space-4x);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.article-gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-l);inline-size:100%}.article-split{gap:var(--space-8x);align-items:center;display:grid}.article-split img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xl);inline-size:100%}@media (width>=768px){.article-split{grid-template-columns:1.3fr 1fr}.article-split--reverse>img{order:-1}}.post-cta{gap:var(--space-4x);padding:var(--pad-l);clear:both;display:grid}.post-main>.post-cta,.article-body>.post-cta{margin-block-start:var(--section-y-s)}.article-body .post-cta>h2{margin-block-end:0}.post-cta>p{max-inline-size:60ch}.post-cta__actions{gap:var(--space-3x) var(--space-4x);flex-wrap:wrap;margin-block-start:var(--space-2x);display:flex}@media (width<480px){.post-cta__actions .btn{flex:100%}}.post-tags{gap:var(--space-2x);border-block-start:var(--bw-xs) solid var(--border-tertiary);flex-wrap:wrap;margin-block-start:var(--space-10x);padding-block-start:var(--space-8x);display:flex}.post-related{margin-block-start:var(--section-y)}