.blog-post-body{display:flex;flex-direction:column;align-items:center;gap:120px;width:100%;max-width:100%;padding:80px;box-sizing:border-box}.blog-body{max-width:560px;width:100%;min-width:0;overflow:visible}.blog-post-hero{display:flex;flex-direction:column;gap:40px;width:100%;max-width:min(1200px,100%);min-width:0}.blog-post-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(0,1fr);width:100%;max-width:min(1200px,100%)}.blog-post-layout>.blog-post-article{grid-column:2}.blog-post-toc{grid-column:3;grid-row:1;padding-top:144px}@media(max-width:1199px){.blog-post-layout{grid-template-columns:minmax(0,1fr);justify-items:center}.blog-post-layout>.blog-post-article{grid-column:1}.blog-post-toc{display:none}}.blog-body h2[id],.blog-body h3[id]{scroll-margin-top:104px}.blog-post-article{display:flex;flex-direction:column;gap:80px;max-width:min(720px,100%);width:100%;min-width:0}.blog-post-title{max-width:100%;font-size:56px;line-height:64px;letter-spacing:-.02em;overflow-wrap:break-word}.blog-post-endmark{width:16px;height:16px}@media(max-width:768px){.blog-post-hero{gap:20px}.blog-post-body{padding:40px 24px;gap:48px;overflow-x:clip}.blog-post-article{gap:48px}.blog-post-title{font-size:32px;line-height:40px;letter-spacing:-.64px}.blog-body:has(.md-product-table){overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.blog-post-body{padding:32px 24px;gap:40px}.blog-post-title{font-size:28px;line-height:36px}}.markdown-content img{cursor:zoom-in}@media(max-width:768px){.blog-body.markdown-content img{cursor:default}}.blog-body.markdown-content ul{list-style:"–";padding-left:24px}.blog-body.markdown-content ul>li{padding-left:16px}.blog-body p:has(>img):has(+p>em:only-child){margin-bottom:0}.blog-body p:has(>img):has(+p>em:only-child) img{margin-bottom:0}.blog-body p:has(>img)+p:has(>em:only-child){margin-top:8px;margin-bottom:40px;color:var(--color-text-secondary);font-size:var(--text-body-2);line-height:var(--text-body-2--line-height);letter-spacing:var(--text-body-2--letter-spacing);font-weight:var(--text-body-2--font-weight)}.blog-body p:has(>img)+p:has(>em:only-child) em{font-style:normal}.blog-image-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:transparent;cursor:zoom-out;pointer-events:none;transition:background-color var(--duration-modal-enter) var(--ease-enter)}.blog-image-lightbox.is-open,.blog-image-lightbox.is-closing{pointer-events:auto}.blog-image-lightbox.is-open{background-color:#0009}.blog-image-lightbox.is-closing{transition-duration:var(--duration-modal-exit);transition-timing-function:var(--ease-exit)}.blog-image-lightbox-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.blog-image-lightbox img{flex:none;max-width:none;max-height:none;object-fit:contain;transform-origin:center;pointer-events:auto;cursor:default;transition:transform var(--duration-modal-enter) var(--ease-enter)}.blog-image-lightbox.is-closing img{transition-duration:var(--duration-modal-exit);transition-timing-function:var(--ease-exit)}@media(prefers-reduced-motion:reduce){.blog-image-lightbox,.blog-image-lightbox img{transition:none}}.blog-body.markdown-content code{font-family:var(--font-stk-miso);font-size:var(--text-body-1);line-height:var(--text-body-1--line-height);letter-spacing:var(--text-body-1--letter-spacing);font-weight:var(--text-body-1--font-weight);color:var(--color-text-secondary);background-color:var(--color-background-secondary);padding:2px 6px}.blog-toc{position:sticky;top:120px;align-self:start;max-height:calc(100vh - 120px - var(--spacing-40));overflow-y:auto;scrollbar-width:thin;width:calc(100% + 6px);margin:-3px;padding:3px}.blog-toc-list{display:flex;flex-direction:column;gap:var(--spacing-12);margin:0;padding:0;list-style:none}.blog-toc-sub{padding-left:var(--spacing-12)}.blog-toc-link{display:block;font-family:var(--font-stk-miso);font-size:var(--text-body-2);line-height:var(--text-body-2--line-height);letter-spacing:var(--text-body-2--letter-spacing);font-weight:var(--text-body-2--font-weight);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.blog-toc-link:hover,.blog-toc-link[aria-current=location]{color:var(--color-text-primary)}.blog-toc-link:focus-visible{outline:1px solid var(--color-text-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.blog-toc-link{transition:none}}.blog-rail-picker{margin:40px 0;font-family:var(--font-stk-miso);font-size:var(--text-body-1);line-height:var(--text-body-1--line-height);letter-spacing:var(--text-body-1--letter-spacing);font-weight:var(--text-body-1--font-weight);color:var(--color-text-primary)}.rl-played{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-24)}.rl-divider{align-self:stretch;height:1px;background-color:var(--color-stroke)}.rl-fan{display:flex;align-items:center;width:100%}.rl-fan-source{position:relative;display:flex;justify-content:center;width:64px}.rl-fan-source>span:last-child{position:absolute;top:calc(100% + var(--spacing-8));text-align:center}.rl-fan-lines{position:relative;flex-shrink:0}.rl-fan-line{position:absolute;border-radius:var(--radius-sm);background-color:var(--rl-line, var(--color-stroke))}.rl-fan-line[data-dim=true]{background-color:var(--color-stroke)}@media(prefers-reduced-motion:no-preference){.rl-fan-line{transition:background-color var(--duration-default) var(--ease-gentle)}}.rl-fan-flow{transform:scaleX(0);transform-origin:left;transition-property:transform;transition-timing-function:linear}.rl-fan-flow[data-axis=y]{transform:scaleY(0)}.rl-fan-flow[data-drawn=true]{transform:none}.blog-rail-picker .rl-fan-rails{margin:0;padding:0 0 0 var(--spacing-16);list-style:none}.blog-rail-picker .rl-fan-row{display:flex;flex-wrap:wrap;align-content:center;align-items:baseline;gap:var(--spacing-12);margin:0;padding:0;font-size:var(--text-body-1);line-height:var(--text-body-1--line-height);letter-spacing:var(--text-body-1--letter-spacing);font-weight:var(--text-body-1--font-weight);transition:color var(--duration-fast) ease-out}.blog-rail-picker .rl-fan-row>span:not(.rl-row-icon){white-space:nowrap}.rl-row-icon{display:flex;align-self:center;color:var(--color-text-secondary)}.rl-fan[data-layout=compact] .rl-fan-rails{flex:1;min-width:0}.blog-rail-picker .rl-fan[data-layout=compact] .rl-fan-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:0 var(--spacing-12);padding-block:var(--spacing-8)}.rl-fan[data-layout=compact] .rl-row-icon{grid-row:1 / span 2;align-self:start;margin-top:calc((var(--text-body-1--line-height) - 24px) / 2)}.blog-rail-picker .rl-fan[data-layout=compact] .rl-fan-row>span:not(.rl-row-icon){grid-column:2;white-space:normal}.rl-well{display:grid;flex-shrink:0;place-items:center;width:32px;height:32px;border-radius:var(--radius-lg);background:var(--rl-well-bg, var(--color-background-secondary));color:var(--rl-well-ink, var(--color-text-secondary))}.rl-well[data-size=large]{width:40px;height:40px;border-radius:var(--radius-md)}.rl-well[data-size=small]{width:24px;height:24px;border-radius:var(--radius-md)}.rl-fan-row[data-dim=true] .rl-well{background-color:var(--color-background-secondary);color:var(--color-text-secondary)}.rl-fan-row .rl-well{transition:background-color var(--duration-fast) ease-out,color var(--duration-fast) ease-out}.rl-agent-portrait{width:20px;height:20px;border-radius:var(--radius-sm);background:url(/assets/images/agents/penny-avatar.jpg) center / cover}.rl-examples{display:grid;gap:var(--spacing-4);align-self:stretch;margin-inline:calc(-1 * var(--spacing-12))}.rl-example{margin:0;padding:var(--spacing-6) var(--spacing-12);border:0;border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;transition:color var(--duration-fast) ease-out,background-color var(--duration-fast) ease-out}.rl-examples .rl-example{justify-self:start;align-self:center;max-width:100%;padding-block:var(--spacing-6) calc(var(--spacing-6) + 1px);white-space:normal;text-align:left}.rl-example:hover{color:var(--color-text-primary)}.rl-example[aria-pressed=true]{background:var(--color-background-secondary);color:var(--color-text-primary)}.rl-examples[data-layout=compact]{margin-inline:calc(-1 * var(--spacing-8))}.rl-examples[data-layout=compact] .rl-example{padding-inline:var(--spacing-8)}@media(prefers-reduced-motion:reduce){.rl-fan-flow{transition-duration:0s!important;transition-delay:0s!important}.blog-rail-picker .rl-fan-row,.rl-fan-row .rl-well,.rl-example{transition:none}}