.blog-post__header-section{padding-block:var(--layout-section-space-tight) var(--layout-page-top)}.blog-post__hero{width:100%}.blog-post__title-wrap{margin-top:var(--space-stack-2xl)}.blog-post__title-wrap h1{font-family:var(--font-heading);font-size:var(--text-heading-2-size);letter-spacing:var(--text-heading-2-tracking);font-weight:500;line-height:var(--text-heading-2-leading);margin:0}.blog-post__article-meta,.blog-post__author-social,.blog-post__author,.blog-post__date,.blog-post__share,.blog-post__toc-share{align-items:center;display:flex}.blog-post__article-meta{gap:var(--space-cluster-lg);margin-top:var(--space-stack-2xl);flex-wrap:wrap}.blog-post__article-meta .blog-category{margin:0}.blog-post__date{color:var(--ink-muted);font-family:var(--font-code);font-size:var(--text-caption-size);gap:var(--space-cluster-sm)}.blog-post__date svg{fill:none;height:var(--space-stack-xl);stroke:currentColor;stroke-width:1.5px;width:var(--space-stack-xl)}.blog-post__author-social{margin-top:var(--space-stack-2xl);justify-content:space-between}.blog-post__author{gap:var(--space-cluster-lg)}.blog-post__author img{border-radius:var(--radius-control);height:var(--control-height-large);object-fit:cover;width:var(--control-height-large)}.blog-post__author strong{font-size:var(--text-body-large-size);font-weight:600}.blog-post__share,.blog-post__toc-share{gap:var(--space-cluster-md)}.blog-post__toc-share .ui-button{white-space:nowrap}.blog-post__share .ui-button svg,.blog-post__toc-share .ui-button svg{height:var(--space-inline-lg);width:var(--space-inline-lg)}.blog-post__share a:focus-visible,.blog-post__toc ol a:focus-visible,.blog-post__toc-share a:focus-visible{outline:var(--line-width-strong) solid var(--focus-ring);outline-offset:var(--space-inline-xs)}.blog-post__header-rail{background:var(--surface-canvas) url(/blog/artwork/header-rail.webp) center / cover no-repeat;height:calc(var(--layout-section-space-compact) + var(--space-stack-lg));width:100%;overflow:hidden}.blog-post__content-section{padding-top:var(--layout-section-space-compact)}.blog-post__article-layout{gap:var(--layout-page-top);grid-template-columns:minmax(0,1fr);display:grid}.blog-post__toc{display:block}.blog-post__toc-heading{font-family:var(--font-heading);font-size:var(--text-heading-5-size);letter-spacing:var(--text-heading-5-tracking);font-weight:500;line-height:var(--text-heading-5-leading);margin:0 0 var(--space-stack-xl)}.blog-post__toc ol{gap:var(--space-stack-lg);margin:0;padding:0;list-style:none;display:grid}.blog-post__toc ol a{border-left:var(--line-width-strong) solid transparent;color:var(--ink-muted);font-size:var(--text-body-size);line-height:var(--text-body-leading);padding-left:var(--space-inline-lg);transition:border-color var(--motion-duration-fast) var(--motion-ease-enter), color var(--motion-duration-fast) var(--motion-ease-enter);text-decoration:none;display:block}.blog-post__toc ol a:hover,.blog-post__toc ol a.is-active{color:var(--ink-default)}.blog-post__toc ol a.is-active{border-left-color:var(--brand-primary)}.blog-post__toc-share{margin-top:var(--space-stack-2xl);padding-left:calc(var(--line-width-strong) + var(--space-inline-lg));justify-content:flex-start}.blog-post__prose{font-size:var(--text-body-large-size);line-height:var(--text-body-leading);overflow-wrap:anywhere;min-width:0}.blog-post__prose p,.blog-post__prose li{text-wrap:pretty}.blog-post__prose>:first-child{margin-top:0}.blog-post__prose p,.blog-post__prose ul,.blog-post__prose ol{margin-block:0 var(--space-stack-xl)}.blog-post__prose ul,.blog-post__prose ol{padding-left:var(--space-stack-2xl);list-style-position:outside}.blog-post__prose ul{list-style-type:disc}.blog-post__prose ol{list-style-type:decimal}.blog-post__prose li::marker{color:var(--ink-muted)}.blog-post__prose li+li{margin-top:var(--space-stack-sm)}.blog-post__prose h1,.blog-post__prose h2,.blog-post__prose h3,.blog-post__prose h4,.blog-post__prose h5{font-family:var(--font-heading);scroll-margin-top:var(--layout-section-space-compact);font-weight:500}.blog-post__prose h2{font-size:var(--text-heading-4-size);letter-spacing:var(--text-heading-4-tracking);line-height:var(--text-heading-4-leading);margin:var(--layout-section-space-tight) 0 var(--space-stack-xl)}.blog-post__prose h3{font-size:var(--text-heading-5-size);letter-spacing:var(--text-heading-5-tracking);line-height:var(--text-heading-5-leading);margin:var(--space-stack-2xl) 0 var(--space-stack-lg)}.blog-post__prose h4{font-size:var(--text-body-large-size);line-height:var(--text-body-leading);margin:var(--space-stack-2xl) 0 var(--space-stack-lg)}.blog-post__prose h5{font-size:var(--text-heading-5-size);letter-spacing:var(--text-heading-5-tracking);line-height:var(--text-heading-5-leading);margin:var(--space-stack-2xl) 0 var(--space-stack-lg)}.blog-post__prose h5 strong{font-weight:inherit}.blog-post__prose hr{border:0;border-top:var(--line-width-default) solid var(--line-default);margin-block:var(--space-stack-2xl)}.blog-post__prose a{color:var(--brand-primary);text-decoration-thickness:var(--line-width-default);text-underline-offset:var(--space-inline-xs)}.blog-post__prose a:focus-visible{border-radius:var(--radius-control);outline:var(--line-width-strong) solid var(--focus-ring);outline-offset:var(--space-inline-xs)}.blog-post__prose img,.blog-post__prose video,.blog-post__prose svg{max-width:100%;height:auto}.blog-video{margin-block:var(--space-stack-2xl)}.blog-video iframe{aspect-ratio:16/9;border:0;width:100%;max-width:100%;display:block}.blog-post__prose p:has(>.blog-flow:only-child){margin-block:var(--space-stack-2xl)}.blog-flow{gap:var(--space-stack-xl);grid-template-columns:repeat(var(--blog-flow-columns), minmax(0, 1fr));width:100%;max-width:100%;display:grid}.blog-flow__phase{background:var(--surface-card);border:var(--line-width-default) solid var(--line-default);border-radius:var(--radius-control);gap:var(--space-stack-sm);min-width:0;padding:var(--space-stack-lg);flex-direction:column;display:flex;position:relative}.blog-flow--linear .blog-flow__phase{background:var(--surface-raised)}.blog-flow__phase:not(:last-child):after{border-right:var(--line-width-default) solid var(--ink-muted);border-top:var(--line-width-default) solid var(--ink-muted);content:"";height:var(--space-inline-sm);right:calc(0rem - var(--space-stack-lg));width:var(--space-inline-sm);position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.blog-flow__title{color:var(--ink-default);font-size:var(--text-body-size);font-weight:600;line-height:var(--text-body-leading)}.blog-flow__detail{color:var(--ink-muted);font-size:var(--text-caption-size);line-height:var(--text-caption-leading)}.blog-flow__nodes{gap:var(--space-stack-sm);margin-top:var(--space-stack-sm);display:grid}.blog-flow__node{background:var(--surface-raised);border:var(--line-width-default) solid var(--line-default);border-radius:var(--radius-control);color:var(--ink-secondary);font-size:var(--text-caption-size);line-height:var(--text-caption-leading);padding:var(--space-stack-sm) var(--space-inline-sm)}.blog-flow--architecture{padding-block:var(--space-stack-xl);align-items:center;gap:0;display:flex;overflow-x:auto}.blog-flow--architecture:focus-visible{outline:var(--button-focus-width) solid var(--focus-ring);outline-offset:var(--button-focus-offset)}.blog-flow--architecture .blog-flow__phase{border-color:var(--line-strong);align-items:center;gap:var(--space-stack-md);padding:var(--space-stack-2xl) calc(var(--space-stack-xl) - var(--space-stack-xs)) calc(var(--space-stack-xl) - var(--space-stack-xs));background:0 0;flex:none}.blog-flow--architecture .blog-flow__phase:not(:last-child){margin-right:calc(var(--space-stack-2xl) + var(--space-stack-xs))}.blog-flow--architecture .blog-flow__phase:not(:last-child):after{background:var(--ink-subtle);clip-path:polygon(0 0,100% 50%,0 100%);height:var(--space-stack-lg);left:auto;right:calc((var(--space-stack-xl) + var(--space-stack-xs)) * -1);width:var(--space-inline-md);border:0;top:50%;transform:translateY(-50%)}.blog-flow--architecture .blog-flow__title{color:var(--ink-subtle);font-size:var(--text-caption-size);left:var(--space-inline-md);line-height:var(--text-caption-leading);top:var(--space-stack-sm);position:absolute}.blog-flow--architecture .blog-flow__nodes{gap:var(--space-stack-md);margin-top:0}.blog-flow--architecture .blog-flow__node{border-color:var(--line-strong);font-size:var(--text-body-size);padding:calc(var(--space-stack-md) - var(--space-stack-xs)) calc(var(--space-stack-xl) - var(--space-stack-xs));text-align:center;white-space:nowrap}.blog-post__prose code{font-family:var(--font-code);font-size:var(--text-code-size)}.blog-post__prose :not(pre)>code{background:var(--surface-raised);border-radius:var(--radius-control);padding:var(--space-inline-xs) var(--space-inline-sm)}.blog-post__prose pre{background:var(--surface-raised);border-radius:var(--radius-control);box-shadow:var(--elevation-pressed);color:var(--ink-secondary);margin-block:0 var(--space-stack-xl);max-width:100%;padding:var(--space-stack-lg);overflow-x:auto}.blog-post__prose pre code{line-height:var(--text-caption-leading);tab-size:2;white-space:pre}.blog-post__prose pre:focus-visible{outline:var(--line-width-strong) solid var(--focus-ring);outline-offset:var(--space-inline-xs)}.blog-post__prose blockquote{border-left:var(--line-width-strong) solid var(--brand-primary);color:var(--ink-muted);margin:var(--space-stack-2xl) 0;padding-left:var(--space-stack-xl)}.blog-post__prose blockquote p:last-child{margin-bottom:0}.blog-callout{background:var(--surface-card);border:var(--line-width-strong) solid var(--line-default);gap:var(--space-stack-md);margin-block:calc(var(--space-stack-xl) + var(--space-stack-lg));padding:var(--space-stack-2xl);flex-direction:column;display:flex}.blog-post__prose .blog-callout>*{margin-block:0}.blog-post__prose .blog-callout>h2{margin-bottom:var(--space-stack-sm)}.blog-table-scroll{margin-block:0 var(--space-stack-xl);max-width:100%;overflow-x:auto}.blog-post__prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:0}.blog-post__prose th,.blog-post__prose td{border-bottom:var(--line-width-default) solid var(--line-default);min-width:calc(var(--layout-section-space-compact) + var(--space-stack-2xl));padding:var(--space-stack-lg) var(--space-inline-lg) var(--space-stack-lg) 0;text-align:left;vertical-align:top}.blog-post__prose th{border-bottom-color:var(--line-strong);color:var(--ink-default);font-weight:600}.blog-post__prose th:last-child,.blog-post__prose td:last-child{padding-right:0}.blog-post__prose table:has([data-blog-featured-table-row]){--blog-featured-row-blue:#60a5fa;table-layout:fixed;min-width:61.25rem}.blog-post__prose table:has([data-blog-featured-table-row]) th:first-child{width:14%}.blog-post__prose table:has([data-blog-featured-table-row]) th:nth-child(2){width:26%}.blog-post__prose table:has([data-blog-featured-table-row]) th:nth-child(3){width:20%}.blog-post__prose table:has([data-blog-featured-table-row]) th:nth-child(4){width:22%}.blog-post__prose table:has([data-blog-featured-table-row]) th:nth-child(5){width:18%}:is(.blog-post__prose table:has([data-blog-featured-table-row]) th:first-child,.blog-post__prose table:has([data-blog-featured-table-row]) td:first-child){border-left:calc(var(--line-width-strong) + var(--line-width-default)) solid transparent;padding-left:var(--space-inline-md)}.blog-post__prose tr:has([data-blog-featured-table-row]) td{background:color-mix(in srgb, var(--blog-featured-row-blue) 8%, transparent)}.blog-post__prose tr:has([data-blog-featured-table-row]) td:first-child{border-left-color:var(--blog-featured-row-blue);font-weight:600}.blog-related{padding-top:var(--layout-section-space-compact)}.blog-related h2{font-family:var(--font-heading);font-size:var(--text-heading-3-size);letter-spacing:var(--text-heading-3-tracking);font-weight:500;line-height:var(--text-heading-3-leading);margin:0 0 var(--space-stack-2xl)}.blog-related__grid{background:linear-gradient(90deg, var(--brand-primary), var(--brand-blue), var(--brand-secondary)) top / 100% var(--space-inline-xs) no-repeat, var(--line-default);gap:var(--line-width-default);padding:var(--space-inline-xs) var(--line-width-default) var(--line-width-default);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.blog-related__grid>li{background:var(--surface-canvas);min-width:0}.blog-card--related{min-height:calc(var(--layout-section-space-compact) * 2 + var(--space-stack-2xl))}.blog-post__newsletter{padding-block:var(--layout-section-space-compact) var(--layout-section-space)}@media (max-width:74.99rem){.blog-post__content-section{padding-top:var(--layout-section-space-tight)}.blog-post__toc{border-bottom:var(--line-width-default) solid var(--line-default);padding-bottom:var(--layout-section-space-tight);order:-1}}@media (max-width:61.99rem){.blog-flow{grid-template-columns:1fr}.blog-flow__phase:not(:last-child):after{bottom:calc(0rem - var(--space-stack-lg));top:auto;left:50%;right:auto;transform:translate(-50%)rotate(135deg)}}@media (max-width:40rem){.blog-post__prose table:has([data-blog-featured-table-row]){min-width:56.25rem}}@media (min-width:75rem){.blog-post__article-layout--with-toc{grid-template-columns:minmax(0,4fr) minmax(0,1fr)}.blog-post__toc{--blog-sticky-header-height:calc(var(--space-stack-xl) + var(--space-stack-xl) + var(--space-stack-2xl) + var(--space-stack-sm) + var(--line-width-default));top:calc(var(--blog-sticky-header-height) + var(--layout-page-top));grid-area:1/2;align-self:start;position:sticky}.blog-post__prose{grid-area:1/1}}@media (max-width:47.99rem){.blog-post__header-section{padding-block:var(--space-stack-2xl)}.blog-post__title-wrap h1{font-size:var(--text-heading-3-size);letter-spacing:var(--text-heading-3-tracking);line-height:var(--text-heading-3-leading)}.blog-post__author-social{align-items:flex-start;gap:var(--space-stack-xl);flex-direction:column}.blog-post__share{width:100%}.blog-related__grid{grid-template-columns:1fr}.blog-related h2{font-size:var(--text-heading-4-size);letter-spacing:var(--text-heading-4-tracking);line-height:var(--text-heading-4-leading)}}