@layer blocks{.ink-prose{--bleed:min(var(--measure-wide),100cqi);--block-ok:color-mix(in srgb,var(--spectrum-4) 75%,var(--ink));--block-control-h:32px;--block-pop-shadow:0 8px 24px -12px rgb(0 0 0/0.25);--code-pad-y:var(--space-4);--code-leading:1.75}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}:where(.ink-prose .youxin-article-body-html)>:where(:not(h2,h3,h4))+:where(:not(h2,h3,h4,figure,hr)){margin-top:1.15em}.ink-prose .youxin-article-body-html>:first-child:not(h2,h3,h4){margin-top:0}.ink-prose h3,.ink-prose h4{position:relative}.ink-prose kbd{display:inline-block;padding:0 .4em;border:var(--hairline) solid var(--line-strong);border-bottom-width:2px;background:var(--paper-2);font-family:var(--font-mono);font-size:.8em;line-height:1.6;vertical-align:.08em}.ink-prose p:has(>[data-article-style=caption]){font-family:var(--font-sans);font-size:var(--text-small);line-height:1.7;color:var(--ink-3);text-align:center}.ink-prose iframe{width:100%;max-width:100%;border:0}.ink-prose iframe:is([src*="bilibili.com"],[src*="youtube.com"],[src*="youtube-nocookie.com"]){height:auto;aspect-ratio:16/9;background:var(--paper-3)}.youxin-article-heading-link{position:absolute;left:-1.4em;display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1lh;color:var(--ink-3);background:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast)}.ink-prose a.youxin-article-heading-link:hover{background:none;color:var(--light-text)}.youxin-article-heading-link:focus-visible,:is(h2,h3,h4):hover>.youxin-article-heading-link{opacity:1}.youxin-article-heading-link__icon{display:block;width:.72em;height:.72em}.youxin-article-heading-link__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}.article-interactive .youxin-article-heading-link{display:none}.article-interactive-heading h3>.youxin-article-heading-link{display:inline-flex;left:-1.2em}.youxin-article-external-link-tail{white-space:nowrap}.youxin-article-external-link-icon{display:inline-block;width:.7em;height:.7em;margin-left:.15em;overflow:visible;vertical-align:baseline;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;transform:translateY(.02em)}.youxin-article-external-link-arrow{transition:transform var(--duration-fast) var(--ease-out)}.youxin-article-external-link:hover .youxin-article-external-link-arrow{transform:translate(1.5px,-1.5px)}.ink-prose a:has(>img),.ink-prose a:has(>svg[data-article-inline-svg=true]),.ink-prose a[data-article-media-link]{background:none}.ink-prose a:has(>code) .youxin-article-external-link-icon,.ink-prose a:has(>img) .youxin-article-external-link-icon{display:none}.ink-prose a[data-article-media-link]{display:block}.youxin-article-footnote{display:inline}.youxin-article-footnote-trigger{position:relative;display:inline;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:var(--light);text-decoration-thickness:1px;text-underline-offset:.22em;cursor:help}.youxin-article-footnote[data-note-variant=definition] .youxin-article-footnote-trigger{text-decoration-style:dashed}.youxin-article-footnote[data-note-variant=citation] .youxin-article-footnote-trigger{color:var(--light-text)}.youxin-article-footnote--marker .youxin-article-footnote-trigger{margin-left:.08em;color:var(--light-text);font-family:var(--font-mono);font-size:.68em;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:0;letter-spacing:0;text-decoration:none;vertical-align:super}.youxin-article-footnote--marker .youxin-article-footnote-trigger:hover{color:var(--light)}.youxin-article-footnote-hitarea{position:absolute;inset:-8px;display:block}.youxin-article-footnote-popover{position:absolute;inset:auto;position-area:top center;position-try-fallbacks:flip-block;width:max-content;max-width:min(320px,calc(100vw - 32px));height:max-content;margin:var(--space-2) 0;padding:0;overflow:visible;border:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-small);font-style:normal;font-weight:400;line-height:1.65;letter-spacing:normal;text-align:left;text-emphasis:none;text-indent:0}.youxin-article-footnote-popover:not(:popover-open){display:none}.youxin-article-footnote-popover:popover-open{display:flex;flex-direction:column;animation:ink-footnote-in var(--duration-base) var(--ease-out) both}.youxin-article-footnote-body{display:block;padding:var(--space-3) var(--space-4);border:var(--stroke-sketch) solid var(--ink);border-radius:var(--radius-sketch);background:var(--butter);box-shadow:var(--block-pop-shadow)}.youxin-article-footnote-title{display:block;margin-bottom:var(--space-1);color:var(--ink);font-weight:600}.youxin-article-footnote-text{display:block;color:var(--ink-2);white-space:normal;-webkit-user-select:text;user-select:text}.youxin-article-footnote-source{display:inline-block;margin-top:var(--space-2);color:var(--light-text);background:none;font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.youxin-article-footnote-arrow{display:none}@supports not (anchor-name:--a){.youxin-article-footnote-popover{position:fixed;inset:auto var(--space-4) var(--space-4);width:auto;max-width:min(420px,calc(100vw - 32px));margin:0 auto}}@keyframes ink-footnote-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.youxin-article-source-aside{--callout-beam:var(--ink-3);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-3);align-items:start;margin-block:var(--space-6);padding:var(--space-4) var(--space-5);border:var(--stroke-sketch) dashed var(--line-strong);border-radius:var(--radius-sketch);background:var(--paper-2);box-shadow:inset 4px 0 0 var(--callout-beam);color:var(--ink);font-family:var(--font-serif);font-size:1rem;line-height:1.85;text-align:left}.youxin-article-source-aside[data-variant=warning]{--callout-beam:var(--light);background:var(--butter)}.youxin-article-source-aside[data-variant=success]{--callout-beam:var(--block-ok)}.youxin-article-source-aside[data-variant=error]{--callout-beam:var(--light);border-style:solid;border-color:var(--light);background:var(--light-wash)}.youxin-article-callout-mobile-rail,.youxin-article-callout-rail{display:none}.youxin-article-callout-icon{grid-row:1;grid-column:1;display:flex;align-items:center;height:1lh;color:var(--callout-beam);font-size:var(--text-ui);line-height:var(--leading-ui)}.youxin-article-callout-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.youxin-article-source-aside:not(:has(>.youxin-article-callout-title)) .youxin-article-callout-icon{font-size:1rem;line-height:1.85}.youxin-article-callout-title{grid-column:2;display:block;margin-bottom:var(--space-1);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-ui);font-weight:600;line-height:var(--leading-ui)}.youxin-article-callout-content{grid-column:2;min-width:0;color:var(--ink-2)}.youxin-article-callout-content>*+*{margin-top:.8em}.youxin-article-source-aside .youxin-article-code-block{margin-block:var(--space-3) 0}.youxin-article-source-aside+.youxin-article-source-aside{margin-top:calc(var(--space-3) - var(--space-6))}.youxin-article-code-block{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;margin-block:var(--space-6);border:var(--stroke-sketch) dashed var(--line-strong);border-radius:var(--radius-sketch);background:var(--paper-2);color:var(--ink);text-align:left}.youxin-article-code-block:before{content:attr(data-language);grid-row:1;grid-column:1;align-self:center;justify-self:end;padding-inline:var(--space-3);color:var(--ink-3);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.youxin-article-code-block[data-language=plain]:before{content:"text"}.youxin-article-code-copy{position:relative;grid-row:1;grid-column:2;display:grid;place-items:center;width:36px;height:32px;margin:0;padding:0;border:0;border-left:var(--hairline) dashed var(--line-strong);border-top-right-radius:12px;background:transparent;color:var(--ink-3);transition:background-color var(--duration-fast),color var(--duration-fast)}.youxin-article-code-copy:hover{background:var(--ink-wash);color:var(--ink)}.youxin-article-code-copy[data-copy-state=copied]{color:var(--light-text)}.youxin-article-code-copy__icon{grid-area:1/1;display:block;width:15px;height:15px;transition:opacity var(--duration-fast),transform var(--duration-base) var(--ease-out)}.youxin-article-code-copy__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.youxin-article-code-copy[data-copy-state=copied] .youxin-article-code-copy__icon--copy,.youxin-article-code-copy__icon--check{opacity:0;transform:scale(.6)}.youxin-article-code-copy[data-copy-state=copied] .youxin-article-code-copy__icon--check{opacity:1;transform:none}.youxin-article-code-scroll{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:minmax(max-content,1fr);overflow:auto;border-top:var(--hairline) dashed var(--line-strong);font-family:var(--font-mono);font-size:.8125rem;line-height:var(--code-leading);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.youxin-article-code-block pre{position:relative;z-index:1;grid-area:1/1;min-width:0;margin:0;padding:var(--code-pad-y) var(--space-5);overflow:visible;border:0;background:none;color:var(--ink);font-family:inherit;font-size:inherit;line-height:inherit;tab-size:2;white-space:pre}.youxin-article-code-block code{display:block;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;overflow-wrap:normal}.article-code-highlight-layer{position:relative;z-index:0;grid-area:1/1;display:block;pointer-events:none}.article-code-highlight-layer i{position:absolute;top:calc(var(--code-pad-y) + (var(--article-code-highlight-line) - 1) * var(--code-leading) * 1em);right:0;left:0;display:block;height:calc(var(--code-leading) * 1em);background:var(--light-wash);box-shadow:inset 2px 0 0 var(--light)}.youxin-article-syntax-comment{color:var(--ink-3)}.youxin-article-syntax-string{color:color-mix(in srgb,var(--spectrum-4) 75%,var(--ink))}.youxin-article-syntax-keyword{color:var(--light-text)}.youxin-article-syntax-number{color:color-mix(in srgb,var(--spectrum-5) 80%,var(--ink))}.youxin-article-syntax-property,.youxin-article-syntax-tag{color:var(--ink);font-weight:600}.youxin-article-syntax-selector{color:var(--ink)}.youxin-article-syntax-attribute{color:var(--ink-2)}.youxin-article-syntax-punctuation{color:var(--ink-3)}.article-code-figure{margin-block:var(--space-6)}.article-code-title{width:fit-content;max-width:100%;padding:var(--space-1) var(--space-4);border:var(--stroke-sketch) solid var(--ink);border-bottom:0;border-radius:10px 4px 0 0;background:var(--butter);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);overflow-wrap:anywhere}.article-code-figure .youxin-article-code-block{margin:0}.article-code-title+.youxin-article-code-block{border-top-left-radius:0}.article-data-table-scroll,.youxin-article-table-scroll{max-width:100%;overflow-x:auto;border-top:var(--stroke-sketch) solid var(--ink);border-bottom:var(--stroke-sketch) solid var(--ink);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.article-data-table-scroll>table,.youxin-article-table-scroll>table{display:table;width:100%;min-width:0;max-width:none;overflow:visible;border-top:0;border-bottom:0}.youxin-article-table-scroll :is(th,td)>p{margin:0}.article-data-table-scroll>table{min-width:640px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.article-data-table-scroll thead th{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;letter-spacing:var(--tracking-meta);text-transform:uppercase;vertical-align:bottom}.article-data-table-scroll th small{display:block;margin-top:2px;font-size:.6875rem;font-weight:400;letter-spacing:0;text-transform:none}.article-data-table-scroll [data-align=center]{text-align:center}.article-data-table-scroll [data-align=right]{text-align:right}.article-data-table-group th{padding-top:var(--space-5);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;border-bottom:var(--hairline) solid var(--line-strong)}.article-data-table-emphasis>td{background:var(--light-wash);font-weight:600}.article-data-table-scroll td strong{color:var(--ink);font-weight:600;box-shadow:inset 0 -1px 0 var(--light)}.article-data-table-footnote,.article-data-table-source{margin-top:var(--space-2);color:var(--ink-3);font-family:var(--font-sans);font-size:var(--text-meta);line-height:1.6}.article-data-table-source b{margin-right:var(--space-2);color:var(--ink-2);font-family:var(--font-mono);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase}.youxin-article-media-figure{--media-w:100%;--media-ml:auto;--media-mr:auto;position:relative}.youxin-article-media-figure[data-alignment=left]{--media-ml:0;--media-mr:auto}.youxin-article-media-figure[data-alignment=right]{--media-ml:auto;--media-mr:0}.ink-prose svg[data-article-inline-svg=true]{display:block;max-width:100%;height:auto;margin-inline:auto}.youxin-article-media-figure :is(img,svg[data-article-inline-svg=true]){max-width:min(var(--max-width,100%),100%);height:auto;margin-left:var(--media-ml);margin-right:var(--media-mr);padding:0;background:none}.youxin-article-media-figure svg[data-article-inline-svg=true]{width:100%}:where(.ink-prose) :is(img,svg[data-article-inline-svg=true])[data-article-image-width="30"]{width:30%}:where(.ink-prose) :is(img,svg[data-article-inline-svg=true])[data-article-image-width="40"]{width:40%}:where(.ink-prose) :is(img,svg[data-article-inline-svg=true])[data-article-image-width="50"]{width:50%}:where(.ink-prose) :is(img,svg[data-article-inline-svg=true])[data-article-image-width="60"]{width:60%}:where(.ink-prose) :is(img,svg[data-article-inline-svg=true])[data-article-image-width="70"]{width:70%}:where(.ink-prose) :is(img,svg[data-article-inline-svg=true])[data-article-image-width="80"]{width:80%}:where(.ink-prose) :is(img,svg[data-article-inline-svg=true])[data-article-image-width="90"]{width:90%}.youxin-article-media-figure[data-article-image-width="30"]{--media-w:30%}.youxin-article-media-figure[data-article-image-width="40"]{--media-w:40%}.youxin-article-media-figure[data-article-image-width="50"]{--media-w:50%}.youxin-article-media-figure[data-article-image-width="60"]{--media-w:60%}.youxin-article-media-figure[data-article-image-width="70"]{--media-w:70%}.youxin-article-media-figure[data-article-image-width="80"]{--media-w:80%}.youxin-article-media-figure[data-article-image-width="90"]{--media-w:90%}.youxin-article-media-figure[data-article-image-width] :is(img,svg[data-article-inline-svg=true]){width:var(--media-w);max-width:100%}.youxin-article-media-figure>figcaption{margin-left:var(--media-ml);margin-right:var(--media-mr);text-align:center}.youxin-article-media-figure[data-article-image-width]:not([data-article-image-width="100"],[data-article-image-width="120"],[data-article-image-width="130"],[data-article-image-width="140"])>figcaption{width:max(var(--media-w),min(100%,24em));max-width:100%;margin-left:var(--media-ml);margin-right:var(--media-mr)}.youxin-article-media-figure:is([data-article-image-width="120"],[data-article-image-width="130"],[data-article-image-width="140"])>figcaption{max-width:var(--measure)}.youxin-article-media-video{position:relative;display:block;width:100%;background:var(--paper-2)}.youxin-article-media-video__element{display:block;width:100%;max-width:100%;margin:0;cursor:pointer}.youxin-article-media-toggle{position:absolute;right:var(--space-3);bottom:var(--space-3);z-index:1;display:grid;place-items:center;width:36px;height:36px;padding:0;border:var(--hairline) solid var(--line);background:color-mix(in srgb,var(--paper) 86%,transparent);color:var(--ink);opacity:.72;transition:opacity var(--duration-fast),background-color var(--duration-fast)}.youxin-article-media-toggle:focus-visible,.youxin-article-media-video:hover .youxin-article-media-toggle,.youxin-article-media-video[data-paused=true] .youxin-article-media-toggle{opacity:1}.youxin-article-media-toggle>span{grid-area:1/1;display:block;width:13px;height:13px}.youxin-article-media-toggle svg{width:100%;height:100%;fill:currentColor;stroke:none}.youxin-article-media-video:not([data-paused=true]) .youxin-article-media-toggle__play,.youxin-article-media-video[data-paused=true] .youxin-article-media-toggle__pause{display:none}.article-interactive{position:relative;margin-block:var(--space-7);padding:var(--space-5);border:var(--hairline) solid var(--line);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-ui);line-height:var(--leading-ui);text-align:left}.article-interactive-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5)}.article-interactive-heading:empty{display:none}.article-interactive-heading h3{margin:0;color:var(--ink);font-family:var(--font-serif);font-size:var(--text-h4);font-weight:700;line-height:1.45}.article-interactive-note,.article-interactive>figcaption{margin-top:var(--space-4);color:var(--ink-3);font-family:var(--font-sans);font-size:var(--text-small);line-height:1.7;text-align:left}.article-interactive-note{color:var(--ink-2)}.article-interactive-missing-media{display:grid;min-height:180px;place-items:center;border:var(--stroke-sketch) dashed var(--line-strong);border-radius:var(--radius-sketch);background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-label)}.article-interactive img{display:block;width:100%;max-width:100%;height:auto;margin:0}.article-scientific-figure{padding:var(--space-4) 0 0;border:0;border-top:1px solid var(--ink)}.article-scientific-figure:before{content:attr(data-figure-label);display:block;margin-bottom:var(--space-3);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase}.article-scientific-figure .article-interactive-heading{margin-bottom:var(--space-5)}.article-scientific-figure .article-interactive-heading h3{font-size:var(--text-h3);line-height:1.38}.article-scientific-dek{max-width:var(--measure);margin-top:var(--space-2);color:var(--ink-2);font-size:var(--text-ui);line-height:1.7}.article-scientific-figure>figcaption{max-width:var(--measure);margin-top:var(--space-5);padding-top:var(--space-3);border-top:var(--hairline) solid var(--line)}:is(.article-interactive-control,.article-process-controls button,.article-compare-annotations-toggle,.article-segmented-metric-controls button,.article-playground-refresh){display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--block-control-h);margin:0;padding:0 var(--space-3);border:var(--hairline) solid var(--line-strong);border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);line-height:1.2;white-space:nowrap;transition:background-color var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}:is(.article-interactive-control,.article-process-controls button,.article-compare-annotations-toggle,.article-segmented-metric-controls button,.article-playground-refresh):hover:not(:disabled){border-color:var(--ink-3);background:var(--ink-wash)}:is(.article-interactive-control,.article-compare-annotations-toggle,.article-segmented-metric-controls button)[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 -2px 0 var(--light)}:is(.article-interactive-control,.article-process-controls button,.article-playground-refresh):disabled{color:var(--ink-3);cursor:default;opacity:.45}:is(.article-compare-tabs,.article-playground-code-tabs,.article-playground-mobile-views){display:flex;align-items:stretch;gap:var(--space-1);border-bottom:var(--hairline) solid var(--line)}:is(.article-compare-tab,.article-playground-code-tabs button,.article-playground-mobile-views button){min-height:var(--block-control-h);margin:0 0 -1px;padding:0 var(--space-3);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);transition:background-color var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}:is(.article-compare-tab,.article-playground-code-tabs button,.article-playground-mobile-views button):hover{background:var(--ink-wash);color:var(--ink)}:is(.article-compare-tab,.article-playground-code-tabs button,.article-playground-mobile-views button)[aria-selected=true]{border-bottom-color:var(--light);color:var(--ink)}.article-status-group{margin-block:var(--space-6);font-family:var(--font-sans);text-align:left}.article-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-3) var(--space-5)}.article-status-group[data-layout=stacked] .article-status-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.article-status-card{--status-tone:var(--block-ok);display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-2) 0 var(--space-2) var(--space-4);border-left:2px solid var(--status-tone)}.article-status-card[data-status=info]{--status-tone:var(--ink-3)}.article-status-card[data-status=warning]{--status-tone:var(--light)}.article-status-card[data-status=error]{--status-tone:var(--light);padding-right:var(--space-3);background:var(--light-wash)}.article-status-icon{display:flex;align-items:center;height:1lh;color:var(--status-tone);font-size:var(--text-ui);line-height:1.55}.article-status-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.article-status-card strong{color:var(--ink);font-size:var(--text-ui);font-weight:600;line-height:1.55}.article-semantic-figure{margin-block:var(--space-6)}.article-semantic-figure[data-article-figure-size=custom]{width:var(--article-figure-width,100%);margin-inline:auto}.article-semantic-figure[data-article-figure-size=custom][data-alignment=left]{margin-inline:0 auto}.article-semantic-figure[data-article-figure-size=custom][data-alignment=right]{margin-inline:auto 0}.article-semantic-figure[data-border=true] img{outline:var(--hairline) solid var(--line);outline-offset:-1px}.article-semantic-figure>figcaption{display:flex;flex-direction:column;gap:2px;max-width:var(--measure)}.article-semantic-figure>figcaption small{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.article-disclosure{margin-block:var(--space-6);border-top:var(--hairline) solid var(--line);border-bottom:var(--hairline) solid var(--line)}.article-disclosure>summary{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) 0;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-ui);font-weight:500;list-style:none;cursor:pointer;transition:color var(--duration-fast)}.article-disclosure>summary::-webkit-details-marker{display:none}.article-disclosure>summary:before{content:"+";display:inline-grid;flex:none;place-items:center;width:18px;height:18px;border:var(--hairline) solid var(--line-strong);color:var(--ink-3);font-family:var(--font-mono);font-size:.8125rem;line-height:1;transition:transform var(--duration-base) var(--ease-ink),border-color var(--duration-fast),color var(--duration-fast)}.article-disclosure>summary:hover:before{border-color:var(--ink);color:var(--ink)}.article-disclosure[open]>summary:before{content:"\2212";border-color:var(--light);color:var(--light-text);transform:rotate(180deg)}.article-disclosure summary [data-disclosure-open],.article-disclosure[open] summary [data-disclosure-closed]{display:none}.article-disclosure[open] summary [data-disclosure-open]{display:inline}.article-disclosure-content{padding:var(--space-2) 0 var(--space-5) calc(18px + var(--space-3))}.article-disclosure[open] .article-disclosure-content{animation:ink-block-reveal var(--duration-base) var(--ease-out) both}.article-disclosure-content>*+*{margin-top:1em}@keyframes ink-block-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.article-playground-actions,.article-playground-result-head{display:flex;align-items:center;gap:var(--space-2)}.article-playground-actions{flex-wrap:wrap;justify-content:flex-end}.article-playground-capability{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:var(--space-2) var(--space-3);align-items:baseline;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);border-left:2px solid var(--line-strong);background:var(--paper-2);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.article-playground-capability strong{color:var(--ink);font-weight:500}.article-playground-capability small{font-size:inherit}.article-playground-capability[data-supported=true]{border-left-color:var(--block-ok)}.article-playground-capability[data-supported=true]>span{color:var(--block-ok)}.article-playground-capability[data-supported=false]{border-left-color:var(--light)}.article-playground-capability[data-supported=false] small,.article-playground-capability[data-supported=false]>span{color:var(--light-text)}.article-playground-mobile-views{display:none}.article-playground-split{display:flex;min-height:var(--playground-result-height);overflow:hidden;border:var(--hairline) solid var(--line-strong)}.article-playground-code-pane{display:flex;flex:0 0 calc(var(--playground-code-width) - 5px);flex-direction:column;width:calc(var(--playground-code-width) - 5px);min-width:0;background:var(--paper-2)}.article-playground-code-tabs{min-height:40px;padding-inline:var(--space-2)}.article-playground-editor{flex:1 1 auto;min-height:0}.article-playground-editor textarea{display:block;width:100%;height:calc(var(--playground-result-height) - 72px);min-height:190px;margin:0;padding:var(--space-4);border:0;border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;resize:none;tab-size:2;white-space:pre}.article-playground-editor textarea:focus-visible{outline-offset:-2px;box-shadow:none}.article-playground-status{min-height:30px;padding:var(--space-1) var(--space-3);border-top:var(--hairline) solid var(--line);color:var(--ink-3);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--tracking-meta);line-height:22px}.article-live-playground[data-pending=true] .article-playground-status{color:var(--light-text)}.article-playground-resizer{position:relative;flex:0 0 10px;width:10px;border-inline:var(--hairline) solid var(--line);background:var(--paper);cursor:col-resize;touch-action:none}.article-playground-resizer:after{content:"";position:absolute;top:50%;left:50%;width:1px;height:32px;background:var(--line-strong);transform:translate(-50%,-50%);transition:background-color var(--duration-fast),height var(--duration-fast)}.article-playground-resizer:focus-visible:after,.article-playground-resizer:hover:after{height:48px;background:var(--light)}.article-playground-resizer:focus-visible{outline-offset:-2px}.article-playground-result-pane{flex:1 1 auto;min-width:0;background:var(--paper)}.article-playground-result-head{justify-content:space-between;min-height:40px;padding:0 var(--space-2) 0 var(--space-3);border-bottom:var(--hairline) solid var(--line)}.article-playground-result-head strong{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase}.article-playground-refresh{border-color:transparent}.article-playground-result-pane iframe{display:block;width:100%;height:calc(var(--playground-result-height) - 40px);min-height:178px;border:0;background:transparent}.article-compatibility .article-interactive-heading{align-items:flex-end}.article-compatibility-eyebrow{margin-bottom:var(--space-1);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-label);text-transform:uppercase}.article-compatibility-status{flex:none;padding:var(--space-1) var(--space-2);border:var(--hairline) solid var(--line-strong);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.article-compatibility[data-status=stable] .article-compatibility-status{border-color:var(--block-ok);color:var(--block-ok)}.article-compatibility:is([data-status=partial],[data-status=experimental]) .article-compatibility-status{border-color:var(--light);color:var(--light-text)}.article-compatibility[data-status=deprecated] .article-compatibility-status{color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:1px}.article-compatibility tbody th{color:var(--ink);font-weight:600;white-space:nowrap}.article-compatibility-support{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-meta);white-space:nowrap}.article-compatibility-support i{flex:none;width:8px;height:8px;border:var(--hairline) solid var(--line-strong)}.article-compatibility tr[data-support=yes] .article-compatibility-support i{border-color:var(--block-ok);background:var(--block-ok)}.article-compatibility tr[data-support=partial] .article-compatibility-support i{border-color:var(--light);background:linear-gradient(90deg,var(--light) 50%,transparent 50%)}.article-compatibility tr[data-support=no] .article-compatibility-support i{border-color:var(--light);background:var(--light)}.article-compatibility tr[data-support=no] .article-compatibility-support{color:var(--light-text)}.article-compatibility-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-5);margin-top:var(--space-3);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.article-compatibility-meta:empty{display:none}.article-compatibility-fallback{margin-top:var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--light)}.article-compatibility-fallback strong{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase}.article-compatibility-fallback p{margin-top:var(--space-1);color:var(--ink-2);font-size:var(--text-small);line-height:1.7}.article-state-explorer-controls{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:var(--hairline) solid var(--line)}.article-state-explorer:is([data-layout=grid],[data-layout=matrix]) .article-state-explorer-controls{display:grid;grid-template-columns:repeat(var(--state-explorer-columns,3),minmax(0,1fr));gap:0;border-top:var(--hairline) solid var(--line);border-left:var(--hairline) solid var(--line);border-bottom:0}.article-state-explorer-controls button{min-height:40px;margin:0 0 -1px;padding:var(--space-2) var(--space-3);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);line-height:1.35;text-align:left;transition:background-color var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.article-state-explorer:is([data-layout=grid],[data-layout=matrix]) .article-state-explorer-controls button{margin:0;border-right:var(--hairline) solid var(--line);border-bottom:var(--hairline) solid var(--line);box-shadow:none}.article-state-explorer-controls button small{display:block;margin-top:2px;color:var(--ink-3);font-size:.6875rem}.article-state-explorer-controls button:disabled{cursor:default}.article-state-explorer[data-enhanced=true] .article-state-explorer-controls button:hover{background:var(--ink-wash);color:var(--ink)}.article-state-explorer[data-enhanced=true] .article-state-explorer-controls button[aria-selected=true]{border-bottom-color:var(--light);color:var(--ink)}.article-state-explorer[data-enhanced=true]:is([data-layout=grid],[data-layout=matrix]) .article-state-explorer-controls button[aria-selected=true]{border-bottom-color:var(--line);background:var(--ink-wash);box-shadow:inset 0 -2px 0 var(--light)}.article-state-explorer-panels{display:grid;gap:var(--space-5)}.article-state-explorer-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.72fr);gap:var(--space-4) var(--space-5);align-items:start}.article-state-explorer-panel:not(:has(.article-state-explorer-media)){grid-template-columns:minmax(0,1fr)}.article-state-explorer:not([data-enhanced=true]) .article-state-explorer-panel+.article-state-explorer-panel{padding-top:var(--space-5);border-top:var(--hairline) solid var(--line)}.article-state-explorer-copy h4{margin:0 0 var(--space-2);font-family:var(--font-serif);font-size:1.0625rem;font-weight:700;line-height:1.5}.article-state-explorer-copy p{color:var(--ink-2);font-size:var(--text-small);line-height:1.75}.article-state-explorer-value{display:inline-block;margin-top:var(--space-3)}.article-state-explorer-media img{outline:var(--hairline) solid var(--line);outline-offset:-1px}.article-state-explorer-panel>.youxin-article-code-block{grid-column:1/-1;margin:0}.article-annotated-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr);gap:var(--space-5);align-items:start}.article-annotated-figure[data-layout=stacked] .article-annotated-layout{grid-template-columns:minmax(0,1fr)}.article-annotation-canvas,.article-compare-media,.article-demo-media{position:relative;min-width:0;overflow:hidden;background:var(--paper-2)}.article-annotation-overlay{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;max-width:none;overflow:visible;pointer-events:none}.article-annotation-region{opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.article-annotation-region rect{rx:0;fill:var(--light-wash);stroke:var(--light);stroke-width:1.5}.article-annotation-region text{fill:var(--on-light);font-family:var(--font-mono);font-size:22px;font-weight:600;letter-spacing:.04em;paint-order:stroke;stroke:var(--light);stroke-width:6px;stroke-linejoin:miter}.article-annotated-figure[data-show-all=true] .article-annotation-region,.article-annotation-region.is-active{opacity:1}.article-annotated-figure[data-show-all=true] .article-annotation-region:not(.is-active) rect{fill:transparent}.article-annotation-list{max-height:min(70vh,620px);margin:0;padding:0;overflow:auto;border-top:var(--hairline) solid var(--line-strong);list-style:none;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.article-annotation-item{display:block;margin:0;border-bottom:var(--hairline) solid var(--line)}.article-annotation-item+.article-annotation-item{margin-top:0}.article-annotation-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:var(--space-2);align-items:center;width:100%;min-height:40px;margin:0;padding:var(--space-2) var(--space-1);border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;transition:background-color var(--duration-fast)}.article-annotation-row.is-active,.article-annotation-row:hover{background:var(--ink-wash)}.article-annotation-index{display:inline-grid;place-items:center;width:26px;height:20px;border:var(--hairline) solid var(--line-strong);color:var(--ink-3);font-family:var(--font-mono);font-size:.6875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background-color var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.article-annotation-row.is-active .article-annotation-index{border-color:var(--light);background:var(--light);color:var(--on-light)}.article-annotation-label{min-width:0;font-size:var(--text-small);font-weight:600}.article-annotation-meta{color:var(--ink-3);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--tracking-meta)}.article-annotation-detail,.article-annotation-item>p{margin:0 var(--space-1) var(--space-2) 42px;color:var(--ink-3);font-size:var(--text-meta);line-height:1.6}.article-compare{--compare-head:40px}.article-compare-slider-control{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.article-compare-slider-control input{width:160px;min-height:var(--block-control-h);margin:0;accent-color:var(--light);cursor:ew-resize}.article-compare-tabs{margin-bottom:var(--space-4)}.article-compare-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.article-compare[data-layout=tabs] .article-compare-items{grid-template-columns:minmax(0,1fr)}.article-compare-item{min-width:0}.article-compare-item-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);height:var(--compare-head);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-label);text-transform:uppercase}.article-compare-item-head strong{font-weight:500}.article-compare-annotations-toggle{text-transform:none}.article-compare-item>p{margin-top:var(--space-3);color:var(--ink-3);font-size:var(--text-small);line-height:1.7}.article-compare-item .article-annotation-overlay{opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.article-compare-item[data-annotations-visible=true] .article-annotation-overlay,.article-compare-item[data-annotations-visible=true] .article-annotation-region{opacity:1}.article-compare:is([data-layout=slider],[data-layout=overlay]) .article-compare-items{position:relative;display:block}.article-compare:is([data-layout=slider],[data-layout=overlay]) .article-compare-item:nth-child(2){position:absolute;inset:0;z-index:2}.article-compare:is([data-layout=slider],[data-layout=overlay]) .article-compare-item:nth-child(n+3){display:none}.article-compare[data-layout=slider] .article-compare-item:nth-child(2){clip-path:inset(0 calc(100% - var(--article-compare-position, 50%)) 0 0)}.article-compare[data-layout=slider] .article-compare-item:first-child .article-compare-item-head{justify-content:flex-end}.article-compare[data-layout=slider] .article-compare-item:nth-child(2)>p{display:none}.article-compare[data-layout=slider] .article-compare-items:after{content:"";position:absolute;top:var(--compare-head);bottom:0;left:var(--article-compare-position,50%);z-index:3;width:1px;background:var(--light);box-shadow:0 0 0 3px var(--light-glow);pointer-events:none}.article-compare[data-layout=overlay] .article-compare-item:nth-child(2){background:var(--surface,var(--paper));opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.article-compare[data-layout=overlay][data-overlay-active=true] .article-compare-item:nth-child(2){opacity:1}.article-experiment-reference{display:grid;gap:var(--space-2);max-width:220px;margin:0 auto var(--space-5);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-label);text-align:center;text-transform:uppercase}.article-experiment-grid-scroll{overflow-x:auto;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.article-experiment-cells,.article-experiment-grid-head{display:grid;grid-template-columns:repeat(var(--article-experiment-columns,1),minmax(160px,1fr));gap:var(--space-2);min-width:calc(var(--article-experiment-columns, 1) * 168px)}.article-experiment-grid-head{margin-left:calc(142px + var(--space-2));padding-bottom:var(--space-2)}.article-experiment-column-head{text-align:center}.article-experiment-column-head small,.article-experiment-column-head strong{display:block}.article-experiment-column-head strong{font-size:var(--text-small);font-weight:600}.article-experiment-column-head small{margin-top:2px;color:var(--ink-3);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--tracking-meta)}.article-experiment-row{display:grid;grid-template-columns:142px minmax(0,1fr);gap:var(--space-2);align-items:stretch;padding-block:var(--space-2);border-top:var(--hairline) solid var(--line)}.article-experiment-row>header{padding:var(--space-2) var(--space-2) var(--space-2) 0}.article-experiment-row>header strong{font-size:var(--text-small);font-weight:600}.article-experiment-row>header p{margin-top:var(--space-1);color:var(--ink-3);font-size:var(--text-meta);line-height:1.55}.article-experiment-cell{min-width:0;padding:var(--space-1);border:var(--hairline) solid var(--line)}.article-experiment-cell dl{display:grid;gap:2px;margin-top:var(--space-2);padding-inline:2px}.article-experiment-cell dl div{display:flex;justify-content:space-between;gap:var(--space-2);font-family:var(--font-mono);font-size:.6875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.article-experiment-cell dt{color:var(--ink-3)}.article-experiment-cell dd{margin:0;color:var(--ink)}.article-experiment-cell>small{display:block;margin-top:var(--space-1);padding-inline:2px;color:var(--ink-3);font-size:.6875rem;line-height:1.5}.article-chart-shell{position:relative;padding-top:var(--space-2)}.article-chart-svg{display:block;width:100%;height:auto;overflow:visible}.article-chart-axis{stroke:var(--line-strong);stroke-width:1;vector-effect:non-scaling-stroke}.article-chart-grid{stroke:var(--line);stroke-dasharray:2 4;stroke-width:1;vector-effect:non-scaling-stroke}.article-chart-tick text{fill:var(--ink-3);font-family:var(--font-mono);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.article-chart-axis-title{fill:var(--ink-2);font-family:var(--font-sans);font-size:15px;font-weight:500}.article-chart,.article-chart .tone-accent{--chart-tone:var(--light)}.article-chart .tone-secondary{--chart-tone:var(--spectrum-5)}.article-chart .tone-success{--chart-tone:var(--spectrum-4)}.article-chart .tone-warning{--chart-tone:var(--spectrum-6)}.article-chart .tone-neutral{--chart-tone:var(--ink-3)}.article-chart-line{fill:none;stroke:var(--chart-tone);stroke-width:2;stroke-linejoin:round}.article-chart-point{fill:var(--chart-tone);stroke:var(--paper);stroke-width:1.5;cursor:pointer;transition:stroke var(--duration-fast),stroke-width var(--duration-fast)}.article-chart-point:focus-visible,.article-chart-point:hover{stroke:var(--ink);stroke-width:3}.article-chart-tooltip{position:absolute;z-index:5;max-width:260px;padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-overlay);background:var(--paper-2);box-shadow:var(--block-pop-shadow);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-meta);line-height:1.45;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:normal;pointer-events:none;transform:translate(-50%,-100%)}.article-chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-3)}.article-chart-legend span{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.article-chart-legend i{width:14px;height:2px;background:var(--chart-tone)}.article-chart-equation{width:fit-content;max-width:100%;margin-top:var(--space-4);padding:var(--space-2) var(--space-3);overflow-x:auto;border-left:2px solid var(--light);background:var(--paper-2);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-small)}.article-tradeoff{--tradeoff-columns:minmax(90px,0.55fr) minmax(180px,2fr) minmax(90px,0.55fr)}.article-tradeoff-axis{display:grid;grid-template-columns:var(--tradeoff-columns);gap:var(--space-4);align-items:end;margin-bottom:var(--space-3)}.article-tradeoff-axis>strong{font-size:var(--text-small);font-weight:600;line-height:1.35}.article-tradeoff-axis>strong:last-child{text-align:right}.article-tradeoff-axis>div{display:grid;gap:var(--space-2);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);text-align:center}.article-tradeoff-axis>div i{position:relative;display:block;height:1px;background:var(--line-strong)}.article-tradeoff-axis>div i:after{content:"";position:absolute;top:50%;right:0;width:7px;height:7px;border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);transform:translateY(-50%) rotate(45deg)}.article-tradeoff-rows{border-top:var(--hairline) solid var(--line-strong)}.article-tradeoff-row{display:grid;grid-template-columns:var(--tradeoff-columns);grid-template-areas:"left track right" ". variable .";gap:var(--space-1) var(--space-4);align-items:center;padding:var(--space-4) 0 var(--space-3);border-bottom:var(--hairline) solid var(--line)}.article-tradeoff-value{color:var(--ink);font-size:var(--text-small);font-weight:600}.article-tradeoff-value-left{grid-area:left}.article-tradeoff-value-right{grid-area:right;text-align:right}.article-tradeoff-track{position:relative;grid-area:track;height:16px}.article-tradeoff-track span{position:absolute;top:50%;right:0;left:0;height:1px;background:var(--line-strong)}.article-tradeoff-track i{position:absolute;top:50%;left:50%;width:9px;height:9px;border:1.5px solid var(--paper);background:var(--ink);box-shadow:0 0 0 1px var(--ink);transform:translate(-50%,-50%)}.article-tradeoff-row[data-trend=rises] .article-tradeoff-track i{left:82%}.article-tradeoff-row[data-trend=falls] .article-tradeoff-track i{left:18%}.article-tradeoff-variable{display:flex;flex-wrap:wrap;grid-area:variable;justify-content:center;gap:var(--space-1) var(--space-2);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);line-height:1.4;text-align:center}.article-tradeoff-variable strong{color:var(--ink);font-weight:500}.article-tradeoff-variable small{font-size:inherit}.article-tradeoff-takeaway{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-3);border-top:var(--hairline) solid var(--ink);color:var(--ink);font-family:var(--font-serif);font-size:1rem;line-height:1.75}.article-tradeoff-takeaway span{padding-top:.3em;color:var(--light-text);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;letter-spacing:var(--tracking-label);line-height:1.4;text-transform:uppercase}.article-segmented-metric-controls{display:inline-flex}.article-segmented-metric-controls button+button{margin-left:-1px}.article-segmented-metric-controls button[aria-pressed=true]{position:relative;z-index:1}.article-segmented-metric-list{border-top:var(--hairline) solid var(--line-strong)}.article-segmented-metric-row{display:grid;grid-template-columns:minmax(90px,.42fr) minmax(0,1fr);gap:var(--space-4);align-items:center;padding-block:var(--space-2);border-bottom:var(--hairline) solid var(--line)}.article-segmented-metric-token small,.article-segmented-metric-token strong{display:block}.article-segmented-metric-token strong{font-family:var(--font-mono);font-size:var(--text-small);font-weight:500}.article-segmented-metric-token small{margin-top:2px;color:var(--ink-3);font-size:.6875rem}.article-segmented-metric-bars{display:grid;gap:var(--space-1)}.article-segmented-metric-bar{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:var(--space-2);align-items:center}.article-segmented-metric-bar i{display:block;width:var(--metric-width);min-width:2px;height:6px;background:var(--ink-2);transition:width var(--duration-base) var(--ease-out)}.article-segmented-metric-bar[data-metric-state=secondary] i{background:var(--light)}.article-segmented-metric-bar span{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.article-segmented-metric-bar[data-metric-state=secondary],.article-segmented-metric[data-metric-state=secondary] .article-segmented-metric-bar[data-metric-state=primary]{display:none}.article-segmented-metric[data-metric-state=secondary] .article-segmented-metric-bar[data-metric-state=secondary]{display:grid}.article-process-steps{display:flex;align-items:stretch;gap:var(--space-2)}.article-process:is([data-orientation=vertical],[data-mode=stepper]) .article-process-steps{flex-direction:column}.article-process-step{--step-tone:var(--line-strong);flex:1 1;min-width:0;padding-top:var(--space-3);border-top:1px solid var(--step-tone)}.article-process-step.tone-accent,.article-process-step[data-active=true]{--step-tone:var(--light);border-top-width:2px}.article-process-step.tone-success{--step-tone:var(--block-ok)}.article-process-step.tone-warning{--step-tone:color-mix(in srgb,var(--light) 60%,var(--ink-3))}.article-process-step-index{margin-bottom:var(--space-1);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.article-process-step.tone-accent .article-process-step-index,.article-process-step[data-active=true] .article-process-step-index{color:var(--light-text)}.article-process-step h4{margin:0 0 var(--space-1);font-family:var(--font-serif);font-size:1rem;font-weight:700;line-height:1.5}.article-process-step>p{color:var(--ink-2);font-size:var(--text-small);line-height:1.65}.article-process-media,.article-process-step dl{margin-top:var(--space-3)}.article-process-step dl{display:grid;gap:2px;padding-top:var(--space-2);border-top:var(--hairline) solid var(--line)}.article-process-step dl div{display:flex;justify-content:space-between;gap:var(--space-2);font-family:var(--font-mono);font-size:.6875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.article-process-step dt{color:var(--ink-3)}.article-process-step dd{margin:0}.article-process-arrow{display:grid;flex:0 0 20px;place-items:center;color:var(--ink-3);font-family:var(--font-mono)}.article-process[data-orientation=vertical] .article-process-arrow{height:20px;transform:rotate(90deg)}.article-process-loopback{width:fit-content;margin:var(--space-4) auto 0;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.article-process-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.article-process-controls [data-process-status]{min-width:4em;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.article-process[data-mode=stepper] .article-process-step:not([hidden]){animation:ink-block-reveal var(--duration-base) var(--ease-out) both}.article-embed{padding:0;border:0}.article-embed-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:var(--stroke-sketch) dashed var(--line-strong);border-radius:var(--radius-sketch);background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}.article-embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0}.article-demo-picker-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:thin}.article-demo-picker{flex:none;width:72px;aspect-ratio:4/3;margin:0;padding:2px;overflow:hidden;border:var(--hairline) solid var(--line);background:var(--paper-2);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);opacity:.6;transition:opacity var(--duration-fast),border-color var(--duration-fast)}.article-demo-picker:hover{opacity:1}.article-demo-picker[aria-pressed=true]{border-color:var(--light);box-shadow:inset 0 -2px 0 var(--light);opacity:1}.article-demo-picker img{width:100%;height:100%;object-fit:cover}.article-demo-stage-bar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);overflow-x:auto;border-bottom:var(--hairline) solid var(--line);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);white-space:nowrap;scrollbar-width:none}.article-demo-stage-bar span{margin-bottom:-1px;padding:var(--space-2) var(--space-1);border-bottom:2px solid transparent;transition:color var(--duration-fast),border-color var(--duration-fast)}.article-demo-stage-bar b{color:var(--line-strong);font-weight:400}.article-demo-stage-bar span.is-done{color:var(--ink-2)}.article-demo-stage-bar span.is-active{border-bottom-color:var(--light);color:var(--ink)}.article-demo-sample{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:var(--space-5);align-items:start}.article-demo-stream{display:grid;gap:var(--space-4)}.article-demo-stream>section{padding-bottom:var(--space-4);border-bottom:var(--hairline) solid var(--line)}.article-demo-label,.article-demo-result-label{color:var(--ink-3);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.article-demo-label{margin-bottom:var(--space-2)}.article-demo-prompt{color:var(--ink);font-family:var(--font-serif);font-size:1.0625rem;font-weight:600;line-height:1.65}.article-demo-thinking{display:grid;gap:var(--space-1);max-height:168px;overflow-y:auto;scrollbar-width:thin}.article-demo-thinking p{padding-left:var(--space-3);border-left:var(--hairline) solid var(--line-strong);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-meta);line-height:1.6}.article-demo-sequence[data-enhanced=true] .article-demo-thinking p{opacity:0;transform:translateY(4px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.article-demo-sequence[data-enhanced=true] .article-demo-thinking p.is-visible{opacity:1;transform:none}.article-demo-json{max-height:240px;margin:0;padding:var(--space-3) var(--space-4);overflow:auto;border:var(--hairline) solid var(--line);background:var(--paper-2);color:var(--ink);font-size:var(--text-meta);line-height:1.6;white-space:pre-wrap}.article-demo-result-label{margin-top:var(--space-2);text-align:center}.article-demo-media .article-annotation-overlay{opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.article-demo-media:hover .article-annotation-overlay,.article-demo-media:hover .article-annotation-region{opacity:1}.ink-prose :is(h2,h3,h4)+:is(.article-interactive,.article-semantic-figure,.article-status-group,.article-disclosure,.article-code-figure,.youxin-article-code-block,.youxin-article-source-aside){margin-top:var(--space-4)}:is(.ink-prose,.ink-prose .youxin-article-body-html)>:is(.article-scientific-figure,.article-live-playground,.article-demo-sequence,.article-process,.article-state-explorer,.article-compatibility,.article-semantic-figure[data-article-figure-size=wide],.article-semantic-figure[data-article-figure-size=full]){--fig-w:var(--bleed)}:is(.ink-prose,.ink-prose .youxin-article-body-html)>.article-semantic-figure[data-article-figure-size=medium]{--fig-w:calc((100% + var(--bleed)) / 2)}:is(.ink-prose,.ink-prose .youxin-article-body-html)>.youxin-article-media-figure[data-article-image-width="120"]{--fig-w:min(120%,var(--bleed))}:is(.ink-prose,.ink-prose .youxin-article-body-html)>.youxin-article-media-figure[data-article-image-width="130"]{--fig-w:min(130%,var(--bleed))}:is(.ink-prose,.ink-prose .youxin-article-body-html)>.youxin-article-media-figure[data-article-image-width="140"]{--fig-w:var(--bleed)}:is(.ink-prose,.ink-prose .youxin-article-body-html)>:is(.article-scientific-figure,.article-live-playground,.article-demo-sequence,.article-process,.article-state-explorer,.article-compatibility,.article-semantic-figure:is([data-article-figure-size=medium],[data-article-figure-size=wide],[data-article-figure-size=full]),.youxin-article-media-figure:is([data-article-image-width="120"],[data-article-image-width="130"],[data-article-image-width="140"])){width:var(--fig-w);max-width:none;margin-left:calc((100% - var(--fig-w)) / 2);margin-right:calc((100% - var(--fig-w)) / 2)}:root:not([data-reading-theme]) :is(.youxin-article-code-copy,.youxin-article-media-toggle,.article-interactive-control,.article-process-controls,.article-compare-slider-control,.article-compare-tabs,.article-compare-annotations-toggle,.article-segmented-metric-controls,.article-demo-picker-row,.article-demo-stage-bar){display:none}:root:not([data-reading-theme]) .article-process[data-mode=stepper] .article-process-step[hidden]{display:block}:root:not([data-reading-theme]) .article-demo-sample[hidden]{display:grid}:root:not([data-reading-theme]) .article-demo-sample+.article-demo-sample{margin-top:var(--space-5);padding-top:var(--space-5);border-top:var(--hairline) solid var(--line)}:root:not([data-reading-theme]) .article-annotation-region,:root:not([data-reading-theme]) .article-compare-item .article-annotation-overlay{opacity:1}:root:not([data-reading-theme]) .article-segmented-metric-bar[data-metric-state=secondary]{display:grid}:root:not([data-reading-theme]) .article-compare:is([data-layout=slider],[data-layout=overlay]) .article-compare-items{display:grid}:root:not([data-reading-theme]) .article-compare:is([data-layout=slider],[data-layout=overlay]) .article-compare-item:nth-child(2){position:static;clip-path:none;opacity:1}:root:not([data-reading-theme]) .article-compare[data-layout=slider] .article-compare-items:after{display:none}.article-live-playground:not([data-enhanced=true]) :is(.article-playground-actions,.article-playground-resizer,.article-playground-refresh,.article-playground-mobile-views){display:none}.ink-prose :is(.article-compare-item,.article-process-step,.article-demo-sample,.article-state-explorer-panel,.article-playground-editor,.article-playground-code-pane,.article-playground-result-pane,.article-chart-tooltip,[data-demo-stage-content])[hidden]{display:none}@media (max-width:759.98px){.ink-prose{--bleed:100%}.article-interactive-heading h3>.youxin-article-heading-link,.youxin-article-heading-link{display:none}.article-annotated-layout,.article-demo-sample,.article-state-explorer-panel{grid-template-columns:minmax(0,1fr)}.article-annotation-list{max-height:360px}.article-compare-items{grid-template-columns:minmax(0,1fr)}.article-process-steps{flex-direction:column}.article-process-arrow{height:20px;transform:rotate(90deg)}.article-state-explorer:is([data-layout=grid],[data-layout=matrix]) .article-state-explorer-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.article-playground-capability{grid-template-columns:auto minmax(0,1fr)}.article-playground-capability small{grid-column:1/-1}.article-live-playground[data-enhanced=true] .article-playground-mobile-views{display:flex;margin-bottom:var(--space-3)}.article-playground-mobile-views button{flex:1 1 50%}.article-playground-split{display:block;min-height:0}.article-playground-code-pane,.article-playground-result-pane{width:100%}.article-playground-code-pane{min-height:var(--playground-result-height)}.article-live-playground[data-enhanced=true][data-view=code] .article-playground-result-pane,.article-live-playground[data-enhanced=true][data-view=result] .article-playground-code-pane,.article-playground-resizer{display:none}.article-live-playground:not([data-enhanced=true]) .article-playground-result-pane{border-top:var(--hairline) solid var(--line-strong)}.article-experiment-grid-head{margin-left:calc(102px + var(--space-2))}.article-experiment-row{grid-template-columns:102px minmax(0,1fr)}.article-chart-tick text{font-size:26px}.article-chart-axis-title{font-size:28px}}@media (max-width:639.98px){.ink-prose{--block-control-h:40px}.article-interactive{margin-block:var(--space-6)}.article-interactive:not(.article-scientific-figure,.article-embed){padding:var(--space-4)}.article-interactive-heading{flex-direction:column;align-items:flex-start}.article-compatibility .article-interactive-heading{align-items:flex-start}.youxin-article-source-aside{padding-left:var(--space-4)}.youxin-article-code-block pre{padding-inline:var(--space-4)}.youxin-article-code-copy{width:44px;height:40px}.article-tradeoff{--tradeoff-columns:minmax(62px,0.55fr) minmax(110px,1.5fr) minmax(62px,0.55fr)}.article-tradeoff-axis,.article-tradeoff-row{column-gap:var(--space-2)}.article-tradeoff-axis>strong,.article-tradeoff-value{font-size:var(--text-meta)}.article-tradeoff-takeaway{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.article-segmented-metric-row{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.article-annotation-row,.article-compare-tab,.article-playground-code-tabs button,.article-playground-mobile-views button,.article-state-explorer-controls button{min-height:44px}.article-compare-slider-control{width:100%}.article-compare-slider-control input{flex:1 1 auto;width:auto}.article-disclosure-content{padding-left:0}}:root[data-motion=still] .ink-prose :is(.youxin-article-heading-link,.youxin-article-external-link-arrow,.youxin-article-code-copy__icon,.youxin-article-media-toggle,.article-annotation-region,.article-annotation-overlay,.article-compare-item,.article-segmented-metric-bar i,.article-demo-thinking p){transition:none}:root[data-motion=still] .ink-prose .article-disclosure>summary:before,:root[data-motion=still] .ink-prose .article-playground-resizer:after{transition:none}@media (prefers-reduced-motion:reduce){.article-demo-sequence[data-enhanced=true] .article-demo-thinking p{transform:none}}@media print{.ink-prose{--bleed:100%;--paper:#fff;--paper-2:#fff;--paper-3:#fff;--butter:#fff;--tape:transparent;--ink:#000;--ink-2:#000;--ink-3:#444;--line:#bbb;--line-strong:#888;--light-wash:transparent;--ink-wash:transparent;--light-glow:transparent;--block-pop-shadow:none}.ink-prose :is(.youxin-article-heading-link,.youxin-article-code-copy,.youxin-article-media-toggle,.youxin-article-footnote-popover,.article-interactive-control,.article-process-controls,.article-compare-slider-control,.article-compare-tabs,.article-compare-annotations-toggle,.article-segmented-metric-controls,.article-state-explorer-controls,.article-demo-picker-row,.article-demo-stage-bar,.article-playground-actions,.article-playground-mobile-views,.article-playground-code-tabs,.article-playground-resizer,.article-playground-result-pane,.article-playground-capability,.article-chart-tooltip,.article-code-highlight-layer){display:none}.ink-prose :is(.article-interactive,.article-semantic-figure,.article-status-group,.article-code-figure,.youxin-article-code-block,.youxin-article-source-aside,.youxin-article-media-figure){page-break-inside:avoid;break-inside:avoid}.ink-prose .article-interactive{margin-block:var(--space-5)}.ink-prose .article-annotation-list,.ink-prose .article-data-table-scroll,.ink-prose .article-demo-json,.ink-prose .article-demo-thinking,.ink-prose .article-experiment-grid-scroll,.ink-prose .youxin-article-code-scroll,.ink-prose .youxin-article-table-scroll{max-height:none;overflow:visible}.ink-prose .youxin-article-code-block pre{white-space:pre-wrap}.ink-prose .article-data-table-scroll>table{min-width:0}.ink-prose .article-state-explorer-panel[hidden]{display:grid}.ink-prose .article-compare-item[hidden],.ink-prose .article-process-step[hidden],.ink-prose [data-demo-stage-content][hidden]{display:block}.ink-prose .article-demo-sample[hidden]{display:grid}.ink-prose .article-playground-code-pane,.ink-prose .article-playground-split{display:block;width:100%;min-height:0}.ink-prose .article-playground-code-pane[hidden],.ink-prose .article-playground-editor[hidden]{display:block}.ink-prose .article-playground-editor textarea{height:auto;min-height:0;overflow:visible;field-sizing:content;white-space:pre-wrap}.ink-prose .article-segmented-metric-bar[data-metric-state=secondary]{display:grid}.ink-prose .article-annotation-region,.ink-prose .article-compare-item .article-annotation-overlay,.ink-prose .article-demo-media .article-annotation-overlay,.ink-prose .article-demo-sequence[data-enhanced=true] .article-demo-thinking p{opacity:1;transform:none}.ink-prose .article-compare:is([data-layout=slider],[data-layout=overlay]) .article-compare-items{display:grid}.ink-prose .article-compare:is([data-layout=slider],[data-layout=overlay]) .article-compare-item:nth-child(2){position:static;clip-path:none;opacity:1}.ink-prose .article-compare[data-layout=slider] .article-compare-items:after{display:none}.ink-prose .article-status-card[data-status=error],.ink-prose .youxin-article-source-aside[data-variant=error]{background:none}}}@layer reset, tokens, base, prose, blocks;