.wiki-article .component-comparison{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0;text-align:left}.component-example{min-width:0}.wiki-article .component-example h3{font-size:19px;margin:0 0 14px}.wiki-article .component-example p{font-size:13px;line-height:1.65;margin:12px 0 0}.component-sketch{display:flex;gap:9px;height:170px;padding:12px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;overflow:hidden}.sketch-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.sketch-column i{display:block;flex-shrink:0;border-radius:4px;background:color-mix(in srgb,var(--viz-series-1) 30%,var(--background));border:1px solid color-mix(in srgb,var(--viz-series-1) 55%,var(--background));box-sizing:border-box}.sketch-waterflow i{background:color-mix(in srgb,var(--viz-series-2) 25%,var(--background));border-color:color-mix(in srgb,var(--viz-series-2) 60%,var(--background))}.sketch-scroll{padding-right:21px;position:relative}.sketch-scroll:after{content:"";position:absolute;right:6px;top:22px;width:4px;height:58px;border-radius:3px;background:var(--muted-foreground)}.wiki-article .component-comparison figcaption{grid-column:1/-1;text-align:left;margin:0}#wf-window-contrast{color:var(--foreground)}#wf-window-contrast .wf-controls{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:14px}#wf-window-contrast .wf-progress{flex:1 1 150px;max-width:290px}#wf-window-contrast .wf-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:20px}#wf-window-contrast .wf-pair section{min-width:0}#wf-window-contrast h3{margin:0 0 4px}#wf-window-contrast .wf-mode{min-height:2em}#wf-window-contrast .wf-diagram{width:100%;display:block}#wf-window-contrast .wf-diagram text{fill:var(--foreground);font-family:inherit;font-size:var(--font-size-small)}#wf-window-contrast .wf-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:8px}#wf-window-contrast .wf-legend span{display:inline-flex;align-items:center;gap:6px}#wf-window-contrast .wf-legend i{width:14px;height:12px;display:inline-block}#wf-window-contrast .wf-window{border:2px solid var(--viz-series-1)}#wf-window-contrast .wf-record{border:1px dashed var(--muted-foreground)}#wf-window-contrast .wf-card{background:var(--viz-series-2);opacity:.5}#wf-window-contrast .wf-new{background:var(--viz-series-1);opacity:.5}#wf-window-contrast .wf-detail{margin-top:12px}@media(max-width:700px){#wf-window-contrast .wf-pair{grid-template-columns:1fr;gap:24px}}.swa .swa-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}.swa .swa-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;font-size:13px;color:var(--muted-foreground)}.swa .swa-nav input{flex:1;min-width:160px;max-width:320px}.swa .swa-stage{position:relative;max-width:560px;height:380px;margin:0 auto;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--background)}.swa .swa-content{position:absolute;left:0;top:0;width:100%;height:100%;transition:transform .55s ease}.swa .swa-card{position:absolute;box-sizing:border-box;border-radius:6px;border:1px solid #728297;background:#dce2ea;color:#243143;font-size:12px;display:flex;align-items:center;justify-content:center;transition:top .55s ease,left .55s ease,opacity .35s ease,background-color .35s ease,border-color .35s ease}.swa .swa-card.is-new{background:#f6e3d3;border-color:#d77b32}.swa .swa-card.is-aligned{background:#dbe8f8;border-color:#176dd1}.swa .swa-card.is-hidden{opacity:0}.swa .swa-viewport{position:absolute;left:8px;right:8px;top:40px;height:260px;border:2px dashed #176dd1;border-radius:6px;box-sizing:border-box;pointer-events:none}.swa .swa-viewport span{position:absolute;left:8px;top:-20px;font-size:11px;color:#176dd1}.swa .swa-gap{position:absolute;box-sizing:border-box;border:1px dashed #c8433b;background:#fbe9e7;border-radius:4px;color:#c8433b;font-size:11px;display:flex;align-items:center;justify-content:center;transition:opacity .35s ease}.swa .swa-gap.is-hidden{opacity:0}.swa .swa-desc{margin:12px 0 0;font-size:14px;line-height:1.7;color:var(--foreground);max-width:560px;margin-left:auto;margin-right:auto}.ssd .ssd-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}.ssd .ssd-help{font-size:13px;color:var(--muted-foreground);margin:0 0 14px}.ssd .ssd-steps{display:flex;gap:8px;flex-wrap:wrap;max-width:560px;margin:0 auto 12px;font-size:12px;color:var(--muted-foreground)}.ssd .ssd-steps span{padding:5px 10px;border:1px solid var(--border);border-radius:6px}.ssd .ssd-steps [aria-current=step]{font-weight:600}.ssd .ssd-stage{position:relative;max-width:560px;height:300px;margin:0 auto;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--background)}.ssd .ssd-content{position:absolute;left:0;top:0;width:100%;height:100%}.ssd .ssd-card{position:absolute;box-sizing:border-box;border-radius:6px;border:1px solid #728297;background:#dce2ea;color:#243143;font-size:13px;display:flex;align-items:center;justify-content:center}.ssd .ssd-card.is-target{background:#dbe8f8;border:2px solid #176dd1;font-weight:600}.ssd .ssd-viewport{position:absolute;left:8px;right:8px;top:20px;height:260px;border:2px dashed #176dd1;border-radius:6px;box-sizing:border-box;pointer-events:none}.ssd .ssd-viewport span{position:absolute;left:8px;top:-19px;font-size:11px;color:#176dd1;background:var(--background);padding:0 4px}.ssd .ssd-line{position:absolute;left:0;right:0;height:0;border-top:2px solid #a75517;pointer-events:none}.ssd .ssd-line span{position:absolute;right:10px;top:-19px;font-size:11px;color:#a75517;background:var(--background);padding:0 4px}.ssd .ssd-desc{margin:12px auto 0;font-size:14px;line-height:1.7;min-height:4em;color:var(--foreground);max-width:560px}.report-page{--foreground:var(--ink);--background:var(--paper);--border:var(--line);--muted-foreground:var(--muted);--plot-muted:color-mix(in srgb, var(--ink) 10%, transparent);--viz-series-1:light-dark(#176dd1, #80baff);--viz-series-2:light-dark(#b46b2e, #edab76);--font-size-small:12px;padding-block:56px 104px}.report-layout{display:grid;grid-template-columns:224px minmax(0,1fr);align-items:start;gap:56px}.report-layout[data-toc-open=false]{grid-template-columns:112px minmax(0,1fr)}.report-sidebar{position:sticky;top:24px;min-width:0;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.report-toc summary{display:flex;align-items:center;gap:10px;min-height:44px;padding-block:8px;color:var(--accent);font-size:13px;font-weight:600;list-style:none;cursor:pointer}.report-toc summary::-webkit-details-marker{display:none}.report-toc summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.toc-arrow{font-size:20px}.report-toc[open] .toc-arrow{transform:rotate(90deg)}.report-toc[open] .toc-closed-label,.report-toc:not([open]) .toc-open-label{display:none}.toc-context{display:flex;justify-content:space-between;gap:16px;margin:22px 0 16px;color:var(--muted);font-size:12px}.toc-context span{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace)}.report-toc ol{margin:0;padding:0;list-style:none}.report-toc nav>ol>li{padding-block:14px;border-top:1px solid var(--line)}.report-toc nav>ol>li>a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-weight:600}.report-toc a{display:block;padding-block:8px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.report-toc a:hover{color:var(--accent)}.toc-number{color:var(--accent);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:11px;line-height:2}.report-toc .toc-children{margin:8px 0 0 30px}.report-toc .toc-children a{color:var(--muted);font-size:12px}.report-toc .toc-children a:hover,.report-toc .toc-children a:focus-visible{color:var(--accent)}.wiki-shell{width:100%;min-width:0;max-width:840px;margin-inline:auto}.report-heading{margin-bottom:52px}.report-heading .article-meta{margin-top:28px}.report-heading h1{font-size:clamp(2rem,4vw,3rem);font-weight:500}.report-heading .article-deck{font-size:17px;line-height:1.8}.wiki-article>h2:first-child{margin-top:0}.wiki-article h2{padding-top:28px;border-top:1px solid var(--line);font-weight:500;line-height:1.5}.wiki-article h3{line-height:1.55}.wiki-article p{margin-block:1.1em}.wiki-article figure img{width:100%;height:auto;background:#fff;border-radius:6px}.wiki-article figcaption{line-height:1.7}.wiki-article .wiki-table{overflow-x:auto;margin-block:28px}.wiki-article .wiki-table table{display:table;width:100%;min-width:620px;margin:0}.wiki-article pre{max-width:100%;white-space:pre}.wiki-article pre code{font-size:13px}.wiki-article pre code .hl-k{color:#9cd9a9;font-weight:600}.wiki-article pre code .hl-s{color:#cbe89b}.wiki-article pre code .hl-c{color:#a6b6a9;font-style:italic}.wiki-article pre code .hl-n{color:#e8c07d}.wiki-article pre code .hl-d{color:#a8cfe0}.wiki-article .component-comparison,.wiki-demo{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,segoe ui,pingfang sc,sans-serif}.wiki-article .component-comparison{gap:20px}.wiki-article .component-example h3{padding:0;border:0;font-size:18px}.wiki-article .component-example p{font-size:13px}.wiki-demo{container-type:inline-size;margin-block:28px 40px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-size:14px;line-height:1.65}.wiki-demo svg{display:block;width:100%;height:auto}.wiki-demo p{margin-block:12px}.wiki-demo .text-small{font-size:12px}.wiki-demo .viz-controls{display:flex;flex-wrap:wrap;gap:8px}.wiki-demo .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.wiki-demo button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;line-height:1.4;cursor:pointer;transition:background-color 150ms ease,color 150ms ease,scale 150ms ease}.wiki-demo button:hover{background:var(--paper-deep)}.wiki-demo button:active{scale:.96}.wiki-demo button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--paper)}.wiki-demo button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.wiki-demo .btn-group{display:flex;flex-wrap:wrap;gap:8px}.wiki-demo input[type=range]{min-height:44px;max-width:100%;margin:0;accent-color:var(--accent)}.wiki-demo .form-label{color:var(--muted);font-size:12px}.wiki-demo .form-range{display:block;width:100%}.wiki-demo .wf-detail,.wiki-demo .swa-desc,.wiki-demo .ssd-desc{color:var(--ink);font-size:14px}.wiki-demo .swa-toolbar,.wiki-demo .ssd-toolbar{gap:8px}.wiki-demo .swa-nav input{min-width:100px}.wiki-demo #swa-label,.wiki-demo #wf-step-value{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-variant-numeric:tabular-nums}.wiki-demo .swa-stage,.wiki-demo .ssd-stage{border-color:var(--line);background:var(--paper)}.wiki-demo .ssd-steps [aria-current=step]{background:var(--paper-deep);border-color:var(--accent);color:var(--accent)}#wf-window-contrast .wf-pair{gap:24px}#wf-window-contrast .wf-pair h3{margin:0 0 8px;padding:0;border:0;font-size:18px}#wf-window-contrast .wf-legend{font-size:12px}.wiki-demo .swa-viewport,.wiki-demo .ssd-viewport{border-color:var(--viz-series-1)}.wiki-demo .swa-viewport span,.wiki-demo .ssd-viewport span{color:var(--viz-series-1)}.wiki-demo .ssd-line{border-color:var(--viz-series-2)}.wiki-demo .ssd-line span{color:var(--viz-series-2)}@container(max-width:600px){#wf-window-contrast .wf-pair { grid-template-columns: 1fr; }
}@media(max-width:1050px){.report-page{padding-top:32px}.report-layout,.report-layout[data-toc-open=false]{display:block}.report-sidebar{position:static;max-height:none;margin-bottom:32px;padding-bottom:12px;border-bottom:1px solid var(--line)}.report-toc nav>ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.toc-context{justify-content:flex-start}}@media(max-width:600px){.report-page{padding-block:24px 64px}.report-toc nav>ol{display:block}.report-sidebar{margin-bottom:24px}.report-heading{margin-bottom:36px}.report-heading .article-meta{margin-top:24px}.report-heading .article-deck{font-size:16px}.wiki-article{font-size:17px}.wiki-article h2{font-size:26px}.wiki-article h3{font-size:21px}.wiki-article .component-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.wiki-demo{padding:16px 12px}.wiki-demo button{font-size:12px}}@media(prefers-reduced-motion:reduce){.wiki-demo *,.wiki-demo *::before,.wiki-demo *::after{transition:none!important}}@media print{.report-page{padding:0}.report-layout,.report-layout[data-toc-open=false]{display:block;width:100%}.report-sidebar,.wiki-demo,.site-header,.site-footer,.back-link{display:none}.wiki-shell{max-width:none}.wiki-article figure{break-inside:avoid}.wiki-article pre{white-space:pre-wrap}}