.blog-section{container-type:inline-size;container-name:blog;--blog-feed-measure:640px;--blog-feed-gap:8px;--blog-card-pad:24px;--blog-card-border:1px;--blog-article-measure:680px;--blog-toc-width:260px;--blog-gutter:40px;--blog-body-size:18px;--blog-body-leading:30px;--blog-h1-size:28px;--blog-h1-leading:34px;--blog-h2-size:26px;--blog-h2-leading:32px;--blog-h3-size:20px;--blog-h3-leading:28px;--blog-card-title-size:20px;--blog-card-title-leading:26px;--blog-card-lead-size:15px;--blog-card-lead-leading:22px;--blog-meta-size:13px;--blog-meta-leading:18px;--blog-chip-size:13px;--blog-header-h:57px;--blog-sticky-gap:16px;--blog-toc-top:calc(var(--blog-header-h) + var(--blog-sticky-gap));--blog-touch-target:44px;--blog-space-xs:6px;--blog-space-sm:8px;--blog-space-md:16px;--blog-radius-media:16px;--blog-rule:2px;--blog-stats-row-height:var(--blog-touch-target);--fg-muted:oklch(0.80 0.01 270);--fg-subtle:oklch(0.68 0.01 270)}.light .blog-section{--fg-muted:oklch(0.32 0.01 270);--fg-subtle:oklch(0.45 0.01 270)}@media (min-width:1024px){.blog-section{--blog-h1-size:34px;--blog-h1-leading:40px;--blog-header-h:81px}}.blog-feed{display:grid;grid-template-columns:minmax(0,100%);gap:var(--blog-feed-gap)}.blog-column,.blog-feed{max-width:var(--blog-feed-measure);margin-inline:auto;width:100%}.blog-card{padding:calc(var(--blog-card-pad) - var(--blog-card-border))}.blog-card__title{font-size:var(--blog-card-title-size);line-height:var(--blog-card-title-leading);font-weight:500;letter-spacing:-.01em}.blog-card__lead{font-size:var(--blog-card-lead-size);line-height:var(--blog-card-lead-leading);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-meta{font-size:var(--blog-meta-size);line-height:var(--blog-meta-leading)}.blog-chip{font-size:var(--blog-chip-size);line-height:1;font-weight:500;min-height:var(--blog-touch-target)}.blog-stats{display:flex;align-items:center;gap:var(--blog-space-md);min-height:var(--blog-stats-row-height);font-size:var(--blog-meta-size);line-height:var(--blog-meta-leading)}.blog-stat{display:inline-flex;align-items:center;gap:var(--blog-space-xs)}.blog-stat__value{font-variant-numeric:tabular-nums}.blog-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--blog-space-sm);min-height:var(--blog-touch-target);font-size:var(--blog-meta-size);line-height:var(--blog-meta-leading)}.blog-article{display:grid;grid-template-columns:minmax(0,var(--blog-article-measure));grid-template-areas:"head" "aside" "body";justify-content:center;row-gap:0}.blog-article__head{grid-area:head;min-width:0}.blog-article__aside{grid-area:aside;min-width:0}.blog-article__body{grid-area:body;min-width:0}@container blog (min-width: 980px){.blog-article--with-toc{grid-template-columns:var(--blog-toc-width) minmax(0,var(--blog-article-measure));grid-template-areas:".     head" "aside body";column-gap:var(--blog-gutter)}.blog-article--with-toc .blog-article__aside{position:sticky;top:var(--blog-toc-top);align-self:start;max-height:calc(100dvh - var(--blog-toc-top) - var(--blog-sticky-gap));overflow-y:auto}}.blog-h1{font-size:var(--blog-h1-size);line-height:var(--blog-h1-leading)}.blog-body{font-size:var(--blog-body-size);line-height:var(--blog-body-leading);color:var(--fg)}.blog-body>*+*{margin-top:var(--blog-body-leading)}.blog-body h2{font-size:var(--blog-h2-size);line-height:var(--blog-h2-leading);margin-top:calc(var(--blog-body-leading) * 1.6)}.blog-body h2,.blog-body h3{font-weight:600;letter-spacing:-.01em}.blog-body h3{font-size:var(--blog-h3-size);line-height:var(--blog-h3-leading);margin-top:calc(var(--blog-body-leading) * 1.2)}.blog-body h2[id],.blog-body h3[id]{scroll-margin-top:var(--blog-toc-top)}.blog-body a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border)}.blog-body a:hover{text-decoration-color:var(--fg-muted)}.blog-body ol,.blog-body ul{padding-left:1.4em}.blog-body ul{list-style:disc}.blog-body ol{list-style:decimal}.blog-body li+li{margin-top:.4em}.blog-body blockquote{padding-left:1.2em;border-left:var(--blog-rule) solid var(--border);color:var(--fg-muted)}.blog-body img{max-width:100%;height:auto;border-radius:var(--blog-radius-media)}.blog-body figcaption{font-size:var(--blog-meta-size);line-height:var(--blog-meta-leading);color:var(--fg-muted);margin-top:var(--blog-space-sm)}.blog-body code{font-size:.9em}.blog-body pre{overflow-x:auto;font-size:.85em;line-height:1.5}.blog-body table{display:block;overflow-x:auto;width:100%;font-size:var(--blog-card-lead-size);line-height:var(--blog-card-lead-leading)}.blog-toc{font-size:var(--blog-meta-size);line-height:var(--blog-body-leading)}.blog-toc__list{list-style:decimal;padding-left:1.4em}.blog-toc__list a{display:block;padding-block:calc((var(--blog-touch-target) - var(--blog-body-leading)) / 2)}.blog-toc__list[data-collapsed=true]{display:none}.blog-toc__toggle{display:inline-flex;align-items:center;gap:var(--blog-space-sm);min-height:var(--blog-touch-target)}.blog-toc__title,.blog-toc__toggle{font-size:var(--blog-meta-size);line-height:var(--blog-meta-leading)}.blog-toc__title{display:none;font-weight:600}@container blog (min-width: 980px){.blog-toc__list[data-collapsed=true]{display:revert}.blog-toc__list a{padding-block:0}.blog-toc__toggle{display:none}.blog-toc__title{display:block}}