.article-figures[data-v-074fb700]{gap:20px;display:grid}.demo-controls[data-v-074fb700]{margin-bottom:20px}.demo-comparison[data-v-074fb700],.demo-controls[data-v-074fb700]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-074fb700]{align-items:start}.demo-comparison[data-v-074fb700]>*{min-width:0}.demo-sample[data-v-074fb700]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-074fb700]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-074fb700],.demo-value[data-v-074fb700]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-074fb700]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-074fb700],.demo-buttons button[data-v-074fb700]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-074fb700]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-074fb700]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-074fb700]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-074fb700]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-074fb700]:not([type=checkbox]),.demo-field select[data-v-074fb700]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-074fb700]:focus-visible,input[data-v-074fb700]:focus-visible,select[data-v-074fb700]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-074fb700]{gap:12px}.demo-sample[data-v-074fb700]{padding:16px}.demo-button[data-v-074fb700],.demo-buttons button[data-v-074fb700]{min-height:44px}}.foundation-links[data-v-074fb700]{flex-wrap:wrap;gap:12px 20px;margin-top:20px;display:flex}.foundation-link[data-v-074fb700],.foundation-links a[data-v-074fb700]{color:#1d4ed8;text-underline-offset:3px;font-size:13px;line-height:1.8;text-decoration:underline}.foundation-link[data-v-074fb700]{margin-top:16px;display:inline-block}.foundation-note[data-v-074fb700]{background:#eff6ff;border-inline-start:3px solid #2563eb;margin-top:16px;font-size:13px;line-height:1.9}.foundation-code[data-v-074fb700],.foundation-note[data-v-074fb700]{overflow-wrap:anywhere;padding:16px}.foundation-code[data-v-074fb700]{white-space:pre-wrap;color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;margin:16px 0;font:12px/1.9 ui-monospace,monospace;display:block}.foundation-checks[data-v-074fb700]{color:#334155;gap:12px;margin:0;padding-inline-start:22px;font-size:13px;line-height:1.9;display:grid}[tabindex="0"][data-v-074fb700]:focus-visible,a[data-v-074fb700]:focus-visible,button[data-v-074fb700]:focus-visible,input[data-v-074fb700]:focus-visible,select[data-v-074fb700]:focus-visible{outline-offset:3px;outline:2px solid #1d4ed8}.box-anatomy[data-v-074fb700]{box-sizing:border-box;background:oklch(94% .045 65);width:200px;height:132px;padding:14px}.anatomy-border[data-v-074fb700]{background:var(--foundation-subject-line);padding:4px}.anatomy-border[data-v-074fb700],.anatomy-padding[data-v-074fb700]{box-sizing:border-box;height:100%}.anatomy-padding[data-v-074fb700]{background:oklch(90% .06 135);padding:16px}.anatomy-content[data-v-074fb700]{background:var(--foundation-subject-stage);height:100%;color:var(--foundation-subject-ink);place-items:center;font:12px/1.4 system-ui,sans-serif;display:grid}.article-figures[data-v-074fb700] .is-hatch path{stroke-dasharray:2 3}.box-scroll[data-v-074fb700]{border:1px solid #cbd5e1;border-radius:8px;padding:6px;overflow-x:auto}.outer-margin[data-v-074fb700]{background:#fff2e8;width:max-content;padding:16px}.box[data-v-074fb700]{background:#dbeafe;border:4px solid #2563eb;width:200px;padding:20px}.box span[data-v-074fb700]{color:#fff;background:#2563eb;place-items:center;height:68px;font-size:12px;display:grid}.display-inline[data-v-074fb700],.display-inline-block[data-v-074fb700]{background:#dbeafe;border:1px solid #93c5fd;width:120px;height:44px;padding:4px 8px}.display-inline-block[data-v-074fb700]{vertical-align:middle;display:inline-block}.demo-sample p[data-v-074fb700]{margin:0;line-height:2}.article-figures[data-v-12e22c6e]{gap:20px;display:grid}.demo-controls[data-v-12e22c6e]{margin-bottom:20px}.demo-comparison[data-v-12e22c6e],.demo-controls[data-v-12e22c6e]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-12e22c6e]{align-items:start}.demo-comparison[data-v-12e22c6e]>*{min-width:0}.demo-sample[data-v-12e22c6e]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-12e22c6e]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-12e22c6e],.demo-value[data-v-12e22c6e]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-12e22c6e]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-12e22c6e],.demo-buttons button[data-v-12e22c6e]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-12e22c6e]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-12e22c6e]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-12e22c6e]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-12e22c6e]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-12e22c6e]:not([type=checkbox]),.demo-field select[data-v-12e22c6e]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-12e22c6e]:focus-visible,input[data-v-12e22c6e]:focus-visible,select[data-v-12e22c6e]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-12e22c6e]{gap:12px}.demo-sample[data-v-12e22c6e]{padding:16px}.demo-button[data-v-12e22c6e],.demo-buttons button[data-v-12e22c6e]{min-height:44px}}.foundation-links[data-v-12e22c6e]{flex-wrap:wrap;gap:12px 20px;margin-top:20px;display:flex}.foundation-link[data-v-12e22c6e],.foundation-links a[data-v-12e22c6e]{color:#1d4ed8;text-underline-offset:3px;font-size:13px;line-height:1.8;text-decoration:underline}.foundation-link[data-v-12e22c6e]{margin-top:16px;display:inline-block}.foundation-note[data-v-12e22c6e]{background:#eff6ff;border-inline-start:3px solid #2563eb;margin-top:16px;font-size:13px;line-height:1.9}.foundation-code[data-v-12e22c6e],.foundation-note[data-v-12e22c6e]{overflow-wrap:anywhere;padding:16px}.foundation-code[data-v-12e22c6e]{white-space:pre-wrap;color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;margin:16px 0;font:12px/1.9 ui-monospace,monospace;display:block}.foundation-checks[data-v-12e22c6e]{color:#334155;gap:12px;margin:0;padding-inline-start:22px;font-size:13px;line-height:1.9;display:grid}[tabindex="0"][data-v-12e22c6e]:focus-visible,a[data-v-12e22c6e]:focus-visible,button[data-v-12e22c6e]:focus-visible,input[data-v-12e22c6e]:focus-visible,select[data-v-12e22c6e]:focus-visible{outline-offset:3px;outline:2px solid #1d4ed8}.direction-viewport[data-v-12e22c6e],.flex-viewport[data-v-12e22c6e]{border:1px solid #cbd5e1;border-radius:8px;padding:6px;overflow-x:auto}.direction-viewport[data-v-12e22c6e]{max-width:280px}.direction-stage[data-v-12e22c6e]{gap:12px;width:264px;max-width:100%;display:flex}.direction-stage span[data-v-12e22c6e]{background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;flex:none;width:100px;padding:18px 12px;font-size:13px}.flex-stage[data-v-12e22c6e]{gap:12px;max-width:100%;display:flex}.flex-item[data-v-12e22c6e]{box-sizing:border-box;overflow-wrap:anywhere;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;min-width:0;padding:18px 8px;font-size:12px}.minimum-row[data-v-12e22c6e]{gap:12px;font-size:13px;display:flex}.minimum-row aside[data-v-12e22c6e]{background:#dbeafe;flex:0 0 80px;padding:12px}.minimum-row>div[data-v-12e22c6e]{flex:1 1 0;min-width:0}.minimum-row p[data-v-12e22c6e]{overflow-wrap:anywhere}.choice-flex[data-v-12e22c6e]{border:1px solid #cbd5e1;border-radius:8px;flex-wrap:wrap;gap:12px;padding:16px;font-size:13px;display:flex}.choice-flex span[data-v-12e22c6e]:last-child{margin-inline-start:auto}.choice-grid[data-v-12e22c6e]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.choice-grid span[data-v-12e22c6e]{background:#dbeafe;border-radius:4px;place-items:center;min-height:48px;display:grid}.article-figures[data-v-a567e47e]{gap:20px;display:grid}.demo-controls[data-v-a567e47e]{margin-bottom:20px}.demo-comparison[data-v-a567e47e],.demo-controls[data-v-a567e47e]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-a567e47e]{align-items:start}.demo-comparison[data-v-a567e47e]>*{min-width:0}.demo-sample[data-v-a567e47e]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-a567e47e]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-a567e47e],.demo-value[data-v-a567e47e]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-a567e47e]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-a567e47e],.demo-buttons button[data-v-a567e47e]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-a567e47e]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-a567e47e]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-a567e47e]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-a567e47e]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-a567e47e]:not([type=checkbox]),.demo-field select[data-v-a567e47e]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-a567e47e]:focus-visible,input[data-v-a567e47e]:focus-visible,select[data-v-a567e47e]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-a567e47e]{gap:12px}.demo-sample[data-v-a567e47e]{padding:16px}.demo-button[data-v-a567e47e],.demo-buttons button[data-v-a567e47e]{min-height:44px}}.foundation-links[data-v-a567e47e]{flex-wrap:wrap;gap:12px 20px;margin-top:20px;display:flex}.foundation-link[data-v-a567e47e],.foundation-links a[data-v-a567e47e]{color:#1d4ed8;text-underline-offset:3px;font-size:13px;line-height:1.8;text-decoration:underline}.foundation-link[data-v-a567e47e]{margin-top:16px;display:inline-block}.foundation-note[data-v-a567e47e]{background:#eff6ff;border-inline-start:3px solid #2563eb;margin-top:16px;font-size:13px;line-height:1.9}.foundation-code[data-v-a567e47e],.foundation-note[data-v-a567e47e]{overflow-wrap:anywhere;padding:16px}.foundation-code[data-v-a567e47e]{white-space:pre-wrap;color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;margin:16px 0;font:12px/1.9 ui-monospace,monospace;display:block}.foundation-checks[data-v-a567e47e]{color:#334155;gap:12px;margin:0;padding-inline-start:22px;font-size:13px;line-height:1.9;display:grid}[tabindex="0"][data-v-a567e47e]:focus-visible,a[data-v-a567e47e]:focus-visible,button[data-v-a567e47e]:focus-visible,input[data-v-a567e47e]:focus-visible,select[data-v-a567e47e]:focus-visible{outline-offset:3px;outline:2px solid #1d4ed8}.symptom-viewport[data-v-a567e47e]{overscroll-behavior:contain;border:1px solid #cbd5e1;border-radius:8px;max-height:280px;padding:6px;overflow:auto}.width-viewport[data-v-a567e47e]{max-width:360px}.width-row[data-v-a567e47e]{gap:12px;width:min(100%,360px);font-size:13px;display:flex}.width-row aside[data-v-a567e47e]{background:#dbeafe;flex:0 0 72px;padding:16px 8px}.width-content[data-v-a567e47e]{border:1px solid #93c5fd;border-radius:6px;flex:1 1 0;padding:12px}.width-content p[data-v-a567e47e]{margin:12px 0 0}.repaired .width-content[data-v-a567e47e]{overflow-wrap:anywhere;min-width:0}.height-shell[data-v-a567e47e]{border:1px solid #93c5fd;flex-direction:column;height:240px;font-size:13px;display:flex}.height-shell header[data-v-a567e47e]{background:#dbeafe;flex:none;padding:12px}.height-panel[data-v-a567e47e]{flex-direction:column;flex:1 1 0;display:flex}.height-panel.repaired[data-v-a567e47e]{min-height:0}.height-panel>strong[data-v-a567e47e]{flex:none;padding:12px}.height-list[data-v-a567e47e]{overscroll-behavior:contain;flex:auto;overflow-y:auto}.height-list>div[data-v-a567e47e]{border-top:1px solid #e2e8f0;padding:16px}.sticky-demo[data-v-a567e47e]{overscroll-behavior:contain;border:1px solid #93c5fd;border-radius:6px;height:220px;font-size:13px;overflow-y:auto}.hidden-ancestor[data-v-a567e47e]{overflow:hidden}.sticky-spacer[data-v-a567e47e]{padding:36px 16px}.sticky-title[data-v-a567e47e]{color:#1e3a8a;background:#dbeafe;padding:12px 16px;position:sticky;top:0}.sticky-entry[data-v-a567e47e]{border-bottom:1px solid #e2e8f0;padding:24px 16px}.overlay-host[data-v-a567e47e]{background:#f8fafc;border-radius:8px;min-height:220px;font-size:12px}.clipped-card[data-v-a567e47e],.overlay-host[data-v-a567e47e]{padding:12px;position:relative}.clipped-card[data-v-a567e47e]{background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;height:105px;overflow:hidden}.overlay-trigger[data-v-a567e47e]{border-radius:4px;margin-top:10px;padding:6px 10px;display:inline-block}.overlay-panel[data-v-a567e47e],.overlay-trigger[data-v-a567e47e]{background:#fff;border:1px solid #94a3b8}.overlay-panel[data-v-a567e47e]{color:#334155;border-radius:6px;width:min(180px,100% - 48px);padding:12px;line-height:2;box-shadow:0 2px 6px #0f172a12,0 12px 24px #0f172a0c}.inside[data-v-a567e47e]{z-index:99999;top:70px;left:12px}.inside[data-v-a567e47e],.outside[data-v-a567e47e]{position:absolute}.outside[data-v-a567e47e]{top:82px;left:24px}.article-figures[data-v-c810aa71]{gap:20px;display:grid}.demo-controls[data-v-c810aa71]{margin-bottom:20px}.demo-comparison[data-v-c810aa71],.demo-controls[data-v-c810aa71]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-c810aa71]{align-items:start}.demo-comparison[data-v-c810aa71]>*{min-width:0}.demo-sample[data-v-c810aa71]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-c810aa71]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-c810aa71],.demo-value[data-v-c810aa71]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-c810aa71]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-c810aa71],.demo-buttons button[data-v-c810aa71]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-c810aa71]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-c810aa71]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-c810aa71]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-c810aa71]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-c810aa71]:not([type=checkbox]),.demo-field select[data-v-c810aa71]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-c810aa71]:focus-visible,input[data-v-c810aa71]:focus-visible,select[data-v-c810aa71]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-c810aa71]{gap:12px}.demo-sample[data-v-c810aa71]{padding:16px}.demo-button[data-v-c810aa71],.demo-buttons button[data-v-c810aa71]{min-height:44px}}.layout-canvas[data-v-c810aa71]{overflow-wrap:anywhere;padding:16px;font-size:12px}.layout-block[data-v-c810aa71]{background:#eef3fe;border:1px solid #dbe6fb;border-radius:5px;align-content:center;gap:6px;min-width:0;min-height:64px;padding:12px;font-size:12px;display:grid}.layout-grid[data-v-c810aa71]{display:grid}.layout-column[data-v-c810aa71]{min-width:0}.layout-variable[data-v-c810aa71]{width:100%;margin-inline:auto}.layout-label[data-v-c810aa71]{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.ac-title[data-v-c810aa71]{letter-spacing:-.01em;color:#425e8b;font-weight:700;display:block}.ac-sub[data-v-c810aa71]{color:#5c7398;font-weight:650;display:block}.ac-body[data-v-c810aa71]{color:#7b89a3;line-height:1.6;display:block}.ac-meta[data-v-c810aa71]{color:#93a4be;display:block}.ac-value[data-v-c810aa71]{letter-spacing:-.02em;color:#617ba8;font-weight:760;display:block}.ac-action[data-v-c810aa71]{color:#5b7ce8;background:#e8efff;border-radius:6px;padding:.45em .85em;font-weight:680}.ac-action[data-v-c810aa71],.ac-chip[data-v-c810aa71]{display:inline-block}.ac-chip[data-v-c810aa71]{color:#6b82ab;background:#eef3fe;border:1px solid #dbe6fb;border-radius:999px;padding:.35em .8em;font-weight:620}.ac-nav[data-v-c810aa71]{color:#8a98aa;font-weight:600}.ac-nav.on[data-v-c810aa71]{color:#4168dd;font-weight:700}.ac-on-band[data-v-c810aa71]{color:#5c7398}.available-shell[data-v-c810aa71]{box-sizing:border-box;background:oklch(99.5% .002 255);border:1px dashed oklch(70% .025 255);border-radius:8px}.width-container[data-v-c810aa71]{box-sizing:border-box;background:#e8efff;border:1px solid #93b4f5;border-radius:6px;gap:8px;width:100%;margin-inline:auto;padding:20px;display:grid}.width-container .ac-title[data-v-c810aa71]{font-size:16px}.width-container .ac-body[data-v-c810aa71]{font-size:12px}.width-container .ac-meta[data-v-c810aa71]{font-size:11px}.edge-container[data-v-c810aa71]{box-sizing:border-box;background:#e8efff;border:1px solid #93b4f5;width:100%;max-width:320px}.edge-content[data-v-c810aa71]{background:#fff;gap:8px;padding-block:20px;padding-inline:16px;display:grid}.edge-content .ac-title[data-v-c810aa71]{font-size:15px}.edge-content .ac-body[data-v-c810aa71]{font-size:12px}.nested-scene[data-v-c810aa71]{background:#f8fafc;border-radius:8px;overflow:hidden}.full-band[data-v-c810aa71]{background:#e8efff}.inner-container[data-v-c810aa71]{box-sizing:border-box;gap:8px;margin-inline:auto;padding:20px;display:grid}.inner-container.limited[data-v-c810aa71]{border-inline:1px dashed #93b4f5;max-width:360px}.full-band .ac-title[data-v-c810aa71]{font-size:15px}.full-band .ac-body[data-v-c810aa71]{font-size:12px}.body-container .ac-title[data-v-c810aa71]{font-size:16px}.body-container .ac-body[data-v-c810aa71]{font-size:12px}.body-container .ac-meta[data-v-c810aa71]{font-size:11px}.article-figures[data-v-17626fb1]{gap:20px;display:grid}.demo-controls[data-v-17626fb1]{margin-bottom:20px}.demo-comparison[data-v-17626fb1],.demo-controls[data-v-17626fb1]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-17626fb1]{align-items:start}.demo-comparison[data-v-17626fb1]>*{min-width:0}.demo-sample[data-v-17626fb1]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-17626fb1]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-17626fb1],.demo-value[data-v-17626fb1]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-17626fb1]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-17626fb1],.demo-buttons button[data-v-17626fb1]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-17626fb1]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-17626fb1]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-17626fb1]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-17626fb1]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-17626fb1]:not([type=checkbox]),.demo-field select[data-v-17626fb1]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-17626fb1]:focus-visible,input[data-v-17626fb1]:focus-visible,select[data-v-17626fb1]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-17626fb1]{gap:12px}.demo-sample[data-v-17626fb1]{padding:16px}.demo-button[data-v-17626fb1],.demo-buttons button[data-v-17626fb1]{min-height:44px}}.layout-canvas[data-v-17626fb1]{overflow-wrap:anywhere;padding:16px;font-size:12px}.layout-block[data-v-17626fb1]{background:#eef3fe;border:1px solid #dbe6fb;border-radius:5px;align-content:center;gap:6px;min-width:0;min-height:64px;padding:12px;font-size:12px;display:grid}.layout-grid[data-v-17626fb1]{display:grid}.layout-column[data-v-17626fb1]{min-width:0}.layout-variable[data-v-17626fb1]{width:100%;margin-inline:auto}.layout-label[data-v-17626fb1]{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.ac-title[data-v-17626fb1]{letter-spacing:-.01em;color:#425e8b;font-weight:700;display:block}.ac-sub[data-v-17626fb1]{color:#5c7398;font-weight:650;display:block}.ac-body[data-v-17626fb1]{color:#7b89a3;line-height:1.6;display:block}.ac-meta[data-v-17626fb1]{color:#93a4be;display:block}.ac-value[data-v-17626fb1]{letter-spacing:-.02em;color:#617ba8;font-weight:760;display:block}.ac-action[data-v-17626fb1]{color:#5b7ce8;background:#e8efff;border-radius:6px;padding:.45em .85em;font-weight:680}.ac-action[data-v-17626fb1],.ac-chip[data-v-17626fb1]{display:inline-block}.ac-chip[data-v-17626fb1]{color:#6b82ab;background:#eef3fe;border:1px solid #dbe6fb;border-radius:999px;padding:.35em .8em;font-weight:620}.ac-nav[data-v-17626fb1]{color:#8a98aa;font-weight:600}.ac-nav.on[data-v-17626fb1]{color:#4168dd;font-weight:700}.ac-on-band[data-v-17626fb1]{color:#5c7398}.demo-count[data-v-17626fb1]{color:#475569;align-content:start;gap:6px;font-size:12px;display:grid}.demo-count .demo-buttons[data-v-17626fb1]{gap:6px;margin:0}.grid-tracks .layout-block[data-v-17626fb1]{align-content:start;align-items:start}.span-grid[data-v-17626fb1]{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.span-grid .featured[data-v-17626fb1]{background:#cfe0ff;border-color:#93b4f5}.auto-grid[data-v-17626fb1]{gap:12px;min-height:112px}.layout-block .ac-title[data-v-17626fb1]{font-size:13px}.layout-block .ac-meta[data-v-17626fb1]{font-size:11px}@container (width<=480px){.span-grid .layout-block[data-v-17626fb1]{padding:8px}}.named-areas[data-v-17626fb1]{grid-template-columns:minmax(56px,1fr) minmax(0,3fr);grid-template-areas:"header header""nav main";gap:10px;display:grid}.named-areas.is-stacked[data-v-17626fb1]{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""nav""main"}.named-areas>div[data-v-17626fb1]{overflow-wrap:anywhere;background:oklch(95% .03 255);border:1px solid oklch(80% .04 255);border-radius:6px;padding:16px}.area-header[data-v-17626fb1]{grid-area:header}.area-nav[data-v-17626fb1]{grid-area:nav}.area-main[data-v-17626fb1]{grid-area:main}.subgrid-parent[data-v-17626fb1]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.subgrid-card[data-v-17626fb1]{overflow-wrap:anywhere;background:oklch(97% .01 255);border:1px solid oklch(78% .04 255);border-radius:6px;align-content:start;gap:10px;min-width:0;padding:12px;display:grid}.subgrid-card p[data-v-17626fb1]{margin:0;font-size:13px;line-height:1.8}.subgrid-card span[data-v-17626fb1]{background:oklch(89% .07 255);border-radius:4px;align-self:start;padding:6px;font-size:12px}.uses-subgrid .subgrid-card[data-v-17626fb1]{grid-row:span 3;grid-template-rows:subgrid}.article-figures[data-v-392b1454]{gap:20px;display:grid}.demo-controls[data-v-392b1454]{margin-bottom:20px}.demo-comparison[data-v-392b1454],.demo-controls[data-v-392b1454]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-392b1454]{align-items:start}.demo-comparison[data-v-392b1454]>*{min-width:0}.demo-sample[data-v-392b1454]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-392b1454]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-392b1454],.demo-value[data-v-392b1454]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-392b1454]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-392b1454],.demo-buttons button[data-v-392b1454]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-392b1454]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-392b1454]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-392b1454]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-392b1454]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-392b1454]:not([type=checkbox]),.demo-field select[data-v-392b1454]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-392b1454]:focus-visible,input[data-v-392b1454]:focus-visible,select[data-v-392b1454]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-392b1454]{gap:12px}.demo-sample[data-v-392b1454]{padding:16px}.demo-button[data-v-392b1454],.demo-buttons button[data-v-392b1454]{min-height:44px}}.layout-canvas[data-v-392b1454]{overflow-wrap:anywhere;padding:16px;font-size:12px}.layout-block[data-v-392b1454]{background:#eef3fe;border:1px solid #dbe6fb;border-radius:5px;align-content:center;gap:6px;min-width:0;min-height:64px;padding:12px;font-size:12px;display:grid}.layout-grid[data-v-392b1454]{display:grid}.layout-column[data-v-392b1454]{min-width:0}.layout-variable[data-v-392b1454]{width:100%;margin-inline:auto}.layout-label[data-v-392b1454]{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.ac-title[data-v-392b1454]{letter-spacing:-.01em;color:#425e8b;font-weight:700;display:block}.ac-sub[data-v-392b1454]{color:#5c7398;font-weight:650;display:block}.ac-body[data-v-392b1454]{color:#7b89a3;line-height:1.6;display:block}.ac-meta[data-v-392b1454]{color:#93a4be;display:block}.ac-value[data-v-392b1454]{letter-spacing:-.02em;color:#617ba8;font-weight:760;display:block}.ac-action[data-v-392b1454]{color:#5b7ce8;background:#e8efff;border-radius:6px;padding:.45em .85em;font-weight:680}.ac-action[data-v-392b1454],.ac-chip[data-v-392b1454]{display:inline-block}.ac-chip[data-v-392b1454]{color:#6b82ab;background:#eef3fe;border:1px solid #dbe6fb;border-radius:999px;padding:.35em .8em;font-weight:620}.ac-nav[data-v-392b1454]{color:#8a98aa;font-weight:600}.ac-nav.on[data-v-392b1454]{color:#4168dd;font-weight:700}.ac-on-band[data-v-392b1454]{color:#5c7398}.axes-scene[data-v-392b1454]{gap:8px;height:240px;display:flex}.axis-item[data-v-392b1454]{background:#e8efff;border:1px solid #93b4f5;border-radius:4px;flex:none;place-items:center;padding:10px;display:grid}.axis-item .ac-chip[data-v-392b1454]{padding:.25em .6em;font-size:12px;font-weight:600}.distribution-scene[data-v-392b1454]{gap:0;padding-block:28px;display:flex}.distribution-scene .axis-item[data-v-392b1454]{padding:10px}.auto-scene[data-v-392b1454]{align-items:center;gap:8px;display:flex}.auto-scene .ac-action[data-v-392b1454],.auto-scene .ac-chip[data-v-392b1454]{font-size:12px}.baseline-scene[data-v-392b1454]{gap:12px;min-height:128px;display:flex}.baseline-scene>span[data-v-392b1454],.baseline-scene>strong[data-v-392b1454]{border-bottom:1px dashed #93b4f5;line-height:1.3}.baseline-value[data-v-392b1454]{color:#425e8b;font-size:48px}.baseline-label[data-v-392b1454]{font-size:14px}.baseline-unit[data-v-392b1454]{font-size:12px}.article-figures[data-v-719bdd9f]{gap:20px;display:grid}.demo-controls[data-v-719bdd9f]{margin-bottom:20px}.demo-comparison[data-v-719bdd9f],.demo-controls[data-v-719bdd9f]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-719bdd9f]{align-items:start}.demo-comparison[data-v-719bdd9f]>*{min-width:0}.demo-sample[data-v-719bdd9f]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-719bdd9f]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-719bdd9f],.demo-value[data-v-719bdd9f]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-719bdd9f]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-719bdd9f],.demo-buttons button[data-v-719bdd9f]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-719bdd9f]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-719bdd9f]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-719bdd9f]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-719bdd9f]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-719bdd9f]:not([type=checkbox]),.demo-field select[data-v-719bdd9f]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-719bdd9f]:focus-visible,input[data-v-719bdd9f]:focus-visible,select[data-v-719bdd9f]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-719bdd9f]{gap:12px}.demo-sample[data-v-719bdd9f]{padding:16px}.demo-button[data-v-719bdd9f],.demo-buttons button[data-v-719bdd9f]{min-height:44px}}.layout-canvas[data-v-719bdd9f]{overflow-wrap:anywhere;padding:16px;font-size:12px}.layout-block[data-v-719bdd9f]{background:#eef3fe;border:1px solid #dbe6fb;border-radius:5px;align-content:center;gap:6px;min-width:0;min-height:64px;padding:12px;font-size:12px;display:grid}.layout-grid[data-v-719bdd9f]{display:grid}.layout-column[data-v-719bdd9f]{min-width:0}.layout-variable[data-v-719bdd9f]{width:100%;margin-inline:auto}.layout-label[data-v-719bdd9f]{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.ac-title[data-v-719bdd9f]{letter-spacing:-.01em;color:#425e8b;font-weight:700;display:block}.ac-sub[data-v-719bdd9f]{color:#5c7398;font-weight:650;display:block}.ac-body[data-v-719bdd9f]{color:#7b89a3;line-height:1.6;display:block}.ac-meta[data-v-719bdd9f]{color:#93a4be;display:block}.ac-value[data-v-719bdd9f]{letter-spacing:-.02em;color:#617ba8;font-weight:760;display:block}.ac-action[data-v-719bdd9f]{color:#5b7ce8;background:#e8efff;border-radius:6px;padding:.45em .85em;font-weight:680}.ac-action[data-v-719bdd9f],.ac-chip[data-v-719bdd9f]{display:inline-block}.ac-chip[data-v-719bdd9f]{color:#6b82ab;background:#eef3fe;border:1px solid #dbe6fb;border-radius:999px;padding:.35em .8em;font-weight:620}.ac-nav[data-v-719bdd9f]{color:#8a98aa;font-weight:600}.ac-nav.on[data-v-719bdd9f]{color:#4168dd;font-weight:700}.ac-on-band[data-v-719bdd9f]{color:#5c7398}.tag-scroll[data-v-719bdd9f]{overflow-x:auto}.tag-row[data-v-719bdd9f]{align-items:center;gap:8px;display:flex}.flow-tag[data-v-719bdd9f]{text-align:center;min-width:80px;font-size:12px}.long-text[data-v-719bdd9f]{max-width:320px;margin-inline:auto;overflow-x:auto}.long-text .ac-title[data-v-719bdd9f]{font-size:14px}.long-text p[data-v-719bdd9f]{color:#5b7ce8;margin:8px 0 0;font-size:12px;line-height:1.8}.sidebar-grid[data-v-719bdd9f]{grid-template-columns:72px minmax(0,1fr);gap:12px}.split-grid[data-v-719bdd9f]{gap:12px}.layout-block .ac-title[data-v-719bdd9f]{font-size:13px}.layout-block .ac-body[data-v-719bdd9f]{font-size:12px}.layout-block .ac-meta[data-v-719bdd9f]{font-size:11px}.positioned-card[data-v-719bdd9f]{gap:8px;max-width:360px;margin-inline:auto;display:grid;position:relative}.positioned-card .ac-title[data-v-719bdd9f]{font-size:15px}.positioned-card .ac-body[data-v-719bdd9f]{font-size:12px}.positioned-card .ac-meta[data-v-719bdd9f],.status-tag[data-v-719bdd9f]{font-size:11px}.status-tag[data-v-719bdd9f]{margin-bottom:10px}.status-tag.absolute[data-v-719bdd9f]{margin:0;position:absolute;top:12px;right:12px}.sticky-scroll[data-v-719bdd9f]{overscroll-behavior:contain;border:1px solid #cbd5e1;border-radius:8px;max-height:200px;font-size:12px;overflow-y:auto}.scroll-intro[data-v-719bdd9f]{padding:20px 16px}.sticky-heading[data-v-719bdd9f]{z-index:1;background:#e8efff;border-bottom:1px solid #dbe6fb;padding:12px 16px;top:0}.sticky-heading .ac-title[data-v-719bdd9f]{font-size:13px}.scroll-entry[data-v-719bdd9f]{border-bottom:1px solid #eef3fe;justify-content:space-between;align-items:center;gap:16px;padding:18px 16px;display:flex}.scroll-entry .ac-title[data-v-719bdd9f]{font-size:13px}.scroll-entry .ac-meta[data-v-719bdd9f]{font-size:11px}.viewport-host[data-v-ec991ddd]{width:100%}.viewport-frame[data-v-ec991ddd]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-soft);box-sizing:content-box;border-radius:14px;margin-inline:auto;position:relative;overflow:hidden}.viewport-caption[data-v-ec991ddd]{text-align:center;color:#64748b;margin:10px 0 0;font-size:12px;line-height:1.8}iframe[data-v-ec991ddd]{transform-origin:0 0;border:0;max-width:none;display:block}.article-figures[data-v-0796debf]{gap:20px;display:grid}.demo-controls[data-v-0796debf]{margin-bottom:20px}.demo-comparison[data-v-0796debf],.demo-controls[data-v-0796debf]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-0796debf]{align-items:start}.demo-comparison[data-v-0796debf]>*{min-width:0}.demo-sample[data-v-0796debf]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-0796debf]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-0796debf],.demo-value[data-v-0796debf]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-0796debf]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-0796debf],.demo-buttons button[data-v-0796debf]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-0796debf]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-0796debf]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-0796debf]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-0796debf]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-0796debf]:not([type=checkbox]),.demo-field select[data-v-0796debf]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-0796debf]:focus-visible,input[data-v-0796debf]:focus-visible,select[data-v-0796debf]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-0796debf]{gap:12px}.demo-sample[data-v-0796debf]{padding:16px}.demo-button[data-v-0796debf],.demo-buttons button[data-v-0796debf]{min-height:44px}}.ac-title[data-v-0796debf]{letter-spacing:-.01em;color:#425e8b;font-weight:700;display:block}.ac-sub[data-v-0796debf]{color:#5c7398;font-weight:650;display:block}.ac-body[data-v-0796debf]{color:#7b89a3;line-height:1.6;display:block}.ac-meta[data-v-0796debf]{color:#93a4be;display:block}.ac-value[data-v-0796debf]{letter-spacing:-.02em;color:#617ba8;font-weight:760;display:block}.ac-action[data-v-0796debf]{color:#5b7ce8;background:#e8efff;border-radius:6px;padding:.45em .85em;font-weight:680}.ac-action[data-v-0796debf],.ac-chip[data-v-0796debf]{display:inline-block}.ac-chip[data-v-0796debf]{color:#6b82ab;background:#eef3fe;border:1px solid #dbe6fb;border-radius:999px;padding:.35em .8em;font-weight:620}.ac-nav[data-v-0796debf]{color:#8a98aa;font-weight:600}.ac-nav.on[data-v-0796debf]{color:#4168dd;font-weight:700}.ac-on-band[data-v-0796debf]{color:#5c7398}.breakpoint-table[data-v-0796debf]{table-layout:fixed;border-collapse:collapse;text-align:left;overflow-wrap:anywhere;width:100%;font-size:12px;line-height:1.8}.breakpoint-table-scroll[data-v-0796debf]{overscroll-behavior-x:contain;border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);border-radius:14px;width:min(100%,720px);margin-inline:auto;overflow-x:auto}.breakpoint-table-scroll .breakpoint-table[data-v-0796debf]{min-width:640px}.breakpoint-table-scroll[data-v-0796debf]:focus-visible{outline-offset:3px;outline:2px solid oklch(62% .16 255)}.breakpoint-table td[data-v-0796debf],.breakpoint-table th[data-v-0796debf]{vertical-align:top;border-bottom:1px solid #e2e8f0;padding:12px 10px}.breakpoint-table thead th[data-v-0796debf]{color:#475569;background:#f8fafc;font-weight:650}.breakpoint-table thead th[data-v-0796debf]:first-child,.breakpoint-table thead th[data-v-0796debf]:nth-child(2),.breakpoint-table thead th[data-v-0796debf]:nth-child(3){width:20%}.breakpoint-table tbody th[data-v-0796debf]{color:#1e293b;font-weight:500}.breakpoint-table code[data-v-0796debf]{font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.breakpoint-table small[data-v-0796debf]{color:#64748b;font-size:11px;display:block}@container (width<=480px){.breakpoint-table td[data-v-0796debf],.breakpoint-table th[data-v-0796debf]{padding:10px 5px}}.fluid-container[data-v-0796debf],.query-container[data-v-0796debf]{max-width:100%;margin-inline:auto;container-type:inline-size}.query-card[data-v-0796debf]{overflow-wrap:anywhere;background:#f6f9ff;border:1px solid #dbe6fb;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:16px;padding:16px;display:grid}.query-image[data-v-0796debf]{background:#e8efff;border-radius:5px;place-items:center;min-height:80px;display:grid}.query-image svg[data-v-0796debf]{width:64px;max-width:100%;height:64px}.query-copy[data-v-0796debf]{align-content:center;gap:6px;min-width:0;display:grid}.query-copy .ac-title[data-v-0796debf]{font-size:14px}.query-copy .ac-body[data-v-0796debf]{font-size:12px}.query-state[data-v-0796debf]{color:#6b82ab;margin-top:4px;font-size:11px;font-weight:650;display:block}.query-state[data-v-0796debf]:after{content:"竖排"}@container (width>=400px){.query-card[data-v-0796debf]{grid-template-columns:80px minmax(0,1fr)}.query-state[data-v-0796debf]:after{content:"横排"}}.fluid-content[data-v-0796debf]{overflow-wrap:anywhere;background:#eef3fe;border:1px solid #dbe6fb;border-radius:8px;padding:20px}.fluid-content .ac-title[data-v-0796debf]{font-size:clamp(16px,5cqw,28px);line-height:1.5}.fluid-content .ac-body[data-v-0796debf]{margin-top:10px;font-size:12px}.viewport-height-demo[data-v-0796debf]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:480px;margin-inline:auto;display:grid}.height-column[data-v-0796debf]{text-align:center;align-content:start;gap:10px;min-width:0;display:grid}.height-column code[data-v-0796debf]{font-size:12px}.height-device[data-v-0796debf]{border:1px solid oklch(70% .04 255);border-radius:8px;height:242px;position:relative}.height-tool[data-v-0796debf]{background:oklch(84% .02 255);border-radius:7px 7px 0 0}.height-visible[data-v-0796debf]{outline-offset:-3px;outline:1px dashed oklch(58% .12 255);position:relative;overflow:hidden}.height-content[data-v-0796debf]{box-sizing:border-box;background:oklch(89% .07 255/.5);border:1px dashed oklch(58% .15 255);place-items:center;width:calc(100% - 16px);margin-inline:8px;font-size:13px;display:grid}.height-content span[data-v-0796debf]{align-self:start;margin-top:40px}.scroll-scene[data-v-9fa8c8b5]{gap:12px;display:grid}.scroll-scene iframe[data-v-9fa8c8b5]{background:oklch(98% .005 255);border:1px dashed oklch(62% .035 255);border-radius:8px;width:100%;height:280px;display:block}.anchor-stage[data-v-53fd0959]{background:oklch(98% .005 255);border:1px dashed oklch(62% .035 255);border-radius:8px;height:256px;position:relative}.stage-label[data-v-53fd0959]{color:oklch(46% .025 255);font-size:12px;position:absolute;top:8px;left:12px}.anchor-object[data-v-53fd0959]{color:oklch(35% .11 250);background:oklch(94% .025 250);border:1px solid oklch(47% .13 250);border-radius:8px;padding:12px;font-size:13px;position:absolute;top:44px;left:calc(50% - 52px)}.near-edge .anchor-object[data-v-53fd0959]{inset:auto 12px 12px auto}.anchor-bubble[data-v-53fd0959]{color:oklch(38% .12 40);overflow-wrap:anywhere;background:oklch(95% .04 55);border:2px solid oklch(49% .16 40);border-radius:8px;max-width:calc(100% - 24px);padding:12px;font-size:13px;position:absolute}.placement[data-v-53fd0959]{color:oklch(45% .025 255);margin:12px 0 0;font-size:13px;line-height:1.7}.article-figures[data-v-1b465dd2]{gap:20px;display:grid}.demo-controls[data-v-1b465dd2]{margin-bottom:20px}.demo-comparison[data-v-1b465dd2],.demo-controls[data-v-1b465dd2]{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison[data-v-1b465dd2]{align-items:start}.demo-comparison[data-v-1b465dd2]>*{min-width:0}.demo-sample[data-v-1b465dd2]{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-content:center;gap:12px;min-height:120px;padding:20px;display:grid}.demo-caption[data-v-1b465dd2]{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code[data-v-1b465dd2],.demo-value[data-v-1b465dd2]{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons[data-v-1b465dd2]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button[data-v-1b465dd2],.demo-buttons button[data-v-1b465dd2]{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:12px}.demo-buttons button[aria-pressed=true][data-v-1b465dd2]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary[data-v-1b465dd2]{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help[data-v-1b465dd2]{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field[data-v-1b465dd2]{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input[data-v-1b465dd2]:not([type=checkbox]),.demo-field select[data-v-1b465dd2]{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button[data-v-1b465dd2]:focus-visible,input[data-v-1b465dd2]:focus-visible,select[data-v-1b465dd2]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison[data-v-1b465dd2]{gap:12px}.demo-sample[data-v-1b465dd2]{padding:16px}.demo-button[data-v-1b465dd2],.demo-buttons button[data-v-1b465dd2]{min-height:44px}}.placement-figures[data-v-1b465dd2]{--place-ink:oklch(29% .03 255);--place-muted:oklch(45% .025 255);--place-line:oklch(87% .02 255);--place-a:oklch(42% .13 250);--place-a-soft:oklch(94% .025 250);--place-b:oklch(44% .16 40);--place-b-soft:oklch(96% .03 55);color:var(--place-ink)}.placement-figures[data-v-1b465dd2] *{box-sizing:border-box}.placement-stage[data-v-1b465dd2]{min-width:0;padding:8px 4px}.position-comparison[data-v-1b465dd2]{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px;display:grid}.comparison-item[data-v-1b465dd2]{align-content:start;gap:10px;min-width:0;display:grid}.comparison-label[data-v-1b465dd2]{color:var(--place-muted);font-size:12px}.position-comparison .stage-frame[data-v-1b465dd2]{min-height:280px}.stage-frame[data-v-1b465dd2]{background:oklch(98% .005 255);border:1px dashed oklch(62% .035 255);border-radius:8px;min-height:200px;padding:24px;position:relative}.object-a[data-v-1b465dd2],.object-b[data-v-1b465dd2],.object-c[data-v-1b465dd2]{border:1px solid var(--place-a);color:var(--place-a);background:var(--place-a-soft);overflow-wrap:anywhere;border-radius:8px;padding:12px;font-size:14px;line-height:1.6}.object-b[data-v-1b465dd2]{border:2px solid var(--place-b);color:var(--place-b);background:var(--place-b-soft)}.object-c[data-v-1b465dd2]{color:var(--place-muted);background:oklch(95% .005 255);border-color:oklch(64% .015 255)}.container-scene[data-v-1b465dd2]{height:200px;display:flex}.container-scene .object-b[data-v-1b465dd2]{flex:none}.pair-scene[data-v-1b465dd2]{align-content:start;gap:var(--placement-gap);grid-template-rows:64px;grid-template-columns:minmax(0,1fr) 64px minmax(0,2fr);max-width:480px;margin-inline:auto;display:grid}.pair-scene .avatar[data-v-1b465dd2]{text-align:center;grid-area:1/2;width:64px;height:64px;padding:0;font-size:28px;line-height:64px}.pair-scene .name[data-v-1b465dd2]{width:max-content;font-size:20px}.variable-scene[data-v-1b465dd2]{max-width:100%;margin-inline:auto}.group-scene[data-v-1b465dd2]{align-content:center;align-items:center;gap:var(--placement-gap);flex-wrap:wrap;min-height:200px;padding:16px;display:flex}.group-scene>div[data-v-1b465dd2]{flex:none}.group-scene.column[data-v-1b465dd2]{flex-flow:column;align-items:start}.group-scene.equal:not(.column)>div[data-v-1b465dd2]{flex:112px}.group-scene.equal.column>div[data-v-1b465dd2]{align-self:stretch}.space-scene[data-v-1b465dd2]{align-content:center;gap:var(--placement-gap);grid-template-columns:48px minmax(0,1fr);padding:16px;display:grid}.space-scene .object-a[data-v-1b465dd2]{place-items:center;height:48px;padding:0;display:grid}.space-scene .object-b[data-v-1b465dd2]{min-width:0}.overlay-scene[data-v-1b465dd2]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.overlay-scene .avatar[data-v-1b465dd2]{flex:none;width:72px;height:72px;font-size:24px;position:relative}.badge[data-v-1b465dd2],.overlay-scene .avatar[data-v-1b465dd2]{place-items:center;display:grid}.badge[data-v-1b465dd2]{z-index:1;border-radius:999px;width:32px;height:32px;padding:0;font-size:13px;position:absolute;top:-8px;right:-8px}.flow-scene[data-v-1b465dd2]{align-content:start;gap:32px;min-height:280px;padding:16px;display:grid}.flow-scene .object-b[data-v-1b465dd2],.flow-scene>.object-a[data-v-1b465dd2],.flow-scene>.object-c[data-v-1b465dd2]{min-height:44px;padding:8px 12px}.b-slot[data-v-1b465dd2]{border:1px dashed oklch(60% .03 255);border-radius:8px;height:44px;position:relative}.b-slot .object-b[data-v-1b465dd2]{transform:translateY(var(--offset));position:relative}.slot-label[data-v-1b465dd2]{color:var(--place-muted);font-size:12px;position:absolute;top:0;left:12px}.reflow .b-slot[data-v-1b465dd2]{margin-top:var(--offset);border-color:#0000}.reflow .object-b[data-v-1b465dd2]{transform:none}.responsive-shell[data-v-1b465dd2]{container-type:inline-size}.responsive-pair[data-v-1b465dd2]{align-content:center;gap:var(--placement-gap);grid-template-columns:minmax(0,1fr);padding:16px;display:grid}.responsive-pair>div[data-v-1b465dd2]{min-width:0}.responsive-pair .object-a[data-v-1b465dd2]{place-items:center;min-height:88px;display:grid}.responsive-state[data-v-1b465dd2]{margin-top:12px!important;font-size:12px!important}.is-wide[data-v-1b465dd2]{display:none}@container (width>=420px){.responsive-pair[data-v-1b465dd2]{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.is-wide[data-v-1b465dd2]{display:inline}.is-narrow[data-v-1b465dd2]{display:none}}@media (width<=640px){.stage-frame[data-v-1b465dd2]{padding:16px}.pair-scene .name[data-v-1b465dd2]{padding:8px;font-size:16px}}.layout-preview[data-v-e090b086] .article-variant-browser{margin:4px}.layout-preview[data-v-e090b086] .variant-thumbnail-content{width:176px}.layout-preview-stage[data-v-e090b086]{background-color:var(--foundation-preview-paper);background-image:var(--foundation-preview-texture);background-repeat:repeat,no-repeat,no-repeat;background-size:20px 20px,100% 100%,100% 100%;padding:24px}@media (width<=640px){.layout-preview-stage[data-v-e090b086]{padding:16px}}