.duo-anatomy[data-v-2a202082] .reference-annotated-diagram{--annotation-name-size:14px;--annotation-term-size:11px}.duo-anatomy[data-v-2a202082] .annotation-label .chip-body{background:#fff;padding-inline:5px}.duo-anatomy p[data-v-2a202082]{color:#64748b;margin:14px 0 0;font-size:12px;line-height:1.8}.duo-anatomy-controls[data-v-2a202082]{color:#64748b;gap:12px;font-size:12px;display:grid}.duo-anatomy-controls>div[data-v-2a202082]{flex-wrap:wrap;gap:6px;display:flex}.duo-anatomy-controls .duo-preview-options[data-v-2a202082]{align-items:end;gap:12px 20px}.duo-anatomy-controls button[data-v-2a202082]{color:#475569;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:7px;padding:9px 10px}.duo-anatomy-controls button[aria-pressed=true][data-v-2a202082]{color:#187765;background:#e3f4ee;border-color:#187765}.duo-anatomy-controls label[data-v-2a202082]{align-items:center;gap:8px;min-height:40px;display:flex}.duo-anatomy-controls[data-v-2a202082] :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #187765}@media (width<=640px){.duo-anatomy[data-v-2a202082] .reference-annotated-diagram{--annotation-name-size:12px;--annotation-term-size:10px}.duo-anatomy[data-v-2a202082] .annotation-label .chip-body{padding-inline:3px}}.app-anatomy[data-v-c7c2ac9b] .reference-annotated-diagram{--annotation-name-size:14px;--annotation-term-size:11px}.app-anatomy[data-v-c7c2ac9b] .annotation-label .chip-body{background:#fff;padding-inline:5px}.app-anatomy p[data-v-c7c2ac9b]{color:#64748b;margin:14px 0 0;font-size:12px;line-height:1.8}@media (width<=640px){.app-anatomy[data-v-c7c2ac9b] .reference-annotated-diagram{--annotation-name-size:12px;--annotation-term-size:10px}.app-anatomy[data-v-c7c2ac9b] .annotation-label .chip-body{padding-inline:3px}}.article-figures{gap:20px;display:grid}.demo-controls{margin-bottom:20px}.demo-comparison,.demo-controls{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;display:grid}.demo-comparison{align-items:start}.demo-comparison>*{min-width:0}.demo-sample{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{color:#475569;gap:5px;margin-top:10px;font-size:12px;display:grid}.demo-caption code,.demo-value{color:#64748b;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-buttons{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-button,.demo-buttons button{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]{color:#a33310;background:#fff0e5;border-color:#bf5e38}.demo-button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.demo-help{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.8}.demo-field{color:#475569;gap:8px;font-size:12px;display:grid}.demo-field input:not([type=checkbox]),.demo-field select{color:#334155;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@container (width<=480px){.demo-comparison{gap:12px}.demo-sample{padding:16px}.demo-button,.demo-buttons button{min-height:44px}}.target-comparison[data-v-6b3cfe74]{text-align:center;color:#64748b;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:12px;display:grid}.target-reference[data-v-6b3cfe74],.target-stage[data-v-6b3cfe74]{background:#f8fafc;border-radius:8px;place-items:center;height:104px;margin-bottom:8px;display:grid}.touch-target[data-v-6b3cfe74]{cursor:pointer;color:#1e40af;background:#dbeafe;border:1px dashed #2563eb;border-radius:6px;place-items:center;padding:0;display:grid}.plus-icon[data-v-6b3cfe74]{color:#1e40af;width:24px;height:24px;font:24px/24px system-ui;display:block}.text-example[data-v-6b3cfe74]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:18px}.text-example>small[data-v-6b3cfe74]{color:#64748b;margin-bottom:18px;font-size:12px;display:block}.text-example>div[data-v-6b3cfe74]{line-height:1.6}.text-example p[data-v-6b3cfe74]{font-size:inherit;line-height:inherit;overflow-wrap:anywhere;margin:8px 0 0}.adaptive-frame[data-v-6b3cfe74]{background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-width:min(280px,100%);max-width:100%;margin-inline:auto;font-size:12px;overflow:hidden}.window-title[data-v-6b3cfe74]{color:#64748b;background:#f1f5f9;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:8px 12px;display:flex}.mac-controls[data-v-6b3cfe74]{color:#9b5960;letter-spacing:2px}.inset-example[data-v-6b3cfe74]{text-align:center;color:#64748b;background:repeating-linear-gradient(135deg,#eef2f6,#eef2f6 4px,#f8fafc 0 8px);border-bottom:1px dashed #cbd5e1;padding:10px;font-size:10px}.bottom-inset[data-v-6b3cfe74]{border-top:1px dashed #cbd5e1;border-bottom:0}.adaptive-body[data-v-6b3cfe74]{min-height:240px;display:flex}.side-navigation[data-v-6b3cfe74]{background:#f8fafc;flex-direction:column;flex:0 0 60px;gap:6px;padding:12px 6px;display:flex}.bottom-navigation button[data-v-6b3cfe74],.side-navigation button[data-v-6b3cfe74]{color:#64748b;cursor:pointer;font:inherit;background:0 0;border-radius:6px;min-height:44px;padding:10px 6px}.bottom-navigation button[aria-pressed=true][data-v-6b3cfe74],.side-navigation button[aria-pressed=true][data-v-6b3cfe74]{color:#1d4ed8;background:#dbeafe;font-weight:650}.project-list[data-v-6b3cfe74]{flex-direction:column;flex:1;gap:8px;min-width:0;padding:16px 10px;display:flex}.project-list>strong[data-v-6b3cfe74]{margin-bottom:6px}.project-list button[data-v-6b3cfe74]{text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:#fff;border:1px solid #e2e8f0;border-radius:6px;gap:6px;padding:12px 8px;display:grid}.project-list button[aria-pressed=true][data-v-6b3cfe74]{background:#eff6ff;border-color:#93c5fd}.project-list small[data-v-6b3cfe74]{color:#64748b;font-size:10px}.project-detail[data-v-6b3cfe74]{overflow-wrap:anywhere;border-left:1px solid #e2e8f0;flex-direction:column;flex:1.2;align-items:flex-start;gap:12px;min-width:0;padding:16px 12px;display:flex}.project-detail strong[data-v-6b3cfe74]{font-size:16px}.project-detail p[data-v-6b3cfe74]{color:#64748b;margin:0;line-height:1.8}.project-detail small[data-v-6b3cfe74]{color:#64748b}.bottom-navigation[data-v-6b3cfe74]{border-top:1px solid #e2e8f0;justify-content:space-around;padding:6px;display:flex}.interaction-demo[data-v-6b3cfe74]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:16px;padding:20px;font-size:13px;display:flex}.interaction-demo[data-v-6b3cfe74]:focus-visible{outline-offset:3px;outline:2px solid #2563eb}.command-toolbar[data-v-6b3cfe74]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.interaction-demo .demo-buttons[data-v-6b3cfe74]{margin:0}.demo-button[data-v-6b3cfe74]:disabled{opacity:.45;cursor:default}.interaction-status[data-v-6b3cfe74]{color:#475569;margin:0;line-height:1.8}.example-overlay[data-v-6b3cfe74]{background:#fff;border:1px solid #cbd5e1;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex;box-shadow:0 8px 16px #0f172a0b}.example-overlay p[data-v-6b3cfe74],.example-overlay strong[data-v-6b3cfe74]{width:100%;margin:0}.sheet-example[data-v-6b3cfe74]{border-radius:14px 14px 0 0;width:100%}.popover-example[data-v-6b3cfe74]{border-radius:10px;align-self:flex-end;max-width:300px}.edit-sheet[data-v-6b3cfe74]{background:#fff;border:1px solid #cbd5e1;border-radius:14px;gap:16px;width:100%;padding:20px;display:grid}@container (width<=480px){.adaptive-body[data-v-6b3cfe74]{flex-wrap:wrap}.adaptive-frame[data-layout=expanded] .side-navigation[data-v-6b3cfe74]{flex-direction:row;flex-basis:100%}.adaptive-frame[data-layout=expanded] .project-detail[data-v-6b3cfe74],.adaptive-frame[data-layout=expanded] .project-list[data-v-6b3cfe74]{flex-basis:40%}.interaction-demo[data-v-6b3cfe74]{padding:16px}}.device-preview-specimen[data-v-17f6ff3c]{place-items:center;width:280px;height:196px;display:grid}.device-preview[data-v-fd40b5ee]{--article-accent:oklch(66.8317% .22184 35.3806);max-width:1164px;margin:28px auto 0}.device-preview-panel[data-v-fd40b5ee] .article-variant-browser{margin:8px 4px 4px}.device-preview-stage[data-v-fd40b5ee]{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%}.device-preview-stage[data-v-fd40b5ee] .reference-annotated-diagram{--annotation-name-size:14px;--annotation-term-size:11px}.device-preview-stage[data-v-fd40b5ee] .annotation-label .chip-body{background:var(--foundation-subject-surface);padding-inline:5px}.duo-anatomy-controls[data-v-fd40b5ee]{color:var(--foundation-subject-ink);gap:12px;font-size:12px;display:grid}.duo-anatomy-controls>div[data-v-fd40b5ee]{flex-wrap:wrap;gap:6px;display:flex}.duo-anatomy-controls label[data-v-fd40b5ee]{align-items:center;gap:8px;min-height:44px;display:flex}.duo-anatomy-controls button[data-v-fd40b5ee]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);min-height:44px;color:var(--foundation-subject-ink);font:inherit;cursor:pointer;border-radius:7px;padding:9px 10px}.duo-anatomy-controls button[aria-pressed=true][data-v-fd40b5ee]{border-color:var(--article-accent);color:var(--article-accent)}.duo-anatomy-controls[data-v-fd40b5ee] :is(button,input):focus-visible{outline:2px solid var(--article-accent);outline-offset:3px}.device-measure-note[data-v-fd40b5ee]{background:var(--foundation-subject-surface);margin:0;padding:16px 24px 20px;font-size:12px;line-height:1.8}.device-measure-note[data-v-fd40b5ee],.device-preview-note[data-v-fd40b5ee]{border-top:1px solid var(--panel-line);color:var(--foundation-subject-ink)}.device-preview-note[data-v-fd40b5ee]{background:var(--panel-readout);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 18px;font-size:11px;display:flex}.preview-link[data-v-fd40b5ee]{min-height:44px;color:var(--article-accent);align-items:center;padding:9px 12px;text-decoration:none;display:inline-flex}.preview-link[data-v-fd40b5ee]:hover{text-decoration:underline}.preview-link[data-v-fd40b5ee]:focus-visible{outline:2px solid var(--article-accent);outline-offset:2px}@media (width<=640px){.device-preview[data-v-fd40b5ee]{margin-top:16px}.device-measure-note[data-v-fd40b5ee]{padding-inline:16px}.device-preview-stage[data-v-fd40b5ee] .reference-annotated-diagram{--annotation-name-size:12px;--annotation-term-size:10px}.device-preview-stage[data-v-fd40b5ee] .annotation-label .chip-body{padding-inline:3px}}.platform-differences[data-v-5074269b]{margin-top:28px}.differences-heading[data-v-5074269b]{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.differences-heading h4[data-v-5074269b]{color:#334155;margin:0;font-size:15px;font-weight:650}.differences-heading span[data-v-5074269b]{color:#64748b;font-size:12px}.differences-scroll[data-v-5074269b]{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.differences-scroll[data-v-5074269b]:focus-visible{outline-offset:3px;outline:2px solid #187765}table[data-v-5074269b]{border-collapse:collapse;color:#475569;width:100%;min-width:660px;font-size:12px;line-height:1.8}caption[data-v-5074269b],table[data-v-5074269b]{text-align:left}caption[data-v-5074269b]{color:#64748b;background:#fafbfc;padding:12px 16px;font-size:11px}td[data-v-5074269b],th[data-v-5074269b]{vertical-align:top;border-top:1px solid #e2e8f0;padding:13px 16px}thead th[data-v-5074269b]{color:#64748b;background:#fafbfc;font-weight:500}tbody th[data-v-5074269b]{color:#334155;white-space:nowrap;font-weight:600}td[data-v-5074269b]:nth-child(2),td[data-v-5074269b]:nth-child(3){min-width:140px}.platform-differences>p[data-v-5074269b]{color:#64748b;margin:12px 0 0;font-size:12px;line-height:1.8}.duo-specification[data-v-5e9c430a]{margin-top:28px}.duo-source[data-v-5e9c430a]{color:#334155;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin-bottom:14px;font-size:13px;display:flex}.duo-source>span[data-v-5e9c430a]{overflow-wrap:anywhere}.duo-source>small[data-v-5e9c430a]{color:#64748b;width:100%;font-size:12px}.duo-provenance[data-v-5e9c430a]{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.duo-provenance>span[data-v-5e9c430a]{color:#526175;background:#f1f5f9;border-radius:5px;padding:5px 8px;font-size:11px}.duo-table-scroll[data-v-5e9c430a]{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.duo-table-scroll[data-v-5e9c430a]:focus-visible{outline-offset:3px;outline:2px solid #187765}table[data-v-5e9c430a]{border-collapse:collapse;color:#475569;width:100%;min-width:700px;font-size:12px;line-height:1.8}caption[data-v-5e9c430a],table[data-v-5e9c430a]{text-align:left}caption[data-v-5e9c430a]{color:#64748b;background:#fafbfc;padding:12px 16px;font-size:11px}td[data-v-5e9c430a],th[data-v-5e9c430a]{vertical-align:top;white-space:nowrap;border-top:1px solid #e2e8f0;padding:12px 14px}thead th[data-v-5e9c430a]{color:#64748b;background:#fafbfc;font-weight:500}tbody th[data-v-5e9c430a]{color:#334155;font-weight:600}.duo-specification>p[data-v-5e9c430a]{color:#64748b;margin:12px 0 0;font-size:12px;line-height:1.8}@media (width<=360px){.standard-detail[data-v-b1a71c07] .reference-title h1{font-size:16px}}