@layer reset,tokens,base;@layer components{.blog-index{padding-block:clamp(2rem,4vw,3.5rem)}.editorial-heading{max-inline-size:52rem;margin-block-end:3rem}.editorial-heading h1{font-family:var(--fx-font-display);letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;margin-block:.8rem 1.25rem;font-size:clamp(2.5rem,6vw,5rem);line-height:1.06}.editorial-heading>p:not(.editorial-eyebrow){color:var(--fx-muted);max-inline-size:60ch;font-size:1.125rem;line-height:1.7}.editorial-eyebrow,.blog-meta{font-size:.8125rem;line-height:1.5}.editorial-eyebrow{color:var(--fx-accent)}.blog-rss{padding-block:.5rem;font-size:.875rem;display:inline-block}.blog-index-heading{justify-content:space-between;align-items:end;gap:var(--fx-space-5) calc(var(--fx-space-5) * 2);flex-wrap:wrap;max-inline-size:none;margin-block-end:2rem;display:flex}.blog-heading-copy{flex:30rem;min-inline-size:0}.blog-heading-copy .editorial-eyebrow{margin-block:0}.blog-index-heading h1{margin-block:.5rem .75rem;font-size:clamp(2rem,1.5rem + 2vw,3.25rem)}.blog-index-description{max-inline-size:58ch;color:var(--fx-muted);margin:0;line-height:1.6}.blog-index-heading .blog-rss{flex:none}.blog-grid{--blog-columns:3;grid-template-columns:repeat(var(--blog-columns), minmax(0, 1fr));align-items:start;gap:2rem 1.5rem;margin-block-start:2rem;display:grid}.blog-index-grid[data-layout=staggered]{grid-auto-rows:1px;row-gap:0}.blog-card{min-inline-size:0}.blog-card-link{text-decoration:none;display:block}.blog-card-art{border-radius:calc(var(--fx-radius-marketing,0px) * var(--fx-corner-radius-scale));@supports (corner-shape:squircle){corner-shape:var(--fx-corner-shape)}background:var(--fx-panel)}.blog-card-copy{padding-block:var(--fx-space-5) 0}.blog-meta{color:var(--fx-muted);flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.blog-meta>span{color:var(--fx-accent)}.blog-card :is(h2,h3){font-family:var(--fx-font-display);letter-spacing:-.025em;margin-block:var(--fx-space-2) var(--fx-space-3);overflow-wrap:anywhere;font-size:1.25rem;line-height:1.3}.blog-card p{-webkit-line-clamp:3;line-clamp:3;color:var(--fx-muted);margin-block:0 var(--fx-space-5);-webkit-box-orient:vertical;max-inline-size:55ch;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:clip}.blog-read{border-block-start:var(--fx-border-width) solid var(--fx-line-subtle);justify-content:space-between;align-items:center;padding-block-start:var(--fx-space-3);font-size:.8125rem;display:flex}.blog-card-link:hover :is(h2,h3){text-underline-offset:.2em;text-decoration:underline}.post-header{max-inline-size:56rem;margin:3rem 0 2rem}.post-header .editorial-heading{max-inline-size:none;margin-block:1.25rem 2rem}.post-header .editorial-heading h1{font-size:clamp(2.25rem,1.25rem + 3vw,3.75rem);line-height:1.14}.post-cover{max-inline-size:none;margin:0 auto 3rem}.post-tldr{max-inline-size:var(--marketing-reading);margin:0 0 calc(var(--fx-space-5) * 2);padding:var(--fx-space-5);border:var(--fx-border-width) solid var(--fx-line-subtle);border-radius:calc(var(--fx-radius-marketing,0px) * var(--fx-corner-radius-scale));background:var(--fx-panel);overflow-wrap:anywhere;line-height:1.7}.post-tldr h2{margin:0 0 var(--fx-space-3);font-family:var(--fx-font-body);font-size:1rem;line-height:1.5}.post-tldr ul{gap:var(--fx-space-3);margin:0;padding-inline-start:1.25em;display:grid}article.post .post-content{margin-inline:auto}.blog-related{border-block-start:var(--fx-border-width) solid var(--fx-line-subtle);padding-block:2rem 4rem}.blog-related-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-related-heading h2{font-family:var(--fx-font-display);font-size:1.5rem}@media (width>=75rem){.blog-index-grid{--blog-columns:4}}@media (width<=60rem){.blog-grid{--blog-columns:2}}@media (width<=40rem){.blog-grid{--blog-columns:1}}.post-cover :is(picture,img){block-size:auto;inline-size:100%;display:block}.post-body-layout{align-items:start;gap:2.5rem;display:grid}.post-body{min-inline-size:0}.post-body>.post-content{grid-template-columns:minmax(0, min(100%, var(--marketing-reading))) minmax(0, 1fr);max-inline-size:none;display:grid}.post-body>.post-content>*{grid-column:1;min-inline-size:0}.post-body>.post-content>p{margin-block:0 1.25rem}.post-body>.post-content>:is(h2,h3){margin-block:2rem .75rem}.post-body>.post-content>:is(figure,ul,ol,blockquote,table,div){margin-block:1rem}.post-body>.post-content>.editorial-wide{grid-column:1/-1}.post-contents{inline-size:100%;max-inline-size:var(--marketing-reading);margin-inline:0;padding-block:.5rem 1rem}.post-contents h2{margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.post-contents ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.post-contents a{color:var(--fx-muted);text-underline-offset:.2em;padding:.4rem;font-size:.875rem;line-height:1.5;display:block}.post-contents a:hover{color:var(--fx-text)}@media (width>=75rem){.post-body-layout--contents{grid-template-columns:minmax(0,1fr) 12rem;gap:3rem}.post-body-layout--contents .post-body{grid-area:1/1}.post-body-layout--contents .post-contents{grid-area:1/2}.post-body-layout--contents .post-content{grid-template-columns:minmax(0, min(100%, var(--marketing-reading))) minmax(0, 1fr)}.post-body-layout--contents .post-content>*{grid-column:1}.post-body-layout--contents .post-content>.editorial-wide{grid-column:1/-1}.post-contents{inline-size:auto;max-inline-size:none;max-block-size:calc(100dvh - var(--site-header-height,6rem) - 3rem);margin-inline:0;padding-inline:.35rem;position:sticky;inset-block-start:calc(var(--site-header-height,6rem) + 1.5rem);overflow:auto}}.blog-start{border-block:var(--fx-border-width) solid var(--fx-line);margin-block:2.5rem 3rem;padding-block:2rem}.blog-start-heading{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;margin-block-end:1.5rem;display:flex}.blog-start h2{letter-spacing:-.025em;margin:0;font-size:1.5rem}.blog-start-heading p{color:var(--fx-muted);margin:0;line-height:1.6}.blog-start-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.blog-start .blog-card-art{aspect-ratio:16/10;background:color-mix(in srgb, var(--fx-panel) 60%, var(--fx-bg));position:relative;overflow:clip}.blog-start .blog-card-art picture{position:absolute;inset:0}.blog-start .blog-card-art picture,.blog-start .blog-card-art picture img{object-fit:contain;block-size:100%;inline-size:100%;display:block}.blog-start .blog-card h3{font-family:var(--fx-font-body);margin-block:.5rem 0;font-size:1.125rem;line-height:1.4}.blog-start :is(time,.blog-card-copy>p,.blog-read){display:none}.blog-filters{flex-wrap:wrap;gap:.75rem;margin-block:2rem 1rem;display:flex}.blog-filters[hidden]{display:none}.blog-filters .blog-filter{border:var(--fx-border-width) solid var(--fx-line);corner-shape:round;background:var(--fx-panel);min-block-size:2.75rem;color:var(--fx-muted);box-shadow:none;border-radius:100vmax;gap:.75rem;padding:.6rem 1rem;font-size:.9375rem;font-weight:550}.blog-filter-count{font-variant-numeric:tabular-nums;text-align:center;opacity:.75;min-inline-size:1.5em;font-size:.75rem}.blog-filters .blog-filter:hover{color:var(--fx-text);border-color:var(--fx-muted)}.blog-filters .blog-filter[aria-pressed=true]{border-color:var(--fx-accent);color:var(--fx-bg);background:var(--fx-accent)}@media (width<=40rem){.blog-start-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}.blog-start .blog-card-link{grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:1rem;display:grid}.blog-start .blog-card-art{aspect-ratio:1}.blog-start .blog-card-copy{padding:0}.blog-start .blog-card h3{font-size:1rem}}@media (forced-colors:active){.blog-filters .blog-filter[aria-pressed=true]{color:highlighttext;forced-color-adjust:none;background:highlight;border-color:highlight}}.blog-results{color:var(--fx-muted);margin:0;font-size:.875rem}.blog-index-grid>[hidden]{display:none}}@layer layouts,skins,density,utilities;
