:root{--blog-accent: #111111;--blog-accent-muted: #ededed;--blog-text: #111111;--blog-text-muted: #6b6b6b;--blog-text-inverted: #ffffff;--blog-bg: #ffffff;--blog-bg-elevated: #f7f7f7;--blog-bg-code: rgba(0, 0, 0, .06);--blog-border: #e3e3e3;--blog-border-muted: #ececec;--blog-info: oklch(55% .15 240);--blog-info-bg: oklch(97% .03 240);--blog-tip: oklch(55% .15 155);--blog-tip-bg: oklch(97% .03 155);--blog-warning: oklch(62% .15 70);--blog-warning-bg: oklch(97% .04 70);--blog-danger: oklch(55% .2 25);--blog-danger-bg: oklch(97% .03 25);--blog-caveat: oklch(55% .15 295);--blog-caveat-bg: oklch(97% .03 295);--blog-muted: #6b6b6b;--blog-muted-bg: #f7f7f7;--blog-font-body: inherit;--blog-font-heading: inherit;--blog-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--blog-font-size-base: 1rem;--blog-line-height-prose: 1.7;--blog-line-height-heading: 1.25;--blog-space-xs: .25rem;--blog-space-sm: .5rem;--blog-space-md: 1rem;--blog-space-lg: 2rem;--blog-space-xl: 4rem;--blog-prose-width: 100%;--blog-sidebar-width: 16rem;--blog-radius-sm: 4px;--blog-radius-md: 8px;--blog-radius-lg: 16px;--blog-radius-pill: 9999px;--blog-shadow-sm: 0 1px 2px rgb(0 0 0 / .04);--blog-shadow-md: 0 4px 12px rgb(0 0 0 / .08);--blog-shadow-lg: 0 12px 40px rgb(0 0 0 / .12);--blog-transition-fast: .12s;--blog-transition-normal: .22s;--blog-transition-slow: .4s;--blog-easing: cubic-bezier(.4, 0, .2, 1);--blog-code-surface: var(--blog-bg-elevated, #f7f7f7);--blog-code-surface-border: var(--blog-border, #e3e3e3);--blog-code-chrome-bg: rgba(0, 0, 0, .03);--blog-code-chrome-divider: var(--blog-border-muted, #ececec);--blog-code-chrome-text: var(--blog-text-muted, #6b6b6b);--blog-code-chrome-text-hover: var(--blog-text, #111111);--blog-code-chrome-text-active: var(--blog-text, #111111);--blog-code-chrome-padding: var(--blog-space-sm) var(--blog-space-md);--blog-code-chrome-font-size: .8rem;--blog-code-body-font-size: .875rem;--blog-code-body-line-height: 1.6;--blog-scrollbar-size: 6px;--blog-scrollbar-thumb: rgba(0, 0, 0, .18);--blog-scrollbar-thumb-hover: rgba(0, 0, 0, .32)}.blog-code-block,.blog-code-block *,.blog-playground,.blog-playground *{scrollbar-width:thin;scrollbar-color:var(--blog-scrollbar-thumb, rgba(0, 0, 0, .18)) transparent}.blog-code-block ::-webkit-scrollbar,.blog-code-block::-webkit-scrollbar,.blog-playground ::-webkit-scrollbar,.blog-playground::-webkit-scrollbar{width:var(--blog-scrollbar-size, 6px);height:var(--blog-scrollbar-size, 6px)}.blog-code-block ::-webkit-scrollbar-track,.blog-code-block::-webkit-scrollbar-track,.blog-playground ::-webkit-scrollbar-track,.blog-playground::-webkit-scrollbar-track{background:transparent}.blog-code-block ::-webkit-scrollbar-thumb,.blog-code-block::-webkit-scrollbar-thumb,.blog-playground ::-webkit-scrollbar-thumb,.blog-playground::-webkit-scrollbar-thumb{background:var(--blog-scrollbar-thumb, rgba(0, 0, 0, .18));border-radius:999px}.blog-code-block ::-webkit-scrollbar-thumb:hover,.blog-code-block::-webkit-scrollbar-thumb:hover,.blog-playground ::-webkit-scrollbar-thumb:hover,.blog-playground::-webkit-scrollbar-thumb:hover{background:var(--blog-scrollbar-thumb-hover, rgba(0, 0, 0, .32))}.blog-code-block ::-webkit-scrollbar-corner,.blog-code-block::-webkit-scrollbar-corner,.blog-playground ::-webkit-scrollbar-corner,.blog-playground::-webkit-scrollbar-corner{background:transparent}:root{--blog-accent: var(--primary);--blog-accent-muted: var(--primary-container);--blog-text: var(--gray-1);--blog-text-muted: var(--gray-4);--blog-text-inverted: var(--white);--blog-bg: var(--white);--blog-bg-elevated: var(--gray-9);--blog-bg-code: rgba(57, 35, 150, .06);--blog-border: var(--gray-7);--blog-border-muted: var(--gray-8);--blog-font-body: var(--font-dm-sans);--blog-font-heading: var(--font-poppins);--blog-font-mono: "RobotoMono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.global-properties{--blog-toc-sticky-top: calc(var(--header-h, 0px) + var(--blog-space-md, 1rem))}.blog-article-title,.blog-article-content h2,.blog-article-content h3{font-weight:500}.blog-article-content h4{font-family:var(--font-dm-sans);font-weight:600}.blog-article-content code{border-radius:6px;color:var(--primary)}.blog-article{max-width:var(--blog-prose-width, 68ch);margin-inline:auto;padding:var(--blog-space-lg, 2rem) var(--blog-space-md, 1rem);font-family:var(--blog-font-body, inherit);color:var(--blog-text, currentColor);line-height:var(--blog-line-height-prose, 1.7)}.blog-article-header{margin-bottom:var(--blog-space-lg, 2rem)}.blog-article-title{font-family:var(--blog-font-heading, inherit);font-size:2.5rem;line-height:var(--blog-line-height-heading, 1.2);letter-spacing:-.015em;margin-block:0 var(--blog-space-sm, .5rem)}.blog-article-description{color:var(--blog-text-muted, currentColor);font-size:1.125rem;line-height:1.5;margin-block:0 var(--blog-space-md, 1rem)}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-block:0;font-size:.875rem;color:var(--blog-text-muted, currentColor)}.blog-article-meta-item{display:inline-flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums}.blog-article-meta-icon{width:.95rem;height:.95rem;flex-shrink:0;opacity:.7;color:var(--blog-accent, currentColor)}.blog-article-meta-sep{width:3px;height:3px;border-radius:50%;background-color:currentColor;opacity:.4}.blog-article-meta-reading-num{font-weight:inherit;color:inherit}.blog-article-meta-updated{padding:.15rem .55rem;border-radius:999px;background-color:color-mix(in srgb,var(--blog-accent, currentColor) 8%,transparent);border:1px solid color-mix(in srgb,var(--blog-accent, currentColor) 22%,transparent);color:var(--blog-text, currentColor)}.blog-article-meta-updated .blog-article-meta-icon{opacity:.85}.blog-article-date{font-variant-numeric:tabular-nums}@media(max-width:540px){.blog-article-title{font-size:2rem}.blog-article-meta{gap:.5rem;font-size:.8125rem}}.blog-article-content{font-size:var(--blog-font-size-base, 1rem)}.blog-article-content h2{font-family:var(--blog-font-heading, inherit);font-size:1.5rem;line-height:var(--blog-line-height-heading, 1.25);margin-block:var(--blog-space-lg, 2rem) var(--blog-space-sm, .5rem)}.blog-article-content h3{font-family:var(--blog-font-heading, inherit);font-size:1.25rem;line-height:var(--blog-line-height-heading, 1.25);margin-block:var(--blog-space-md, 1rem) var(--blog-space-xs, .25rem)}.blog-article-content h4{font-family:var(--blog-font-heading, inherit);font-size:1.075rem;line-height:var(--blog-line-height-heading, 1.25);margin-block:var(--blog-space-md, 1rem) var(--blog-space-xs, .25rem)}.blog-article-content p{margin-block:var(--blog-space-md, 1rem)}@media(max-width:1024px){.blog-article-content p{text-align:justify;text-wrap:pretty;hyphens:auto;-webkit-hyphens:auto}}.blog-article-content a{color:var(--blog-accent, currentColor);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;border-radius:var(--blog-radius-sm, 4px);transition:background-color var(--blog-transition-fast, .12s) var(--blog-easing, ease)}.blog-article-content a:hover,.blog-article-content a:focus-visible{background-color:var(--blog-accent-muted, rgba(0, 0, 0, .06))}.blog-article-content a[rel~=external]:after{content:" ↗";font-size:.85em;color:var(--blog-text-muted, currentColor)}.blog-article-content code{font-family:var(--blog-font-mono, monospace);background:var(--blog-bg-code, rgba(0, 0, 0, .06));padding:.125em .375em;border-radius:var(--blog-radius-sm, 4px);font-size:.9em}.blog-article-content del,.blog-article-content s{text-decoration:line-through;text-decoration-thickness:1px;color:var(--blog-text-muted, inherit)}.blog-article-content pre{font-family:var(--blog-font-mono, monospace);background:var(--blog-bg-code, rgba(0, 0, 0, .06));padding:var(--blog-space-md, 1rem);border-radius:var(--blog-radius-md, 8px);overflow-x:auto;margin-block:var(--blog-space-md, 1rem)}.blog-article-content pre code{background:transparent;padding:0;font-size:inherit}.blog-article-content blockquote{border-left:4px solid var(--blog-border, currentColor);padding-left:var(--blog-space-md, 1rem);margin-inline:0;color:var(--blog-text-muted, currentColor);font-style:italic}.blog-article-content :where(ul:not(.blog-stepper)){list-style:disc outside;padding-inline-start:var(--blog-space-lg, 2rem);margin-block:var(--blog-space-md, 1rem)}.blog-article-content :where(ol:not(.blog-stepper)){list-style:decimal outside;padding-inline-start:var(--blog-space-lg, 2rem);margin-block:var(--blog-space-md, 1rem)}.blog-article-content ul ul,.blog-article-content ol ul{list-style:circle outside}.blog-article-content ul ul ul,.blog-article-content ol ol ol{list-style:square outside}.blog-article-content li{margin-block:var(--blog-space-xs, .25rem)}.blog-article-content li.task-list-item{list-style:none;display:flex;align-items:baseline;gap:.5em;margin-inline-start:-1.5em}.blog-article-content li.task-list-item>input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;width:1em;height:1em;margin:0;padding:0;border:1.5px solid var(--blog-text-muted, #6b6b6b);border-radius:3px;background-color:var(--blog-bg, #ffffff);background-position:center;background-repeat:no-repeat;background-size:100% 100%;cursor:default;transform:translateY(.15em);transition:border-color var(--blog-transition-fast, .12s) var(--blog-easing, ease),background-color var(--blog-transition-fast, .12s) var(--blog-easing, ease)}.blog-article-content li.task-list-item>input[type=checkbox]:checked{background-color:var(--blog-text, #111111);border-color:var(--blog-text, #111111);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8.5 l3.5 3.5 L13 5'/></svg>")}.blog-article-content table{width:100%;border-collapse:collapse;margin-block:var(--blog-space-md, 1rem);font-size:.95em}.blog-article-content th,.blog-article-content td{padding:var(--blog-space-xs, .25rem) var(--blog-space-sm, .5rem);border-bottom:1px solid var(--blog-border-muted, currentColor);text-align:left;vertical-align:top}.blog-article-content th{font-weight:600;border-bottom-width:2px;border-bottom-color:var(--blog-border, currentColor);background:var(--blog-bg-elevated, transparent)}.blog-article-content tbody tr{transition:background-color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-article-content tbody tr:hover{background:var(--blog-bg-elevated, transparent)}.blog-article-content img{display:block;max-width:100%;height:auto;margin-block:var(--blog-space-md, 1rem);margin-inline:auto;border-radius:var(--blog-radius-md, 8px)}.blog-article-content hr{border:none;border-top:1px solid var(--blog-border, currentColor);margin-block:var(--blog-space-lg, 2rem)}.blog-article-content sup a[data-footnote-ref]{color:var(--blog-text-muted, currentColor);text-decoration:underline;text-decoration-color:transparent;font-variant-numeric:tabular-nums;padding-inline:.05em;transition:color var(--blog-transition-fast, .12s) var(--blog-easing, ease),text-decoration-color var(--blog-transition-fast, .12s) var(--blog-easing, ease)}.blog-article-content sup a[data-footnote-ref]:before{content:"["}.blog-article-content sup a[data-footnote-ref]:after{content:"]"}.blog-article-content sup a[data-footnote-ref]:hover,.blog-article-content sup a[data-footnote-ref]:focus-visible{color:var(--blog-text, currentColor);text-decoration-color:currentColor;background-color:transparent}.blog-article-content section.footnotes{margin-block-start:var(--blog-space-xl, 4rem);padding-block-start:var(--blog-space-md, 1rem);border-block-start:1px solid var(--blog-border-muted, currentColor);font-size:.875rem;color:var(--blog-text-muted, currentColor)}.blog-article-content section.footnotes ol{padding-inline-start:var(--blog-space-md, 1rem);margin-block:0}.blog-article-content section.footnotes li{margin-block:0;padding-block:.125rem}.blog-article-content section.footnotes li p{margin-block:0}.blog-article-content section.footnotes a.data-footnote-backref{margin-inline-start:.25em;text-decoration:none;color:var(--blog-text-muted, currentColor);transition:color var(--blog-transition-fast, .12s) var(--blog-easing, ease)}.blog-article-content section.footnotes a.data-footnote-backref:hover,.blog-article-content section.footnotes a.data-footnote-backref:focus-visible{color:var(--blog-text, currentColor);text-decoration:none;background-color:transparent}.blog-article-footer{margin-top:var(--blog-space-xl, 4rem)}.blog-article-footer-chrome{margin-top:var(--blog-space-lg, 2rem);color:var(--blog-text, currentColor);font-size:.875rem;line-height:1.5}.blog-article-footer-divider{display:flex;align-items:center;gap:var(--blog-space-md, 1rem);margin-block:var(--blog-space-xl, 3rem) var(--blog-space-lg, 2rem)}.blog-article-footer-divider:before,.blog-article-footer-divider:after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(to right,transparent,var(--blog-border, rgba(0, 0, 0, .15)),transparent)}.blog-article-footer-divider-ornament{display:inline-block;width:.5rem;height:.5rem;background:var(--blog-accent, currentColor);border-radius:1px;transform:rotate(45deg);flex-shrink:0;box-shadow:0 0 0 4px var(--blog-bg, #fff)}.blog-article-footer-card{padding:var(--blog-space-lg, 1.5rem);background:var(--blog-bg-elevated, rgba(0, 0, 0, .03));border:1px solid var(--blog-border, rgba(0, 0, 0, .08));border-radius:var(--blog-radius-md, 12px);display:flex;flex-direction:row;align-items:stretch;gap:var(--blog-space-md, 1rem)}.blog-article-footer-card-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--blog-space-md, 1rem)}.blog-article-footer-share{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;padding-inline-start:var(--blog-space-md, 1rem);border-inline-start:1px solid var(--blog-border, rgba(0, 0, 0, .1))}.blog-article-footer-author-block{display:flex;align-items:center;gap:var(--blog-space-md, 1rem)}.blog-article-footer-avatar{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--blog-accent, currentColor) 0%,color-mix(in srgb,var(--blog-accent, currentColor) 60%,var(--blog-bg, #ffffff)) 100%);color:var(--blog-bg, #ffffff);font-family:var(--blog-font-body, inherit);font-weight:700;font-size:1rem;letter-spacing:-.025em;box-shadow:0 4px 8px color-mix(in srgb,var(--blog-accent, currentColor) 20%,transparent),0 1px 2px #00000014;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.blog-article-footer-avatar-custom{background:var(--blog-bg, #ffffff);box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000f;padding:.4rem}.blog-article-footer-avatar-img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:transparent}.blog-article-footer-author-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.blog-article-footer-author{margin:0;color:var(--blog-text, currentColor);font-weight:600;font-size:1rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-article-footer-meta{margin:0;color:var(--blog-text-muted, currentColor);font-size:.8125rem;line-height:1.4}.blog-article-footer-label{font-weight:500;color:var(--blog-text, currentColor)}.blog-article-footer-time{font-variant-numeric:tabular-nums}.blog-article-footer-meta-sep{margin-inline:.375rem;color:var(--blog-border, rgba(0, 0, 0, .3))}.blog-article-footer-reading-time{font-variant-numeric:tabular-nums}.blog-article-footer-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--blog-space-xs, .375rem)}.blog-article-footer-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--blog-bg, #ffffff);color:var(--blog-text-muted, currentColor);border:1px solid var(--blog-border, rgba(0, 0, 0, .12));border-radius:var(--blog-radius-pill, 9999px);font-family:var(--blog-font-mono, monospace);font-size:.75rem;letter-spacing:-.005em;cursor:default;transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease),border-color var(--blog-transition-fast, .15s) var(--blog-easing, ease),color var(--blog-transition-fast, .15s) var(--blog-easing, ease),box-shadow var(--blog-transition-fast, .15s) var(--blog-easing, ease)}a.blog-article-footer-tag{text-decoration:none;cursor:pointer}a.blog-article-footer-tag:visited{color:var(--blog-text-muted, currentColor)}a.blog-article-footer-tag:focus-visible{outline:2px solid var(--blog-accent, currentColor);outline-offset:2px}.blog-article-footer-tag:before{content:"#";margin-inline-end:.125rem;color:var(--blog-accent, currentColor);font-weight:600}.blog-article-footer-tag:hover{transform:translateY(-1px);border-color:var(--blog-accent, currentColor);color:var(--blog-text, currentColor);box-shadow:0 2px 6px #0000000f}@media(max-width:540px){.blog-article-footer-card{flex-direction:column;padding:var(--blog-space-md, 1rem)}.blog-article-footer-share{align-self:flex-start;padding-inline-start:0;padding-block-start:var(--blog-space-md, 1rem);border-inline-start:0;border-block-start:1px solid var(--blog-border, rgba(0, 0, 0, .1))}.blog-article-footer-author-block{gap:var(--blog-space-sm, .75rem)}.blog-article-footer-avatar{width:2.5rem;height:2.5rem;font-size:.875rem}.blog-article-footer-avatar-custom{padding:.3rem}}.blog-share{display:inline-flex;flex-direction:row;gap:var(--blog-space-sm, .5rem);align-items:center;margin-block:var(--blog-space-md, 1rem) 0}.blog-share-vertical{flex-direction:column;margin-block:0;gap:.5rem}.blog-share-copy,.blog-share-native{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:var(--blog-bg, #ffffff);color:var(--blog-text-muted, currentColor);border:1px solid var(--blog-border, rgba(0, 0, 0, .15));border-radius:50%;font:inherit;cursor:pointer;transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease),border-color var(--blog-transition-fast, .15s) var(--blog-easing, ease),color var(--blog-transition-fast, .15s) var(--blog-easing, ease),box-shadow var(--blog-transition-fast, .15s) var(--blog-easing, ease),background-color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-share-copy:hover,.blog-share-native:hover{transform:translateY(-1px);border-color:var(--blog-accent, currentColor);color:var(--blog-accent, currentColor);box-shadow:0 2px 6px #00000014}.blog-share-copy:focus-visible,.blog-share-native:focus-visible{outline:2px solid var(--blog-accent, currentColor);outline-offset:2px}.blog-share-native{background:var(--blog-accent, currentColor);color:var(--blog-bg, #ffffff);border-color:var(--blog-accent, currentColor)}.blog-share-native:hover{background:color-mix(in srgb,var(--blog-accent, currentColor) 80%,var(--blog-text, currentColor));border-color:transparent;color:var(--blog-bg, #ffffff)}.blog-share-copy[data-copied=true]{background:color-mix(in srgb,var(--blog-tip, currentColor) 15%,var(--blog-bg, #ffffff));color:var(--blog-tip, currentColor);border-color:var(--blog-tip, currentColor);transform:none}.blog-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:1000;pointer-events:none}.blog-progress-bar-fill{width:100%;height:100%;background:var(--blog-accent, currentColor);transform-origin:left center;transform:scaleX(0);transition:transform var(--blog-transition-fast, .12s) var(--blog-easing, ease);will-change:transform}@media(prefers-reduced-motion:reduce){.blog-progress-bar-fill{transition:none}}.blog-copy-button{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;background:var(--blog-code-chrome-bg, rgba(0, 0, 0, .04));color:var(--blog-code-chrome-text-hover, var(--blog-text, currentColor));border:1px solid var(--blog-code-chrome-divider, var(--blog-border, currentColor));border-radius:var(--blog-radius-sm, 4px);cursor:pointer;font:inherit;transition:color var(--blog-transition-fast, .15s) var(--blog-easing, ease),border-color var(--blog-transition-fast, .15s) var(--blog-easing, ease),opacity var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-copy-button:focus-visible{outline:2px solid var(--blog-accent, currentColor);outline-offset:2px}.blog-copy-button[data-state=copied]{color:var(--blog-tip, currentColor);border-color:var(--blog-tip, currentColor)}.blog-copy-button[data-state=error]{color:var(--blog-danger, currentColor);border-color:var(--blog-danger, currentColor)}.blog-control{display:flex;flex-direction:column;gap:var(--blog-space-xs, .25rem);margin-block:var(--blog-space-sm, .5rem);font-family:var(--blog-font-body, inherit);font-size:.875rem;min-width:0}.blog-control-label{display:flex;align-items:center;justify-content:space-between;gap:var(--blog-space-sm, .5rem);color:var(--blog-text, currentColor);font-weight:500;cursor:pointer;line-height:1.3}.blog-control-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.blog-control-value{color:var(--blog-text-muted, currentColor);font-family:var(--blog-font-mono, monospace);font-weight:500;font-size:.8125rem;font-variant-numeric:tabular-nums;background:var(--blog-bg-elevated, rgba(0, 0, 0, .04));border-radius:var(--blog-radius-sm, 4px);padding:.0625rem .375rem;flex-shrink:0}.blog-control-description{margin:0;color:var(--blog-text-muted, currentColor);font-size:.75rem;line-height:1.4}.blog-control-col-span-2{grid-column:span 2}.blog-control-col-span-3{grid-column:span 3}.blog-control-col-span-4{grid-column:span 4}.blog-control-col-span-5{grid-column:span 5}.blog-control-col-span-6{grid-column:span 6}.blog-control-row-span-2{grid-row:span 2}.blog-control-row-span-3{grid-row:span 3}.blog-control-row-span-4{grid-row:span 4}.blog-control-row-span-5{grid-row:span 5}.blog-control-row-span-6{grid-row:span 6}.blog-control input:focus-visible,.blog-control select:focus-visible,.blog-control textarea:focus-visible,.blog-control button:focus-visible,.blog-control [role=slider]:focus-visible,.blog-control [tabindex]:focus-visible{outline:2px solid var(--blog-accent, currentColor);outline-offset:2px}.blog-control-slider input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:1.5rem;margin:0;padding:0;background:transparent;border:none;cursor:pointer}.blog-control-slider input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,var(--blog-accent, currentColor) 0%,var(--blog-accent, currentColor) var(--slider-pct, 0%),var(--blog-border, rgba(0, 0, 0, .12)) var(--slider-pct, 0%),var(--blog-border, rgba(0, 0, 0, .12)) 100%);border-radius:999px;border:none}.blog-control-slider input[type=range]::-moz-range-track{height:6px;background:var(--blog-border, rgba(0, 0, 0, .12));border-radius:999px;border:none}.blog-control-slider input[type=range]::-moz-range-progress{height:6px;background:var(--blog-accent, currentColor);border-radius:999px}.blog-control-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-6px;width:18px;height:18px;background:var(--blog-accent, currentColor);border:2px solid var(--blog-bg, #fff);border-radius:50%;box-shadow:0 1px 3px #0000002e;cursor:grab;-webkit-transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease),box-shadow var(--blog-transition-fast, .15s) var(--blog-easing, ease);transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease),box-shadow var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-control-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--blog-accent, currentColor);border:2px solid var(--blog-bg, #fff);border-radius:50%;box-shadow:0 1px 3px #0000002e;cursor:grab;-moz-transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease),box-shadow var(--blog-transition-fast, .15s) var(--blog-easing, ease);transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease),box-shadow var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-control-slider input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 2px 6px #00000038}.blog-control-slider input[type=range]:hover::-moz-range-thumb{box-shadow:0 2px 6px #00000038}.blog-control-slider input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}.blog-control-slider input[type=range]:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.08)}.blog-control-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:2.25rem;height:1.25rem;margin:0;padding:0;background:var(--blog-border, rgba(0, 0, 0, .18));border:none;border-radius:999px;cursor:pointer;transition:background-color var(--blog-transition-fast, .15s) var(--blog-easing, ease);align-self:flex-start}.blog-control-toggle input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);background:var(--blog-bg, #fff);border-radius:50%;box-shadow:0 1px 2px #00000040;transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-control-toggle input[type=checkbox]:checked{background:var(--blog-accent, currentColor)}.blog-control-toggle input[type=checkbox]:checked:before{transform:translate(1rem)}.blog-control-toggle input[type=checkbox]:hover{background:color-mix(in srgb,var(--blog-border, rgba(0, 0, 0, .18)) 70%,var(--blog-text, currentColor))}.blog-control-toggle input[type=checkbox]:checked:hover{background:color-mix(in srgb,var(--blog-accent, currentColor) 80%,var(--blog-text, currentColor))}.blog-control-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--blog-space-sm, .5rem);width:100%;font:inherit;color:var(--blog-text, currentColor);background:var(--blog-bg, #fff);border:1px solid var(--blog-border, rgba(0, 0, 0, .15));border-radius:var(--blog-radius-sm, 6px);padding:.4rem .625rem;cursor:pointer;text-align:start;transition:border-color var(--blog-transition-fast, .15s) var(--blog-easing, ease),box-shadow var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-control-select-trigger:hover{border-color:color-mix(in srgb,var(--blog-border, rgba(0, 0, 0, .15)) 50%,var(--blog-text, currentColor))}.blog-control-select-trigger:focus-visible{outline:none;border-color:var(--blog-accent, currentColor);box-shadow:0 0 0 3px #0000000f}.blog-control-select-trigger-open{border-color:var(--blog-accent, currentColor);box-shadow:0 0 0 3px #0000000f}.blog-control-select-trigger-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0;font-family:var(--blog-font-mono, monospace);font-size:.875rem}.blog-control-select-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--blog-text-muted, currentColor);flex-shrink:0;transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-control-select-trigger-open .blog-control-select-chevron{transform:rotate(180deg);color:var(--blog-accent, currentColor)}.blog-control-select-listbox{position:fixed;z-index:1000;margin:0;padding:.25rem;list-style:none;background:var(--blog-bg, #fff);border:1px solid var(--blog-border, rgba(0, 0, 0, .15));border-radius:var(--blog-radius-sm, 6px);box-shadow:0 4px 12px #00000014,0 1px 3px #0000000f;max-height:16rem;overflow-y:auto;scroll-behavior:smooth;outline:none;transform-origin:top center;animation:blog-control-select-pop var(--blog-transition-fast, .15s) var(--blog-easing, ease)}@keyframes blog-control-select-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.blog-control-select-option{display:flex;align-items:center;justify-content:space-between;gap:var(--blog-space-sm, .5rem);padding:.4rem .625rem;border-radius:calc(var(--blog-radius-sm, 6px) - 2px);cursor:pointer;font-family:var(--blog-font-mono, monospace);font-size:.875rem;color:var(--blog-text, currentColor);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color 80ms ease}.blog-control-select-option-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-control-select-option-highlighted{background:var(--blog-bg-elevated, rgba(0, 0, 0, .05))}.blog-control-select-option-selected{font-weight:600;color:var(--blog-accent, currentColor)}.blog-control-select-option-selected.blog-control-select-option-highlighted{background:color-mix(in srgb,var(--blog-accent, currentColor) 8%,transparent)}.blog-control-select-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blog-accent, currentColor)}.blog-control-radio-group{display:flex;flex-wrap:wrap;gap:var(--blog-space-sm, .5rem) var(--blog-space-md, 1rem);margin:0;padding:0;border:0}.blog-control-radio-option{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-weight:400;color:var(--blog-text, currentColor)}.blog-control-radio input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;background:var(--blog-bg, #fff);border:1.5px solid var(--blog-border, rgba(0, 0, 0, .25));border-radius:50%;cursor:pointer;position:relative;transition:border-color var(--blog-transition-fast, .15s) var(--blog-easing, ease),box-shadow var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-control-radio input[type=radio]:hover{border-color:color-mix(in srgb,var(--blog-border, rgba(0, 0, 0, .25)) 40%,var(--blog-accent, currentColor))}.blog-control-radio input[type=radio]:checked{border-color:var(--blog-accent, currentColor)}.blog-control-radio input[type=radio]:checked:after{content:"";position:absolute;inset:3px;background:var(--blog-accent, currentColor);border-radius:50%}.blog-control-color-swatch{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:1.5rem;background-color:var(--blog-bg-elevated, rgba(0, 0, 0, .04));border:1px solid var(--blog-border, rgba(0, 0, 0, .15));border-radius:var(--blog-radius-md, 8px);cursor:pointer;overflow:hidden;transition:border-color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-control-color-swatch:hover{border-color:color-mix(in srgb,var(--blog-border, rgba(0, 0, 0, .15)) 30%,var(--blog-text, currentColor))}.blog-control-color-picker{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;opacity:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;z-index:1}.blog-control-color-picker::-webkit-color-swatch-wrapper{padding:0}.blog-control-color-picker::-webkit-color-swatch{border:none}.blog-control-color-picker::-moz-color-swatch{border:none}.blog-control-color-hex{position:relative;z-index:2;box-sizing:content-box;width:9ch;margin:0;padding:.375rem .625rem;background:transparent;border:0;border-radius:var(--blog-radius-sm, 4px);font:inherit;font-family:var(--blog-font-mono, monospace);font-weight:500;font-variant-numeric:tabular-nums;text-align:center;color:inherit;cursor:text;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.blog-control-color-hex::-moz-selection{background-color:#ffffff59}.blog-control-color-hex::selection{background-color:#ffffff59}.blog-control-color-hex:focus-visible{outline:2px solid currentColor;outline-offset:2px}.blog-control-color-swatch[data-tone=dark]{color:#1a1a1a}.blog-control-color-swatch[data-tone=light]{color:#fff}.blog-control-color-swatch[data-tone=light] .blog-control-color-hex::-moz-selection{background-color:#00000040}.blog-control-color-swatch[data-tone=light] .blog-control-color-hex::selection{background-color:#00000040}.blog-control-text input[type=text],.blog-control-numeric input[type=number],.blog-control-textarea textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;font:inherit;font-family:var(--blog-font-mono, monospace);font-size:.875rem;color:var(--blog-text, currentColor);background:var(--blog-bg, #fff);border:1px solid var(--blog-border, rgba(0, 0, 0, .15));border-radius:var(--blog-radius-sm, 6px);padding:.4rem .625rem;transition:border-color var(--blog-transition-fast, .15s) var(--blog-easing, ease),box-shadow var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-control-text input[type=text]:hover,.blog-control-numeric input[type=number]:hover,.blog-control-textarea textarea:hover{border-color:color-mix(in srgb,var(--blog-border, rgba(0, 0, 0, .15)) 50%,var(--blog-text, currentColor))}.blog-control-text input[type=text]:focus-visible,.blog-control-numeric input[type=number]:focus-visible,.blog-control-textarea textarea:focus-visible{outline:none;border-color:var(--blog-accent, currentColor);box-shadow:0 0 0 3px #0000000f}.blog-control-textarea textarea{font-family:var(--blog-font-body, inherit);min-height:5rem;resize:vertical;line-height:1.5}.blog-control-numeric input[type=number]::-webkit-outer-spin-button,.blog-control-numeric input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.blog-control-numeric input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.blog-control-numeric-shell{display:flex;align-items:stretch;width:100%}.blog-control-numeric-shell .blog-control-numeric-step{display:inline-flex;align-items:center;justify-content:center;width:2rem;flex-shrink:0;padding:0;background:var(--blog-bg-elevated, rgba(0, 0, 0, .04));color:var(--blog-text, currentColor);border:1px solid var(--blog-border, rgba(0, 0, 0, .15));cursor:pointer;transition:background-color var(--blog-transition-fast, .15s) var(--blog-easing, ease),color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-control-numeric-shell .blog-control-numeric-step:first-child{border-radius:var(--blog-radius-sm, 6px) 0 0 var(--blog-radius-sm, 6px);border-right:0}.blog-control-numeric-shell .blog-control-numeric-step:last-child{border-radius:0 var(--blog-radius-sm, 6px) var(--blog-radius-sm, 6px) 0;border-left:0}.blog-control-numeric-shell .blog-control-numeric-step:hover:not(:disabled){background:color-mix(in srgb,var(--blog-bg-elevated, rgba(0, 0, 0, .04)) 60%,var(--blog-text, currentColor));color:var(--blog-bg, #fff)}.blog-control-numeric-shell .blog-control-numeric-step:active:not(:disabled){background:var(--blog-accent, currentColor);color:var(--blog-bg, #fff)}.blog-control-numeric-shell .blog-control-numeric-step:disabled{opacity:.4;cursor:not-allowed}.blog-control-numeric-shell input[type=number]{flex:1 1 auto;min-width:0;border-radius:0;text-align:center}.blog-key-capture-button{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:var(--blog-space-xs, .25rem) var(--blog-space-sm, .5rem);background:var(--blog-bg-elevated, rgba(0, 0, 0, .04));color:var(--blog-text, currentColor);border:1px solid var(--blog-border, currentColor);border-bottom-width:2px;border-radius:var(--blog-radius-sm, 4px);font-family:var(--blog-font-mono, monospace);font-size:.8125rem;cursor:pointer;transition:background var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-key-capture-button:hover{background:var(--blog-bg, transparent)}.blog-key-capture-button[data-listening=true]{background:var(--blog-accent-muted, rgba(0, 120, 220, .15));border-color:var(--blog-accent, currentColor);color:var(--blog-accent, currentColor)}.blog-key-capture-placeholder{color:var(--blog-text-muted, currentColor);font-style:italic}.blog-control-xypad{--blog-xy-x: 50%;--blog-xy-y: 50%}.blog-control-xypad{align-items:center}.blog-xypad-surface{position:relative;width:100%;aspect-ratio:1 / 1;max-width:16rem;background:var(--blog-bg-elevated, rgba(0, 0, 0, .04));border:1px solid var(--blog-border, currentColor);border-radius:var(--blog-radius-md, 8px);touch-action:none;cursor:crosshair;overflow:hidden}.blog-xypad-thumb{position:absolute;left:var(--blog-xy-x);top:var(--blog-xy-y);z-index:3;width:1.25rem;height:1.25rem;margin-left:-.625rem;margin-top:-.625rem;background:var(--blog-accent, currentColor);border:2px solid var(--blog-bg, #fff);border-radius:50%;pointer-events:none;box-shadow:var(--blog-shadow-md, 0 4px 12px rgb(0 0 0 / .18));transition:transform 80ms ease-out}.blog-xypad-surface:focus-visible{outline:2px solid var(--blog-accent, currentColor);outline-offset:2px}.blog-xypad-surface:before,.blog-xypad-surface:after{content:"";position:absolute;z-index:1;pointer-events:none}.blog-xypad-surface:before{left:0;right:0;top:var(--blog-xy-y);height:1px;background:repeating-linear-gradient(to right,var(--blog-text-muted, rgba(0, 0, 0, .45)) 0 5px,transparent 5px 9px)}.blog-xypad-surface:after{top:0;bottom:0;left:var(--blog-xy-x);width:1px;background:repeating-linear-gradient(to bottom,var(--blog-text-muted, rgba(0, 0, 0, .45)) 0 5px,transparent 5px 9px)}.blog-xypad-readout{position:absolute;top:.375rem;right:.375rem;z-index:2;padding:.0625rem .375rem;font-family:var(--blog-font-mono, monospace);font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--blog-text, currentColor);background:var(--blog-bg, #fff);border:1px solid var(--blog-border, rgba(0, 0, 0, .12));border-radius:var(--blog-radius-sm, 4px);box-shadow:0 1px 2px #0000000d;pointer-events:none;white-space:nowrap}.blog-playground{--blog-playground-control-cols: 1;--blog-playground-side-width: minmax(16rem, 1fr);position:relative;display:block;margin-block:var(--blog-space-md, 1rem);background:transparent}.blog-playground-body{display:flex;flex-direction:column;min-width:0;border:1px solid var(--blog-border, currentColor);border-radius:var(--blog-radius-md, 8px);overflow:hidden;background:var(--blog-bg, #ffffff)}.blog-playground-slot-middle{display:flex;flex-direction:row;align-items:stretch;min-width:0;min-height:0}.blog-playground-slot-center{flex:1 1 auto;min-width:0;min-height:6rem;background:var(--blog-bg, #ffffff);overflow:hidden;display:flex;flex-direction:column}.blog-playground-slot-left,.blog-playground-slot-right{display:flex;flex-direction:column;flex:0 0 auto;min-width:14rem;max-width:50%;min-height:0}.blog-playground-slot-left{border-inline-end:1px solid var(--blog-border, currentColor)}.blog-playground-slot-right{border-inline-start:1px solid var(--blog-border, currentColor)}.blog-playground-slot-middle:has(.blog-playground-slot-left-code)>.blog-playground-slot-left,.blog-playground-slot-middle:has(.blog-playground-slot-right-code)>.blog-playground-slot-right{flex-grow:var(--blog-playground-code-fraction, .5);flex-shrink:1;flex-basis:0;min-width:0;max-width:none}.blog-playground-slot-middle:has(.blog-playground-slot-left-code)>.blog-playground-slot-center,.blog-playground-slot-middle:has(.blog-playground-slot-right-code)>.blog-playground-slot-center{flex-grow:calc(1 - var(--blog-playground-code-fraction, .5));flex-shrink:1;flex-basis:0;min-width:0}.blog-playground-slot-left-code,.blog-playground-slot-right-code{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.blog-playground-resizer{flex:0 0 1px;align-self:stretch;cursor:ew-resize;background:var(--blog-border, currentColor);position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.blog-playground-resizer:after{content:"";position:absolute;inset-block:0;inset-inline:-6px}.blog-playground-resizer-grip{position:absolute;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border-radius:var(--blog-radius-sm, 4px);background:transparent;z-index:2;transition:background-color var(--blog-transition-fast, .15s) var(--blog-easing, ease);cursor:inherit}.blog-playground-resizer-grip>span{width:4px;height:4px;border-radius:50%;background:#0000004d}.blog-playground-resizer:hover .blog-playground-resizer-grip,.blog-playground-resizer:focus-visible .blog-playground-resizer-grip{background:#00000024}.blog-playground-resizer:focus-visible{outline:2px solid var(--blog-accent, currentColor);outline-offset:-1px}.blog-playground-slot-top,.blog-playground-slot-bottom{display:flex;flex-direction:column}.blog-playground-slot-top{border-block-end:1px solid var(--blog-border, currentColor)}.blog-playground-slot-bottom{border-block-start:1px solid var(--blog-border, currentColor)}.blog-playground-slot-top>*+*,.blog-playground-slot-bottom>*+*,.blog-playground-slot-left>*+*,.blog-playground-slot-right>*+*{border-block-start:1px solid var(--blog-border, currentColor)}@media(max-width:700px){.blog-playground-slot-middle{flex-direction:column}.blog-playground-resizer{display:none}.blog-playground-slot-left,.blog-playground-slot-right{min-width:0;max-width:none;border-inline:none}.blog-playground-slot-left{border-block-end:1px solid var(--blog-border, currentColor)}.blog-playground-slot-right{border-block-start:1px solid var(--blog-border, currentColor)}.blog-playground-slot-middle:has(.blog-playground-slot-left-code)>.blog-playground-slot-left,.blog-playground-slot-middle:has(.blog-playground-slot-right-code)>.blog-playground-slot-right{flex-grow:0;flex-shrink:1;flex-basis:auto;max-width:none}.blog-playground-slot-middle:has(.blog-playground-slot-left-code)>.blog-playground-slot-center,.blog-playground-slot-middle:has(.blog-playground-slot-right-code)>.blog-playground-slot-center{flex-grow:0;flex-basis:auto}.blog-playground-slot-left .blog-playground-code,.blog-playground-slot-right .blog-playground-code{height:auto}.blog-playground-sandpack .sp-layout>.sp-file-explorer{flex-basis:100%;min-width:100%}}.blog-playground-controls{padding:var(--blog-space-md, 1rem);background:var(--blog-bg-elevated, #f6f6f6);display:grid;grid-template-columns:repeat(var(--blog-playground-control-cols, 1),minmax(0,1fr));gap:var(--blog-space-sm, .5rem) var(--blog-space-md, 1rem);align-content:start;min-height:0}.blog-playground-slot-left .blog-playground-controls,.blog-playground-slot-right .blog-playground-controls{flex:1 1 auto}.blog-playground-code{background:var(--blog-code-surface, #0f0f0f);padding:0;min-height:0;display:flex;flex-direction:column;position:relative}.blog-playground-code-copy{position:absolute;top:var(--blog-space-xs, .25rem);inset-inline-end:var(--blog-space-xs, .25rem);z-index:2;opacity:0}.blog-playground-code:hover .blog-playground-code-copy,.blog-playground-code-copy:focus-visible{opacity:1}.blog-playground-slot-left .blog-playground-code,.blog-playground-slot-right .blog-playground-code{flex:1 1 auto;height:100%}.blog-playground-slot-left .blog-playground-code-panel,.blog-playground-slot-right .blog-playground-code-panel{min-height:0}.blog-playground-code-file{margin:0;padding:0;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.blog-playground-code-file+.blog-playground-code-file{border-block-start:1px solid var(--blog-code-chrome-divider, rgba(255, 255, 255, .08))}.blog-playground-code-title{padding:var(--blog-code-chrome-padding, .5rem 1rem);padding-inline-end:2.75rem;background:var(--blog-code-chrome-bg, rgba(255, 255, 255, .04));color:var(--blog-code-chrome-text, rgba(255, 255, 255, .6));font-family:var(--blog-font-mono, monospace);font-size:var(--blog-code-chrome-font-size, .8rem);border-bottom:1px solid var(--blog-code-chrome-divider, rgba(255, 255, 255, .08));flex:0 0 auto}.blog-playground-edit-hint{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.25rem;height:100%;padding-inline:.125rem;color:var(--blog-code-chrome-text, rgba(255, 255, 255, .5));pointer-events:none}.blog-playground-code-tabs{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.blog-playground-code-tablist{display:flex;flex-wrap:nowrap;gap:0;padding-inline-start:var(--blog-space-sm, .5rem);padding-inline-end:2.75rem;background:var(--blog-code-chrome-bg, rgba(255, 255, 255, .04));border-block-end:1px solid var(--blog-code-chrome-divider, rgba(255, 255, 255, .08));overflow-x:auto;overflow-y:hidden;flex:0 0 auto}.blog-playground-code-tab{margin:0;padding:var(--blog-code-chrome-padding, .5rem 1rem);background:transparent;border:none;border-block-end:2px solid transparent;color:var(--blog-code-chrome-text, rgba(255, 255, 255, .6));font-family:var(--blog-font-mono, monospace);font-size:var(--blog-code-chrome-font-size, .8rem);cursor:pointer;flex:0 0 auto;white-space:nowrap;transition:color var(--blog-transition-fast, .15s) var(--blog-easing, ease),border-color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-playground-code-tab:hover{color:var(--blog-code-chrome-text-hover, rgba(255, 255, 255, .85))}.blog-playground-code-tab-active{color:var(--blog-code-chrome-text-active, #ffffff);border-block-end-color:var(--blog-code-chrome-text-active, #ffffff)}.blog-playground-code-tab:focus-visible{outline:2px solid var(--blog-code-chrome-text-active, #ffffff);outline-offset:-2px}.blog-playground-code-panel{min-height:14rem;overflow:auto;flex:1 1 auto;max-height:var(--blog-playground-max-height, 80vh)}.blog-playground-code-body{min-height:100%}.blog-playground-code-body pre{margin:0;padding:var(--blog-space-md, 1rem);overflow-x:auto;font-family:var(--blog-font-mono, monospace);font-size:var(--blog-code-body-font-size, .875rem);line-height:var(--blog-code-body-line-height, 1.6);background:transparent!important}.blog-playground-code-body pre>code{display:grid;width:-moz-fit-content;width:fit-content;min-width:100%}.blog-playground-reset{position:absolute;top:var(--blog-space-xs, .25rem);inset-inline-end:var(--blog-space-xs, .25rem);z-index:2;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--blog-bg-elevated, rgba(255, 255, 255, .9));color:var(--blog-text-muted, currentColor);border:1px solid var(--blog-border, currentColor);border-radius:var(--blog-radius-sm, 4px);cursor:pointer;opacity:0;transition:opacity var(--blog-transition-fast, .15s) var(--blog-easing, ease),color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-playground-reset:hover{color:var(--blog-text, currentColor)}.blog-playground:hover .blog-playground-reset,.blog-playground-reset:focus-visible{opacity:1}.blog-playground-reset:focus-visible{outline:2px solid var(--blog-accent, currentColor);outline-offset:2px}.blog-playground-caption{margin:var(--blog-space-sm, .5rem) 0 0;padding:0;background:transparent;border:0;color:var(--blog-text-muted, currentColor);font-size:.8125rem;line-height:1.5;font-style:italic;text-align:center}.blog-playground-static,.blog-playground-vanilla{display:flex;flex-direction:column;flex:1 1 auto;background:var(--blog-bg, #ffffff);min-height:6rem;overflow:auto}.blog-playground-sandpack{display:flex;flex-direction:column;flex:1 1 auto;min-height:12rem}.blog-playground-sandpack .sp-wrapper,.blog-playground-sandpack .sp-layout{width:100%;flex:1 1 auto;border:0;border-radius:0}.blog-playground-sandpack .sp-preview-container,.blog-playground-sandpack .sp-preview-iframe{background:var(--blog-bg, #ffffff)!important}.blog-playground-sandpack-row{display:flex;flex-direction:row;flex:1 1 0;min-width:0;min-height:0;height:300px}.blog-playground-sandpack-code,.blog-playground-sandpack-preview{display:flex;flex-direction:column;flex-shrink:1;flex-basis:0;min-width:0;min-height:0}.blog-playground-sandpack-code{flex-grow:var(--blog-playground-code-fraction, .5);position:relative}.blog-playground-sandpack-preview{flex-grow:calc(1 - var(--blog-playground-code-fraction, .5))}.blog-playground-sandpack-copy{position:absolute;top:.375rem;inset-inline-end:var(--blog-space-xs, .25rem);z-index:2;opacity:0}.blog-playground-sandpack-code:hover .blog-playground-sandpack-copy,.blog-playground-sandpack-copy:focus-visible{opacity:1}.blog-playground-sandpack .sp-tab-container{outline:none!important}.blog-playground-sandpack .sp-tab-container:has(.sp-tab-button:focus-visible){outline:2px solid var(--blog-accent, currentColor);outline-offset:-2px;border-radius:var(--blog-radius-sm, 4px)}.blog-playground-sandpack .sp-tabs{padding-inline-end:2.75rem;padding-inline-start:1.5rem}.blog-playground-sandpack-edit-hint{position:absolute;top:.625rem;inset-inline-start:.375rem;z-index:2;width:1rem;height:auto;padding-inline:0}.blog-playground-sandpack .sp-tabs-scrollable-container{scrollbar-width:none}.blog-playground-sandpack .sp-tabs-scrollable-container::-webkit-scrollbar{display:none}.blog-playground-sandpack .sp-file-explorer{border-inline-end:1px solid var(--blog-border, currentColor)}.blog-playground-sandpack .sp-tabs{border-block-end:1px solid var(--blog-border, currentColor)}.blog-playground-sandpack .sp-tab-button{border-block-end:2px solid transparent}.blog-playground-sandpack .sp-tab-button[data-active=true]{font-weight:600;border-block-end-color:var(--blog-accent, #111111)}.blog-playground-sandpack .cm-editor.cm-focused,.blog-playground-sandpack .cm-content{outline:none}.blog-playground-sandpack .cm-scroller{overflow-x:hidden}.blog-playground-sandpack .cm-content{min-width:100%}.blog-playground-sandpack-code .sp-stack,.blog-playground-sandpack-code .sp-code-editor,.blog-playground-sandpack-preview .sp-stack,.blog-playground-sandpack-preview .sp-preview-container{flex:1 1 auto;min-height:0;width:100%}@media(max-width:700px){.blog-playground-sandpack-row{flex-direction:column;height:auto}.blog-playground-sandpack-code,.blog-playground-sandpack-preview{flex-grow:0;flex-basis:auto;min-width:0;width:100%}}.blog-playground-sandpack .sp-close-button{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-inline-start:var(--blog-space-xs, .25rem);padding:0;background:transparent;border:0;border-radius:var(--blog-radius-sm, 4px);color:var(--blog-code-chrome-text, currentColor);cursor:pointer;opacity:.6;transition:opacity var(--blog-transition-fast, .15s) var(--blog-easing, ease),background-color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-playground-sandpack .sp-close-button:hover,.blog-playground-sandpack .sp-close-button:focus-visible{opacity:1;background:var(--blog-code-chrome-bg, rgba(0, 0, 0, .06));color:var(--blog-code-chrome-text-hover, currentColor)}.blog-playground-sandpack .sp-close-button svg{width:.7rem;height:.7rem}.blog-playground-sandpack-loading{display:flex;align-items:center;justify-content:center;min-height:12rem;padding:var(--blog-space-md, 1rem);color:var(--blog-text-muted, currentColor);font-family:var(--blog-font-mono, monospace);font-size:.8125rem}.blog-playground-preview-stage{padding:var(--blog-space-md, 1rem)}.blog-playground-live{display:flex;flex-direction:column;flex:0 0 auto}.blog-playground-live-row{display:flex;flex-direction:row;flex:0 0 auto;min-width:0;min-height:0;height:var(--blog-playground-height, 320px)}.blog-playground-live-editor{display:flex;flex-direction:column;flex-grow:var(--blog-playground-code-fraction, .5);flex-shrink:1;flex-basis:0;min-width:0;min-height:0;position:relative;background:var(--blog-code-surface, #0f0f0f)}.blog-playground-live-preview{display:flex;flex-direction:column;flex-grow:calc(1 - var(--blog-playground-code-fraction, .5));flex-shrink:1;flex-basis:0;min-width:0;min-height:0;background:var(--blog-bg, #ffffff)}.blog-playground-live-tablist{display:flex;flex-wrap:nowrap;gap:0;padding-inline-start:var(--blog-space-sm, .5rem);padding-inline-end:2.75rem;background:var(--blog-code-chrome-bg, rgba(255, 255, 255, .04));border-block-end:1px solid var(--blog-code-chrome-divider, rgba(255, 255, 255, .08));overflow-x:auto;overflow-y:hidden;flex:0 0 auto}.blog-playground-live-tab{margin:0;padding:var(--blog-code-chrome-padding, .5rem 1rem);background:transparent;border:none;border-block-end:2px solid transparent;color:var(--blog-code-chrome-text, rgba(255, 255, 255, .6));font-family:var(--blog-font-mono, monospace);font-size:var(--blog-code-chrome-font-size, .8rem);cursor:pointer;flex:0 0 auto;white-space:nowrap;transition:color var(--blog-transition-fast, .15s) var(--blog-easing, ease),border-color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-playground-live-tab:hover{color:var(--blog-code-chrome-text-hover, rgba(255, 255, 255, .85))}.blog-playground-live-tab-active{color:var(--blog-code-chrome-text-active, #ffffff);border-block-end-color:var(--blog-code-chrome-text-active, #ffffff)}.blog-playground-live-tab:focus-visible{outline:2px solid var(--blog-code-chrome-text-active, #ffffff);outline-offset:-2px}.blog-playground-live-panel{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.blog-playground-live-highlight,.blog-playground-live-textarea,.blog-playground-live-highlight pre{font-family:var(--blog-font-mono, monospace);font-size:var(--blog-code-body-font-size, .875rem);line-height:var(--blog-code-body-line-height, 1.6);white-space:pre;-o-tab-size:2;tab-size:2;-moz-tab-size:2;letter-spacing:0}.blog-playground-live-highlight{position:absolute;inset:0;margin:0;pointer-events:none;overflow:hidden}.blog-playground-live-highlight pre{margin:0;padding:var(--blog-space-md, 1rem);background:transparent!important;min-width:100%;width:-moz-max-content;width:max-content}.blog-playground-live-textarea{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:var(--blog-space-md, 1rem);background:transparent;color:transparent;caret-color:var(--blog-text, #111);border:0;outline:none;resize:none}.blog-playground-live-copy{position:absolute;top:var(--blog-space-xs, .25rem);inset-inline-end:var(--blog-space-xs, .25rem);z-index:2;opacity:0}.blog-playground-live-editor:hover .blog-playground-live-copy,.blog-playground-live-copy:focus-visible{opacity:1}.blog-playground-live-iframe{flex:1 1 auto;width:100%;height:100%;border:0;background:var(--blog-bg, #ffffff)}@media(max-width:700px){.blog-playground-live-row{flex-direction:column;height:auto}.blog-playground-live-editor,.blog-playground-live-preview{flex-grow:0;flex-basis:auto;min-width:0;width:100%}.blog-playground-live-editor{min-height:22rem}.blog-playground-live-panel{min-height:18rem}.blog-playground-live-preview,.blog-playground-live-iframe{min-height:14rem}}.blog-playground-error{margin:0;padding:var(--blog-space-sm, .5rem) var(--blog-space-md, 1rem);background:var(--blog-danger-bg, #e3e3e3);color:var(--blog-danger, #000000);border-left:3px solid var(--blog-danger, #000000);font-family:var(--blog-font-mono, monospace);font-size:.8125rem;white-space:pre-wrap;overflow-x:auto}.blog-callout{--callout-bulb-size: 3em;position:relative;display:block;margin-block:calc(var(--callout-bulb-size) * .5 + 1rem) var(--blog-space-md, 1.25rem);margin-inline-start:calc(var(--callout-bulb-size) * .25);margin-inline-end:12px;padding:calc(var(--callout-bulb-size) * .5 + .25rem) var(--blog-space-md, 1rem) var(--blog-space-md, 1rem) calc(var(--callout-bulb-size) * .25 + .25rem);color:var(--blog-text, inherit);background:var(--blog-bg-elevated, #f7f7f7);border-radius:0 var(--blog-radius-md, 8px) var(--blog-radius-md, 8px) calc(var(--blog-radius-md, 8px) * 3);border-inline-start:3px solid var(--blog-border, currentColor);border-block-end:3px solid var(--blog-border, currentColor);min-height:calc(var(--callout-bulb-size) * .75)}.blog-callout-compact{padding:var(--blog-space-sm, .5rem) var(--blog-space-md, 1rem);margin-block:var(--blog-space-md, 1rem);min-height:0;border-block-end-width:0;border-end-start-radius:0}.blog-callout-compact:before,.blog-callout-compact>.blog-callout-bulb{display:none}@media(max-width:700px){.blog-callout{margin-inline-start:0;margin-inline-end:0}}.blog-callout:before{content:"";position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:var(--callout-bulb-size);height:var(--callout-bulb-size);border-radius:50%;background:var(--blog-bg, #ffffff);z-index:1;pointer-events:none}.blog-callout-bulb{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:var(--callout-bulb-size);height:var(--callout-bulb-size);color:var(--blog-border, currentColor);pointer-events:none;z-index:2}.blog-callout-bulb-svg{display:block;width:100%;height:100%;overflow:visible}.blog-callout-bulb-arc,.blog-callout-bulb-icon{stroke:currentColor}.blog-callout-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.15em;line-height:1;color:var(--blog-text, inherit)}.blog-callout-header{margin-block-end:var(--blog-space-xs, .25rem)}.blog-callout .blog-callout-title{margin-block-start:0;margin-block-end:var(--blog-space-sm, .5rem);margin-inline:0;font-weight:600;color:var(--blog-text, inherit);line-height:1.3}.blog-callout-content>:first-child{margin-top:0}.blog-callout-content>:last-child{margin-bottom:0}.blog-callout-note{background:var(--blog-info-bg, #f7f7f7);border-color:var(--blog-info, #333)}.blog-callout-note>.blog-callout-bulb{color:var(--blog-info, #333)}.blog-callout-tip{background:var(--blog-tip-bg, #f7f7f7);border-color:var(--blog-tip, #333)}.blog-callout-tip>.blog-callout-bulb{color:var(--blog-tip, #333)}.blog-callout-warning{background:var(--blog-warning-bg, #f7f7f7);border-color:var(--blog-warning, #333)}.blog-callout-warning>.blog-callout-bulb{color:var(--blog-warning, #333)}.blog-callout-danger{background:var(--blog-danger-bg, #f7f7f7);border-color:var(--blog-danger, #000)}.blog-callout-danger>.blog-callout-bulb{color:var(--blog-danger, #000)}.blog-callout-caveat{background:var(--blog-caveat-bg, #f7f7f7);border-color:var(--blog-caveat, #333)}.blog-callout-caveat>.blog-callout-bulb{color:var(--blog-caveat, #333)}.blog-callout-aside{background:var(--blog-muted-bg, #f7f7f7);border-color:var(--blog-muted, #6b6b6b)}.blog-callout-aside>.blog-callout-bulb{color:var(--blog-muted, #6b6b6b)}.blog-code-block{position:relative;margin-block:var(--blog-space-md, 1rem);border-radius:var(--blog-radius-md, 8px);overflow:hidden;background:var(--blog-code-surface, #0f0f0f);border:1px solid var(--blog-code-surface-border, rgba(255, 255, 255, .08))}.blog-code-block-title{display:block;padding:var(--blog-code-chrome-padding, .5rem 1rem);background:var(--blog-code-chrome-bg, rgba(255, 255, 255, .04));color:var(--blog-code-chrome-text, rgba(255, 255, 255, .6));font-family:var(--blog-font-mono, monospace);font-size:var(--blog-code-chrome-font-size, .8rem);border-bottom:1px solid var(--blog-code-chrome-divider, rgba(255, 255, 255, .08))}.blog-code-block pre{margin:0;padding-block:var(--blog-space-md, 1rem);padding-inline:0;overflow-x:auto;background:transparent!important;font-family:var(--blog-font-mono, monospace);font-size:var(--blog-code-body-font-size, .875rem);line-height:var(--blog-code-body-line-height, 1.6)}.blog-code-block pre>code{display:grid;width:-moz-fit-content;width:fit-content;min-width:100%}.blog-code-block pre .line{display:inline-block;width:100%;padding-inline:var(--blog-space-md, 1rem);border-left:3px solid transparent}.blog-code-block pre .line[data-highlighted-line]{background:var(--blog-accent-muted, rgba(0, 0, 0, .04));border-left-color:var(--blog-accent, currentColor)}.blog-code-block pre [data-highlighted-chars]{background:var(--blog-accent-muted, rgba(0, 0, 0, .08));border-radius:3px;padding:.1em .2em}.blog-code-block pre[data-line-numbers]>code{counter-reset:line}.blog-code-block pre[data-line-numbers] .line{padding-inline-start:var(--blog-space-sm, .5rem)}.blog-code-block pre[data-line-numbers] .line:before{counter-increment:line;content:counter(line);display:inline-block;width:1.75rem;margin-inline-end:var(--blog-space-sm, .5rem);color:var(--blog-text-muted, currentColor);text-align:end;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-code-block pre .line[data-diff]{position:relative}.blog-code-block pre .line[data-diff]:before{position:absolute;inset-inline-start:var(--blog-space-xs, .25rem);font-weight:600;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-code-block pre .line[data-diff=add]{background:var(--blog-tip-bg, rgba(46, 160, 67, .12));border-left-color:var(--blog-tip, rgb(46, 160, 67))}.blog-code-block pre .line[data-diff=add]:before{content:"+";color:var(--blog-tip, rgb(46, 160, 67))}.blog-code-block pre .line[data-diff=remove]{background:var(--blog-danger-bg, rgba(207, 34, 46, .1));border-left-color:var(--blog-danger, rgb(207, 34, 46))}.blog-code-block pre .line[data-diff=remove]:before{content:"-";color:var(--blog-danger, rgb(207, 34, 46))}.blog-code-block-copy{position:absolute;top:var(--blog-space-xs, .25rem);inset-inline-end:var(--blog-space-xs, .25rem);z-index:1;opacity:0}.blog-code-block:hover .blog-code-block-copy,.blog-code-block-copy:focus-visible{opacity:1}details.blog-code-block{padding:0}details.blog-code-block>summary{list-style:none;cursor:pointer;padding:var(--blog-code-chrome-padding, .5rem 1rem);background:var(--blog-code-chrome-bg, rgba(255, 255, 255, .04));color:var(--blog-code-chrome-text, rgba(255, 255, 255, .6));font-family:var(--blog-font-mono, monospace);font-size:var(--blog-code-chrome-font-size, .8rem)}details.blog-code-block>summary::-webkit-details-marker{display:none}details.blog-code-block>summary:before{content:"▸";display:inline-block;margin-inline-end:var(--blog-space-xs, .25rem);transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease)}details.blog-code-block[open]>summary:before{transform:rotate(90deg)}.blog-embed{display:block;margin:var(--blog-space-lg, 1.5rem) 0;padding:0;border-radius:var(--blog-radius-md, 10px);border:1px solid var(--blog-border-1, rgba(255, 255, 255, .08));background:var(--blog-surface-1, rgba(255, 255, 255, .02));overflow:hidden}.blog-embed-host{display:block;width:100%}.blog-embed-error{margin:0;padding:.875rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.45;color:var(--blog-danger-fg, #ff8181);background:var(--blog-danger-bg, rgba(255, 90, 90, .08));border-bottom:1px solid var(--blog-danger-border, rgba(255, 90, 90, .25));white-space:pre-wrap;word-break:break-word}.blog-embed-caption{display:block;margin:0;padding:.625rem 1rem;font-size:.875rem;line-height:1.45;color:var(--blog-fg-2, rgba(255, 255, 255, .65));background:var(--blog-surface-2, rgba(255, 255, 255, .03));border-top:1px solid var(--blog-border-1, rgba(255, 255, 255, .08));text-align:center}.blog-grid{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:var(--grid-gap, var(--blog-space-md, 1rem));margin-block:var(--blog-space-md, 1rem)}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-wide{margin-inline:calc(-1 * var(--blog-space-lg, 2rem));max-width:none;margin-block:var(--blog-space-md, 1rem)}.blog-bleed{margin-inline:min(0px,max(calc(-.5*(100vw - 100%)),calc(-1 * var(--blog-space-xl, 4rem))));max-width:100vw;margin-block:var(--blog-space-md, 1rem)}@media(max-width:700px){.blog-bleed{margin-inline:calc(-2 * var(--blog-space-md, 1rem));max-width:calc(100% + 4 * var(--blog-space-md, 1rem))}}.blog-section{display:block;margin-block:var(--blog-space-lg, 2rem)}.blog-section-eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--blog-section-accent, var(--blog-text-muted, currentColor));margin:0 0 var(--blog-space-xs, .25rem)}.blog-stepper{--blog-step-circle-size: 2.25rem;--blog-step-connector-gap: .4rem;counter-reset:step;list-style:none;padding:0;margin:var(--blog-space-md, 1rem) 0}.blog-step{counter-increment:step;position:relative;padding-inline-start:calc(var(--blog-step-circle-size) + .75rem);min-height:var(--blog-step-circle-size);margin-block:var(--blog-space-md, 1rem)}.blog-step:before{content:counter(step);position:absolute;inset-inline-start:0;top:0;width:var(--blog-step-circle-size);height:var(--blog-step-circle-size);border-radius:50%;background:var(--blog-accent, currentColor);color:var(--blog-text-inverted, #fff);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.blog-step:after{content:"";position:absolute;inset-inline-start:calc(var(--blog-step-circle-size) / 2);top:calc(var(--blog-step-circle-size) + var(--blog-step-connector-gap));bottom:calc(-1 * var(--blog-space-md, 1rem) - var(--blog-step-connector-gap));width:0;transform:translate(-50%);border-inline-start:2px dashed var(--blog-border, currentColor);pointer-events:none}.blog-step:last-child:after{display:none}.blog-step-details{margin:0;padding:0}.blog-step-label{margin:0;min-height:var(--blog-step-circle-size);display:flex;align-items:center;font-weight:600;line-height:1.2}.blog-step-details>.blog-step-label{cursor:pointer;list-style:none}.blog-step-details>.blog-step-label::-webkit-details-marker{display:none}.blog-step-details>.blog-step-label::marker{display:none}.blog-step-details>.blog-step-label:after{content:"▸";display:inline-block;margin-inline-start:auto;color:var(--blog-text-muted, currentColor);transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease),color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-step-details[open]>.blog-step-label:after{transform:rotate(90deg);color:var(--blog-accent, currentColor)}.blog-step-details>.blog-step-body{overflow:hidden;transition:height var(--blog-transition-normal, .22s) var(--blog-easing, ease)}.blog-step-details:not([open])>.blog-step-body{height:0}.blog-step-body>:first-child{margin-top:0}.blog-step-body>:last-child{margin-bottom:0}.blog-details{position:relative;padding:0;border:1px solid var(--blog-border, currentColor);border-radius:var(--blog-radius-md, 8px);margin-block:var(--blog-space-md, 1rem);background:var(--blog-bg-elevated, transparent);overflow:hidden;transition:background-color var(--blog-transition-fast, .15s) var(--blog-easing, ease),filter var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-details:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--blog-border, currentColor);transition:background-color var(--blog-transition-normal, .22s) var(--blog-easing, ease)}.blog-details[open]:before{background:var(--blog-accent, currentColor)}.blog-details:hover{background:var(--blog-bg-elevated, transparent);filter:brightness(.98)}.blog-details-summary{cursor:pointer;font-weight:600;list-style:none;padding:var(--blog-space-sm, .5rem) var(--blog-space-md, 1rem);display:block}.blog-details-summary::-webkit-details-marker{display:none}.blog-details-summary::marker{display:none}.blog-details-summary:before{content:"▸";display:inline-block;margin-inline-end:var(--blog-space-sm, .5rem);color:var(--blog-text-muted, currentColor);transition:transform var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-details[open]>.blog-details-summary:before{transform:rotate(90deg);color:var(--blog-accent, currentColor)}.blog-details-body{overflow:hidden;transition:height var(--blog-transition-normal, .22s) var(--blog-easing, ease)}.blog-details:not([open])>.blog-details-body{height:0}.blog-details-body-inner{padding:0 var(--blog-space-md, 1rem) var(--blog-space-md, 1rem)}.blog-details-body-inner>:first-child{margin-top:0}.blog-details-body-inner>:last-child{margin-bottom:0}.blog-side-by-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--blog-space-lg, 2rem);margin-block:var(--blog-space-md, 1rem)}.blog-side-by-side>.blog-side-by-side-column:first-child{border-inline-end:1px solid var(--blog-border, currentColor);padding-inline-end:var(--blog-space-lg, 2rem)}.blog-side-by-side>.blog-side-by-side-column:first-child+.blog-side-by-side-column{padding-inline-start:0}.blog-side-by-side-column>:first-child{margin-top:0}.blog-side-by-side-column>:last-child{margin-bottom:0}@media(max-width:600px){.blog-side-by-side{grid-template-columns:1fr;gap:var(--blog-space-md, 1rem)}.blog-side-by-side>.blog-side-by-side-column:first-child{border-inline-end:none;padding-inline-end:0;border-block-end:1px solid var(--blog-border, currentColor);padding-block-end:var(--blog-space-md, 1rem)}}.blog-tabs{margin-block:var(--blog-space-md, 1rem)}.blog-tabs-scroll{overflow-x:auto;border-bottom:1px solid var(--blog-border, currentColor);margin-bottom:var(--blog-space-md, 1rem);scrollbar-width:none;-ms-overflow-style:none}.blog-tabs-scroll::-webkit-scrollbar{display:none}.blog-tabs-scroll[data-dragging=true]{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-tabs-scroll[data-dragging=true] .blog-tabs-tab{cursor:grabbing}.blog-tabs-tablist{position:relative;display:flex;flex-wrap:nowrap;min-width:-moz-max-content;min-width:max-content;gap:0;padding:0;list-style:none}.blog-tabs-tablist:after{content:"";position:absolute;left:var(--blog-tabs-indicator-left, 0);width:var(--blog-tabs-indicator-width, 0);bottom:-1px;height:2px;background:var(--blog-accent, currentColor);transition:left var(--blog-transition-normal, .22s) var(--blog-easing, ease),width var(--blog-transition-normal, .22s) var(--blog-easing, ease);pointer-events:none}.blog-tabs-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--blog-space-sm, .5rem) var(--blog-space-md, 1rem);margin-bottom:-1px;color:var(--blog-text-muted, currentColor);font:inherit;font-weight:500;cursor:pointer;transition:color var(--blog-transition-fast, .15s) var(--blog-easing, ease)}.blog-tabs-tab:hover:not([aria-selected=true]){color:var(--blog-text, currentColor)}.blog-tabs-tab:focus-visible{outline:2px solid var(--blog-accent, currentColor);outline-offset:2px;border-radius:var(--blog-radius-sm, 4px)}.blog-tabs-tab[aria-selected=true]{color:var(--blog-accent, currentColor);font-weight:600}.blog-tabs-panel{padding-top:var(--blog-space-sm, .5rem)}.blog-tabs-panel[hidden]{display:none}.blog-tabs-panel>:first-child{margin-top:0}.blog-tabs-panel>:last-child{margin-bottom:0}.blog-compare-slider{--blog-compare-position: 50%;position:relative;display:block;max-width:67%;margin-block:var(--blog-space-md, 1rem);margin-inline:auto;border-radius:var(--blog-radius-md, 8px);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:30rem){.blog-compare-slider{max-width:100%}}.blog-compare-slider-frame{position:relative;width:100%}.blog-compare-slider-img{display:block;width:100%;height:auto;pointer-events:none}.blog-compare-slider .blog-compare-slider-img{margin:0}.blog-compare-slider-after-wrap{position:absolute;inset:0;clip-path:inset(0 0 0 var(--blog-compare-position))}.blog-compare-slider-handle{position:absolute;top:0;bottom:0;left:var(--blog-compare-position);width:2px;margin-inline-start:-1px;background:var(--blog-accent, currentColor);pointer-events:none}.blog-compare-slider-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.25rem;height:2.25rem;border-radius:50%;background:var(--blog-accent, currentColor);box-shadow:var(--blog-shadow-md, 0 4px 12px rgb(0 0 0 / .15))}.blog-compare-slider-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.blog-compare-slider-input:focus-visible+.blog-compare-slider-handle{outline:3px solid var(--blog-accent, currentColor);outline-offset:4px;border-radius:4px}.blog-compare-slider-captions{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:var(--blog-space-sm, .5rem);color:var(--blog-text-inverted, #fff);font-size:.75rem;pointer-events:none}.blog-compare-slider-caption{padding:.25em .5em;background:#0000008c;border-radius:var(--blog-radius-sm, 4px);text-shadow:0 1px 2px rgba(0,0,0,.6)}.blog-figure{margin:var(--blog-space-md, 1rem) 0;display:block}.blog-figure img,.blog-figure video,.blog-figure svg{display:block;max-width:100%;height:auto;border-radius:var(--blog-radius-md, 8px)}.blog-figure-caption{margin-top:var(--blog-space-sm, .5rem);color:var(--blog-text-muted, currentColor);font-size:.875rem;line-height:1.5;text-align:center}.blog-figure-caption code{font-family:var(--blog-font-mono, ui-monospace, Menlo, Consolas, monospace);font-size:.95em;padding:.1em .3em;border-radius:var(--blog-radius-sm, 4px);background:var(--blog-bg-code, rgba(0, 0, 0, .06))}.blog-figure-caption a{color:var(--blog-accent, currentColor);text-decoration:underline;text-decoration-thickness:1px}.blog-figure-align-wide{margin-inline:calc(-1 * var(--blog-space-lg, 2rem));max-width:none}.blog-figure-align-bleed{margin-inline:calc(-.5*(100vw - 100%));max-width:100vw}.blog-svg-embed{display:block;margin-block:var(--blog-space-md, 1rem)}.blog-svg-embed svg{max-width:100%;height:auto}.blog-svg-embed-loading{min-height:2rem;opacity:.5}.blog-svg-embed-error{display:inline-flex;align-items:center;gap:.4em;margin-block:var(--blog-space-md, 1rem);padding:.25em .6em;border:1px dashed var(--blog-border, currentColor);border-radius:var(--blog-radius-sm, 4px);background:transparent;color:var(--blog-text-muted, currentColor);font-size:.8125rem;line-height:1.3}.blog-svg-embed-error:before{content:"⚠";font-size:.95em;color:var(--blog-warning, currentColor)}.blog-video{margin-block:var(--blog-space-md, 1rem);display:block}.blog-video-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--blog-bg-code, rgba(0, 0, 0, .06));border-radius:var(--blog-radius-md, 8px);overflow:hidden}.blog-video-frame>video,.blog-video-frame>iframe,.blog-video-frame>.blog-video-player{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.blog-video-frame>video{-o-object-fit:cover;object-fit:cover}.blog-video-player{position:relative;width:100%;height:100%;background:#000;outline:none}.blog-video-player:focus-visible{box-shadow:0 0 0 3px var(--blog-accent, currentColor)}.blog-video-player-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.blog-video-player-bigplay{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:4rem;height:4rem;border:0;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center;cursor:pointer;opacity:1;transition:background-color .15s ease,transform .15s ease,opacity .2s ease}.blog-video-player.is-playing:not(.is-simple) .blog-video-player-bigplay{display:none}.blog-video-player.is-simple.is-playing .blog-video-player-bigplay{opacity:0;pointer-events:auto}.blog-video-player.is-simple.is-playing:hover .blog-video-player-bigplay,.blog-video-player.is-simple.is-playing:focus-within .blog-video-player-bigplay,.blog-video-player.is-simple.is-playing .blog-video-player-bigplay:focus-visible{opacity:1}.blog-video-player-bigplay:hover,.blog-video-player-bigplay:focus-visible{background:#000000bf;transform:translate(-50%,-50%) scale(1.05)}.blog-video-player-bigplay svg{width:28px;height:28px}.blog-video-player:not(.is-playing) .blog-video-player-bigplay svg{margin-inline-start:3px}.blog-video-player-controls{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(to top,#000000b3,#0000);color:#fff;opacity:0;transform:translateY(.4rem);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.blog-video-player.controls-visible .blog-video-player-controls{opacity:1;transform:translateY(0);pointer-events:auto}.blog-video-player-btn{display:inline-grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:4px;transition:background-color .12s ease}.blog-video-player-btn:hover,.blog-video-player-btn:focus-visible{background:#ffffff2e;outline:none}.blog-video-player-time{font-variant-numeric:tabular-nums;font-size:.8125rem;white-space:nowrap;opacity:.92}.blog-video-player-track{position:relative;flex:1;height:1.5rem;display:grid;align-items:center;cursor:pointer}.blog-video-player-track:before{content:"";position:absolute;inset:.625rem 0;background:#ffffff40;border-radius:999px}.blog-video-player-track-buffered{position:absolute;inset:.625rem auto .625rem 0;width:var(--blog-video-buffered, 0%);background:#ffffff59;border-radius:999px}.blog-video-player-track-progress{position:absolute;inset:.625rem auto .625rem 0;width:var(--blog-video-progress, 0%);background:var(--blog-accent, #fff);border-radius:999px}.blog-video-player-track-progress:after{content:"";position:absolute;right:-.4rem;top:50%;transform:translateY(-50%);width:.8rem;height:.8rem;border-radius:50%;background:var(--blog-accent, #fff);box-shadow:0 0 0 2px #0000004d}.blog-video-player-volume{display:flex;align-items:center;gap:.25rem}.blog-video-player-volbar{position:relative;width:4rem;height:1.5rem;display:grid;align-items:center;cursor:pointer}.blog-video-player-volbar:before{content:"";position:absolute;inset:.625rem 0;background:#ffffff40;border-radius:999px}.blog-video-player-volbar-fill{position:absolute;inset:.625rem auto .625rem 0;width:var(--blog-video-volume, 100%);background:#fff;border-radius:999px}.blog-video-player-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0}.blog-video-player-range:focus-visible{opacity:.001}.blog-video-player.is-fullscreen{border-radius:0}@media(prefers-reduced-motion:reduce){.blog-video-player-controls,.blog-video-player-bigplay{transition:none}}.blog-video-caption{margin-top:var(--blog-space-sm, .5rem);color:var(--blog-text-muted, currentColor);font-size:.875rem;line-height:1.5;text-align:center}.blog-video-caption code{font-family:var(--blog-font-mono, ui-monospace, Menlo, Consolas, monospace);font-size:.95em;padding:.1em .3em;border-radius:var(--blog-radius-sm, 4px);background:var(--blog-bg-code, rgba(0, 0, 0, .06))}.blog-video-caption a{color:var(--blog-accent, currentColor);text-decoration:underline;text-decoration-thickness:1px}.blog-video-error{padding:var(--blog-space-sm, .5rem);margin:0;border:1px dashed var(--blog-danger, currentColor);color:var(--blog-danger, currentColor);font-size:.875rem}.blog-result-eyebrow{display:inline-flex;align-items:center;gap:.45em;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blog-text-muted, currentColor);line-height:1;margin:0 0 .6rem}.blog-outcome-header,.blog-try-it-header,.blog-summary-header{margin:0}.blog-result-eyebrow svg{width:1.1em;height:1.1em;flex-shrink:0}.blog-outcome{position:relative;display:block;padding:.75rem 0 var(--blog-space-md, 1rem);background:transparent;border:none;border-block-end:1px solid var(--blog-border, currentColor);border-radius:0;margin-block:var(--blog-space-lg, 2rem);overflow:hidden}.blog-outcome:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--blog-accent, currentColor),transparent 70%)}.blog-outcome-eyebrow{color:var(--blog-accent, currentColor)}.blog-outcome-content ul,.blog-outcome-content ol{list-style:none;padding-inline-start:0;margin:0}.blog-outcome-content li{position:relative;list-style:none;padding-inline-start:1.5em;margin-block:.4em}.blog-outcome-content li::marker{content:""}.blog-outcome-content li:before{content:"→";position:absolute;inset-inline-start:0;color:var(--blog-accent, currentColor);font-weight:700}.blog-outcome-content>:first-child{margin-top:0}.blog-outcome-content>:last-child{margin-bottom:0}@media(prefers-reduced-motion:no-preference){.blog-outcome-content li{animation:blog-outcome-tick-in .4s ease-out backwards}.blog-outcome-content li:nth-child(1){animation-delay:60ms}.blog-outcome-content li:nth-child(2){animation-delay:.14s}.blog-outcome-content li:nth-child(3){animation-delay:.22s}.blog-outcome-content li:nth-child(4){animation-delay:.3s}.blog-outcome-content li:nth-child(5){animation-delay:.38s}.blog-outcome-content li:nth-child(n+6){animation-delay:.46s}}@keyframes blog-outcome-tick-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}.blog-try-it{display:block;padding:.75rem var(--blog-space-md, 1rem) var(--blog-space-md, 1rem);border-inline-start:4px solid var(--blog-warning, currentColor);border-radius:var(--blog-radius-md, 8px);background:var(--blog-warning-bg, transparent);margin-block:var(--blog-space-md, 1rem)}.blog-try-it-eyebrow{color:var(--blog-warning, currentColor)}.blog-try-it-glyph{display:inline-grid;place-items:center;width:1.3em;height:1.3em;border-radius:50%;background:var(--blog-warning, currentColor);color:var(--blog-bg, #fff)}.blog-try-it-glyph svg{width:.6em;height:.6em}.blog-try-it-content>:first-child{margin-top:0}.blog-try-it-content>:last-child{margin-bottom:0}.blog-summary{position:relative;display:block;padding:.75rem 0 var(--blog-space-md, 1rem);background:transparent;border:none;border-block-end:1px solid var(--blog-border, currentColor);border-radius:0;margin-block:var(--blog-space-lg, 2rem);overflow:hidden}.blog-summary:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent 30%,var(--blog-accent, currentColor))}.blog-summary-eyebrow{color:var(--blog-accent, currentColor)}.blog-summary-content ul,.blog-summary-content ol{list-style:none;padding-inline-start:0;counter-reset:blog-summary-counter;margin:0}.blog-summary-content li{counter-increment:blog-summary-counter;position:relative;list-style:none;padding-inline-start:2.5rem;margin-block:.5em;min-height:1.75rem}.blog-summary-content li::marker{content:""}.blog-summary-content li:before{content:counter(blog-summary-counter);position:absolute;inset-inline-start:0;top:.05em;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--blog-accent, currentColor);color:var(--blog-bg, #fff);font-weight:700;font-size:.875rem;font-variant-numeric:tabular-nums;line-height:1}.blog-summary-content>:first-child{margin-top:0}.blog-summary-content>:last-child{margin-bottom:0}.blog-metric{--blog-metric-size: clamp(2.5rem, 6vw, 3.25rem);display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--blog-bg-elevated, transparent);border:1px solid var(--blog-border-muted, transparent);border-inline-start:4px solid var(--blog-accent, currentColor);border-radius:var(--blog-radius-md, 8px);margin-block:var(--blog-space-sm, .5rem);box-shadow:0 1px 2px #0000000a}.blog-metric-inline{--blog-metric-size: clamp(2rem, 5vw, 2.75rem);display:inline-flex;gap:.75rem;padding:.65rem 1.1rem;margin:var(--blog-space-sm, .5rem) var(--blog-space-sm, .5rem) var(--blog-space-sm, .5rem) 0;border-inline-start-width:3px;vertical-align:top}.blog-metric-art{display:inline-grid;place-items:center;flex-shrink:0;width:var(--blog-metric-size);height:var(--blog-metric-size);color:var(--blog-accent, currentColor);line-height:1}.blog-metric-icon{width:100%;height:100%}.blog-metric-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.blog-metric-glyph{font-size:calc(var(--blog-metric-size) * .7);font-weight:700}.blog-metric-value{font-size:var(--blog-metric-size);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:linear-gradient(135deg,var(--blog-accent, currentColor),color-mix(in oklch,var(--blog-accent, currentColor) 55%,black 45%));-webkit-background-clip:text;background-clip:text;color:transparent}.blog-metric-body{display:flex;flex-direction:column;gap:.1rem;align-items:flex-start;line-height:1.2}.blog-metric-label{font-size:.8125rem;color:var(--blog-text-muted, currentColor);letter-spacing:.02em;white-space:nowrap}.blog-metric-direction{font-size:.95rem;font-weight:700;line-height:1}.blog-metric-direction-up{color:var(--blog-success, #22c55e)}.blog-metric-direction-down{color:var(--blog-danger, #dc2626)}.blog-milestone{display:flex;align-items:center;gap:var(--blog-space-md, 1rem);padding:0;margin-block:var(--blog-space-sm, .5rem)}.blog-milestone-card{position:relative;display:grid;grid-template-rows:auto 1fr;width:3.25rem;flex-shrink:0;background:var(--blog-bg, #fff);border:1px solid var(--blog-border-muted, currentColor);border-radius:var(--blog-radius-sm, 4px);overflow:visible;font-style:normal}.blog-milestone-month{display:block;width:100%;text-align:center;background:var(--blog-accent, currentColor);color:var(--blog-bg, #fff);font-size:.65rem;font-weight:700;letter-spacing:.06em;padding-block:.2rem;line-height:1;border-top-left-radius:inherit;border-top-right-radius:inherit}.blog-milestone-day{display:block;text-align:center;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;padding-block:.45rem .4rem;color:var(--blog-text, currentColor)}.blog-milestone-label{flex:1 1 auto;font-size:.95rem}.blog-milestone:has(+.blog-milestone) .blog-milestone-card:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:var(--blog-space-sm, .5rem);background:var(--blog-accent, currentColor);transform:translate(-50%)}.blog-milestone+.blog-milestone{margin-top:0}.blog-milestone-error{font-style:italic;color:var(--blog-danger, currentColor)}.blog-dropcap{display:inline-block;float:left;font-family:var(--blog-font-heading, inherit);font-size:3.5em;line-height:.85;font-weight:700;color:var(--blog-accent, currentColor);padding-right:var(--blog-space-sm, .5rem);margin-top:.1em;margin-bottom:0}.blog-kbd{display:inline-flex;align-items:baseline;gap:.25em;font-family:var(--blog-font-mono, monospace);white-space:nowrap;vertical-align:baseline}.blog-kbd-key{display:inline-block;font-family:inherit;font-size:.85em;line-height:1;min-width:1.4em;padding:.25em .45em;border:1px solid var(--blog-border, currentColor);border-bottom-width:2.5px;border-radius:var(--blog-radius-sm, 4px);background:var(--blog-bg-elevated, transparent);color:var(--blog-text, inherit);box-shadow:0 1px 0 var(--blog-border, currentColor),inset 0 1px 0 var(--blog-bg, transparent);text-align:center}.blog-kbd-sep{color:var(--blog-text-muted, currentColor);font-size:.85em;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.blog-abbr{position:relative;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-color:var(--blog-text-muted, currentColor);text-decoration-thickness:1px;text-underline-offset:.2em;cursor:help;transition:text-decoration-color var(--blog-transition-fast, .12s) var(--blog-easing, ease)}.blog-abbr:hover,.blog-abbr:focus-visible{text-decoration-style:solid;text-decoration-color:var(--blog-accent, currentColor)}.blog-abbr:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%) translateY(4px);padding:.4em .7em;background:var(--blog-text, #111);color:var(--blog-text-inverted, #fff);font-family:var(--blog-font-body, inherit);font-size:.75rem;font-weight:500;line-height:1.3;letter-spacing:0;text-decoration:none;white-space:nowrap;max-width:min(30ch,80vw);border-radius:var(--blog-radius-sm, 4px);box-shadow:var(--blog-shadow-md, 0 4px 12px rgba(0, 0, 0, .08));pointer-events:none;opacity:0;transition:opacity var(--blog-transition-fast, .15s) var(--blog-easing, ease),transform var(--blog-transition-fast, .15s) var(--blog-easing, ease);z-index:10}.blog-abbr:before{content:"";position:absolute;bottom:calc(100% + .25rem);left:50%;width:8px;height:8px;background:var(--blog-text, #111);transform:translate(-50%) rotate(45deg) translateY(4px);pointer-events:none;opacity:0;transition:opacity var(--blog-transition-fast, .15s) var(--blog-easing, ease),transform var(--blog-transition-fast, .15s) var(--blog-easing, ease);z-index:9}.blog-abbr:hover:after,.blog-abbr:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.blog-abbr:hover:before,.blog-abbr:focus-visible:before{opacity:1;transform:translate(-50%) rotate(45deg) translateY(0)}.blog-mark{background:var(--blog-accent-muted, #ededed);color:inherit;padding:0 .15em;border-radius:var(--blog-radius-sm, 4px)}.blog-pullquote{display:block;position:relative;margin:var(--blog-space-lg, 2rem) 0;padding:var(--blog-space-md, 1rem) 0;background:transparent;border:none;border-radius:0;overflow:visible}.blog-pullquote:before{content:"“";position:absolute;top:-.1em;left:-.1em;font-family:Georgia,Times New Roman,serif;font-size:6em;line-height:1;color:var(--blog-accent, currentColor);opacity:.12;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.blog-pullquote-quote{position:relative;z-index:1;margin:0;padding:0;font-family:var(--blog-font-heading, inherit);font-size:1.35em;line-height:1.4;font-weight:500;font-style:italic;color:var(--blog-text, inherit)}.blog-pullquote-attribution{display:block;position:relative;z-index:1;margin-top:var(--blog-space-md, 1rem);padding:0;text-align:right;font-size:.95em;font-style:normal;color:var(--blog-text-muted, inherit);letter-spacing:.02em}.blog-glossary{display:grid;grid-template-columns:minmax(8em,max-content) 1fr;gap:var(--blog-space-md, 1rem) var(--blog-space-lg, 2rem);margin:var(--blog-space-lg, 2rem) 0;padding:var(--blog-space-md, 1rem) var(--blog-space-lg, 2rem);background:var(--blog-bg-elevated, #f7f7f7);border:none;border-inline-start:3px solid var(--blog-accent, currentColor);border-radius:0 var(--blog-radius-md, 8px) var(--blog-radius-md, 8px) 0}.blog-glossary>p{grid-column:1 / -1;margin:0;color:var(--blog-text, inherit)}.blog-term{display:block;grid-column:1;margin:0;padding:0;font-family:var(--blog-font-mono, monospace);font-weight:700;font-size:.95em;color:var(--blog-accent, inherit);line-height:1.45}.blog-glossary-def{display:block;grid-column:2;margin:0;padding:0;color:var(--blog-text, inherit);line-height:1.55}@media(max-width:600px){.blog-glossary{grid-template-columns:1fr;gap:var(--blog-space-xs, .25rem) 0}.blog-term,.blog-glossary-def{grid-column:1}.blog-term{margin-top:var(--blog-space-sm, .5rem)}.blog-term:first-child{margin-top:0}.blog-glossary-def{margin-bottom:var(--blog-space-sm, .5rem);padding-inline-start:var(--blog-space-md, 1rem)}}.blog-toc{position:sticky;top:var(--blog-toc-sticky-top, var(--blog-space-md, 1rem));align-self:start;height:calc(100vh - var(--blog-toc-sticky-top, var(--blog-space-md, 1rem)) - var(--blog-space-md, 1rem));padding-block:var(--blog-space-md, 1rem);font-size:.8125rem;line-height:1.45;overflow:hidden auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--blog-scrollbar-thumb, rgba(0, 0, 0, .18)) transparent}.blog-toc-side-right{border-left:1px solid var(--blog-border, currentColor);padding-inline-start:var(--blog-space-md, 1rem)}.blog-toc-side-left{border-right:1px solid var(--blog-border, currentColor);padding-inline-end:var(--blog-space-md, 1rem)}.blog-toc::-webkit-scrollbar{width:var(--blog-scrollbar-size, 6px)}.blog-toc::-webkit-scrollbar-track{background:transparent}.blog-toc::-webkit-scrollbar-thumb{background:var(--blog-scrollbar-thumb, rgba(0, 0, 0, .18));border-radius:999px}.blog-toc::-webkit-scrollbar-thumb:hover{background:var(--blog-scrollbar-thumb-hover, rgba(0, 0, 0, .32))}.blog-toc-heading{display:flex;align-items:center;gap:.5rem;margin:0 0 var(--blog-space-md, 1rem);font-size:.6875rem;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:var(--blog-text, currentColor)}.blog-toc-heading:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blog-accent, currentColor);box-shadow:0 0 0 3px color-mix(in srgb,var(--blog-accent, currentColor) 12%,transparent);flex-shrink:0}.blog-toc-list{list-style:none;padding:0;margin:0;position:relative}.blog-toc-list-depth-0{padding-inline-start:0}.blog-toc-list-depth-1{padding-inline-start:.875rem}.blog-toc-list-depth-2{padding-inline-start:.75rem}.blog-toc-list-depth-3,.blog-toc-list-depth-4,.blog-toc-list-depth-5{padding-inline-start:.625rem}.blog-toc-item{margin:0;position:relative}.blog-toc-link{display:block;position:relative;padding:.3rem var(--blog-space-sm, .5rem);margin:1px 0;border-radius:var(--blog-radius-sm, 6px);color:var(--blog-text-muted, currentColor);text-decoration:none;font-weight:400;transition:color var(--blog-transition-fast, .15s) var(--blog-easing, ease),background-color var(--blog-transition-fast, .15s) var(--blog-easing, ease),font-size var(--blog-transition-normal, .22s) var(--blog-easing, ease),transform var(--blog-transition-normal, .22s) var(--blog-easing, ease);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-toc-item-h2>.blog-toc-link{font-weight:500;color:var(--blog-text, currentColor)}.blog-toc-item-h3>.blog-toc-link{font-size:.8125rem;color:var(--blog-text-muted, currentColor)}.blog-toc-item-h4>.blog-toc-link,.blog-toc-item-h5>.blog-toc-link,.blog-toc-item-h6>.blog-toc-link{font-size:.75rem;color:var(--blog-text-muted, currentColor);opacity:.85}.blog-toc-link:hover{color:var(--blog-text, currentColor);background:color-mix(in srgb,var(--blog-accent, currentColor) 6%,transparent)}.blog-toc-link:focus-visible{outline:2px solid var(--blog-accent, currentColor);outline-offset:2px}.blog-toc-item-active>.blog-toc-link{color:var(--blog-accent, currentColor);font-weight:600;background:color-mix(in srgb,var(--blog-accent, currentColor) 10%,transparent);transform:scale(1.04)}.blog-toc-item-active.blog-toc-item-h2>.blog-toc-link{font-size:.9375rem}.blog-toc-item-active.blog-toc-item-h3>.blog-toc-link{font-size:.9rem}.blog-toc-item-active.blog-toc-item-h4>.blog-toc-link,.blog-toc-item-active.blog-toc-item-h5>.blog-toc-link,.blog-toc-item-active.blog-toc-item-h6>.blog-toc-link{font-size:.8125rem}.blog-toc-item-active>.blog-toc-link:before{content:"";position:absolute;inset-block:4px;width:2px;background:var(--blog-accent, currentColor);border-radius:1px;box-shadow:0 0 6px color-mix(in srgb,var(--blog-accent, currentColor) 40%,transparent)}.blog-toc-side-right .blog-toc-item-active>.blog-toc-link{transform-origin:left center}.blog-toc-side-right .blog-toc-item-active>.blog-toc-link:before{inset-inline-start:0}.blog-toc-side-left .blog-toc-item-active>.blog-toc-link{transform-origin:right center}.blog-toc-side-left .blog-toc-item-active>.blog-toc-link:before{inset-inline-end:0}@media(max-width:1100px){.blog-toc{padding:var(--blog-space-sm, .75rem);font-size:.8125rem;height:auto;max-height:calc(100vh - var(--blog-toc-sticky-top, var(--blog-space-md, 1rem)) - var(--blog-space-md, 1rem))}}.blog-layout[data-astro-cid-zm77yjld]{display:grid;gap:var(--blog-space-lg, 2rem);max-width:75rem;width:100%;margin-inline:auto;padding-inline:var(--blog-space-md, 1rem)}.blog-layout-toc-right[data-astro-cid-zm77yjld]{grid-template-columns:minmax(0,1fr) 16rem;grid-template-areas:"content toc"}.blog-layout-toc-left[data-astro-cid-zm77yjld]{grid-template-columns:16rem minmax(0,1fr);grid-template-areas:"toc content"}.blog-layout-no-toc[data-astro-cid-zm77yjld]{grid-template-columns:minmax(0,1fr);grid-template-areas:"content"}.blog-layout-toc-slot[data-astro-cid-zm77yjld]{grid-area:toc}.blog-layout-content[data-astro-cid-zm77yjld]{grid-area:content;min-width:0}@media(max-width:1100px){.blog-layout[data-astro-cid-zm77yjld],.blog-layout-toc-right[data-astro-cid-zm77yjld],.blog-layout-toc-left[data-astro-cid-zm77yjld]{grid-template-columns:1fr;grid-template-areas:"content"}.blog-layout-toc-slot[data-astro-cid-zm77yjld]{display:none}}.blog-pre-cover[data-astro-cid-zm77yjld]{width:100%;max-width:75rem;margin-inline:auto;padding:1.5rem var(--blog-space-md, 1rem) 0}.blog-pre-cover[data-astro-cid-zm77yjld]:empty{display:none}.archived-banner[data-astro-cid-7jjqptxk]{display:block;border-radius:10px;border:1px solid var(--blog-border-1, rgba(255, 200, 100, .25));background:var(--blog-warn-bg, rgba(255, 200, 100, .08));color:var(--blog-warn-fg, #f1c27d);padding:.875rem 1.125rem;font-size:.9375rem;line-height:1.5}.archived-banner[data-astro-cid-7jjqptxk] strong[data-astro-cid-7jjqptxk]{color:var(--blog-warn-fg-strong, #f6a93b);margin-inline-end:.25rem}