/* Document specimens retain their reference sizes inside labelled scroll areas. */
.spec-control{display:flex;flex-wrap:wrap;gap:10px 24px;padding:12px 16px;background:#f4f7fa;border:1px solid #dce4ed;font-size:14px;color:#52637a;margin-bottom:20px}.element-specifications{display:grid;gap:16px;min-width:0}.element-spec{border:1px solid #8298b7;border-radius:4px;scroll-margin-top:100px;overflow:hidden;outline:none}.element-spec.on,.element-spec:focus{border-color:var(--active);box-shadow:0 0 0 2px color-mix(in srgb,var(--active) 18%,transparent)}.element-spec header{display:flex;align-items:center;gap:12px;background:#f5f8fc;padding:14px 16px}.element-spec h4{font-size:16px;margin:3px 0 0;color:#263d59}.element-spec code{font-size:14px;color:#59728f}.element-spec header>span{margin-left:auto;color:#62758f;font-size:14px}.element-spec dl{display:grid;grid-template-columns:115px 1fr;margin:0;padding:15px 16px;gap:12px 16px;font-size:14px;line-height:1.8}.element-spec dt{color:#43617e;font-weight:600}.element-spec dd{margin:0;color:#394e68;word-break:keep-all;overflow-wrap:anywhere}.element-related{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;padding:10px 16px;border-top:1px solid #e0e6ee}.element-related a{text-decoration:underline;color:var(--active)}.element-related span{margin-left:auto;color:#64748b}.spec-layout .element-spec dl{grid-template-columns:1fr;gap:5px}.spec-layout .element-spec dd{margin-bottom:8px}.spec-layout .element-spec header{align-items:flex-start;flex-wrap:wrap}.spec-layout .element-spec header>span{display:none}.spec-layout{grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr)}.spec-layout .wire{position:sticky;top:90px}.technical-figure{margin:20px 0;border:1px solid #cfdae5;border-radius:5px;overflow:hidden;background:#f6f9fc}.technical-figure figcaption,.ui-board figcaption{padding:12px 16px;font-size:14px;color:#3e5671;border-bottom:1px solid #d7e2ec;font-weight:600}.technical-figure svg{display:block;width:100%;height:auto}.drawing-scroll{overflow:auto}.node-title{font:600 15px sans-serif;fill:#203b57}.node-line{font:14px sans-serif;fill:#465e79}.edge-label{font:14px sans-serif;fill:#527187;paint-order:stroke;stroke:#f6f9fc;stroke-width:5px;stroke-linejoin:round}.ui-board{margin:20px 0;border:1px solid #cbd9df;border-radius:5px;overflow:hidden}.ui-board figcaption{display:flex;justify-content:space-between;background:#f2f8f7;gap:16px}.ui-board figcaption span{font-weight:400;font-size:14px}.ui-board-scroll{overflow:auto;background:#f2f5f7;padding:24px;scrollbar-width:thin}.ui-artboard{box-sizing:content-box;width:var(--vp);margin:auto;position:relative;padding-top:65px}.dimension{height:22px;border-top:1px solid #b74983;position:relative;text-align:center;color:#963363;font:14px/20px ui-monospace,monospace}.dimension:before,.dimension:after{content:'';position:absolute;width:1px;height:9px;background:#b74983;top:-5px;left:0}.dimension:after{left:auto;right:0}.dimension>span{position:relative;top:-11px;background:#f2f5f7;padding:0 9px}.viewport-dim{position:absolute;top:14px;left:0;right:0}.content-dim{position:absolute;top:47px;left:var(--gutter);width:var(--cw)}.ui-artboard .wire{box-sizing:border-box;width:var(--vp);max-width:none!important;margin:0!important;border:0;outline:1px solid #c5d1df;border-radius:0!important;color:#172b4d;background:white;font-size:16px;line-height:24px;position:relative}.ui-artboard .wire-nav{box-sizing:border-box;height:64px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e1ea;background:#fff;font-size:14px;color:#172b4d}.ui-artboard .wire-nav b{font-size:18px;color:#172b4d}.ui-artboard .wire-body{box-sizing:content-box;width:var(--cw);padding:40px 0;margin:auto;position:relative}.ui-artboard.is-mobile .wire-body{padding:24px 0}.ui-artboard .wire h3{font-size:32px;line-height:44px;margin:0 0 16px;color:#172b4d}.ui-artboard.is-mobile .wire h3{font-size:24px;line-height:34px}.ui-artboard .wire p{font-size:16px;line-height:24px;margin:0 0 24px;color:#52637a}.ui-artboard .wire-label{font-size:14px;line-height:22px;font-weight:600;margin:24px 0 8px;color:#172b4d}.ui-artboard .faux-input{box-sizing:border-box;min-height:48px;padding:11px 12px;border:1px solid #94a3b8;border-radius:6px;margin:0;font-size:16px;line-height:24px;color:#172b4d;background:white}.ui-artboard .faux-input.error{border-color:#b42318;box-shadow:inset 0 0 0 1px #b42318}.ui-artboard .faux-button{box-sizing:border-box;min-height:48px;margin:24px 0 0;padding:12px 20px;background:#2458eb;color:white;border:0;border-radius:6px;font-size:16px;line-height:24px;gap:12px}.ui-artboard .faux-button.secondary{background:white;color:#2458eb;border:1px solid #94a3b8;padding:11px 19px}.ui-artboard .wire .hint{font-size:14px;line-height:22px;color:#52637a;margin:8px 0 0}.ui-artboard .wire .error-text{font-size:14px;line-height:22px;color:#b42318;margin:8px 0 0}.ui-artboard .wire-check{font-size:14px;line-height:22px;display:flex;gap:12px;min-height:44px;margin:24px 0 0}.ui-artboard .check-box{width:20px;height:20px;flex-shrink:0;border:1px solid #52637a}.ui-artboard .wire-error{font-size:14px;line-height:24px;padding:16px;margin:24px 0;border:2px solid #b42318;background:#fff4f2;color:#b42318}.ui-artboard .wire-notice{padding:16px;margin:24px 0;background:#f3f6fb}.ui-artboard .wire-notice strong{font-size:16px;line-height:24px}.ui-artboard .wire-notice p{font-size:14px;line-height:22px;margin:8px 0 0}.ui-artboard .wire-link{font-size:14px;line-height:22px;margin:16px 0 0;color:#2458eb}.ui-artboard .key-values{padding:16px;background:#f5f8fc;font-size:14px;line-height:22px;margin:24px 0}.ui-artboard .key-values div{margin:8px 0;gap:16px}.ui-artboard .key-values b{font-size:14px;line-height:22px;color:#172b4d}.ui-artboard .key-values span{color:#52637a}.ui-artboard .wire-card{padding:24px;margin:0;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.ui-artboard .wire-card b{font-size:18px;line-height:28px;margin:8px 0;display:block}.ui-artboard .wire-card small{font-size:14px;line-height:22px;color:#52637a}.ui-artboard .wire-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ui-artboard.is-mobile .wire-cards{grid-template-columns:1fr}.ui-artboard .wire-tag{font-size:14px;line-height:22px;padding:4px 8px;background:#ecfdf3;color:#067647}.ui-artboard .wire-chip-row{gap:8px;margin:24px 0}.ui-artboard .wire-chip-row>span{box-sizing:border-box;min-height:44px;display:flex;align-items:center;font-size:14px;padding:8px 12px}.ui-artboard .wire-content{font-size:16px;line-height:24px;padding:24px 0;margin:24px 0 0}.ui-artboard .wire-content strong{font-size:18px;line-height:28px}.ui-artboard .wire-pagination{font-size:14px;line-height:24px;padding:24px 0;min-height:44px}.ui-artboard .wire-caption{display:none}.ui-artboard .wire-modal{position:relative;inset:auto;box-sizing:border-box;background:#172b4d55;padding:16px;display:flex;margin-top:24px}.ui-artboard .modal-box{box-sizing:border-box;width:480px;max-width:100%;padding:24px;border-radius:8px;margin:auto;background:white}.ui-artboard .modal-box b{font-size:18px;line-height:28px}.ui-artboard .modal-box p{font-size:14px;line-height:22px;margin:16px 0}.ui-artboard .button-row{gap:12px;display:flex}.ui-artboard.is-mobile .button-row{flex-direction:column}.ui-artboard .button-row .faux-button{margin:0;flex:1;min-width:0}.ui-artboard .spot{height:23px;width:23px;font-size:14px;background:#0f766e;border:2px solid white;box-shadow:0 0 0 1px #0f766e;color:white}.ui-artboard .wire-success{margin:0 0 24px;padding:0}.ui-board-foot{font-size:14px;line-height:22px;padding:12px 16px;background:#eaf3f1;color:#47665e}.ui-data-row{display:grid;grid-template-columns:1.2fr 2fr 1fr .8fr;gap:16px;padding:16px;border-bottom:1px solid #d6dfe9;font-size:14px}.ui-data-row.head{background:#f1f5f9;font-weight:600}.ui-management{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.ui-class-list{border-right:1px solid #d2dce7;padding-right:24px;color:#172b4d}.ui-class-list h4{margin:0;font-size:20px}.ui-selected-class{padding:16px;margin:24px 0;background:#edf2ff;border:1px solid #92a9e5;border-radius:6px}.ui-editor{min-width:0}.state-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0}.state-sample{border:1px solid #d3dee8;background:#f4f7fa;overflow:hidden;border-radius:5px}.state-sample>header{padding:12px 16px;display:flex;align-items:center;gap:12px;background:#edf3f8;font-size:14px}.state-sample>header button{margin-left:auto;background:#fff;border:1px solid #c4d1df;padding:6px 10px;color:#28576c;border-radius:4px;font-size:14px;min-height:36px}.state-artboard{padding-top:0;margin:18px auto;max-height:660px;overflow:auto}.state-sample>p{padding:0 16px 16px;font-size:14px;line-height:1.8;color:#52637a}.component-samples>section{padding:24px;border:1px solid #d6e1e9;margin:20px 0;border-radius:5px;overflow:auto}.component-samples h4{font-size:16px;color:#294c61;margin:0 0 24px}.component-samples>section>p{font-size:14px;color:#52637a;line-height:1.8;margin:20px 0 0}.field-anatomy{width:640px;max-width:none;padding-top:10px;color:#172b4d}.field-anatomy label{font-size:14px;line-height:22px;font-weight:600;display:block}.field-anatomy label span{color:#b42318;margin-left:8px}.anatomy-gap{font:14px/20px monospace;color:#9b3670;background:#fbf1f7;padding:3px 8px;width:max-content;margin:4px 0}.anatomy-input{box-sizing:border-box;height:48px;border:2px solid #b42318;border-radius:6px;padding:10px 12px;font-size:16px;line-height:24px;display:flex;justify-content:space-between}.anatomy-input b{font:14px/24px monospace;color:#9b3670}.anatomy-error{font-size:14px;line-height:22px;color:#b42318;margin:8px 0!important}.anatomy-hint{font-size:14px;line-height:22px;color:#52637a;margin:8px 0!important}.button-variants{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;min-width:740px}.anatomy-button{box-sizing:border-box;min-height:48px;padding:12px 20px;background:#2458eb;border-radius:6px;color:#fff;font-size:16px;line-height:24px;text-align:center}.anatomy-button.focus{outline:3px solid #172b4d;outline-offset:2px}.anatomy-button.disabled{color:#52637a}.anatomy-button.secondary{background:white;color:#2458eb;border:1px solid #94a3b8}.anatomy-button.danger{background:#b42318}.button-variants code{display:block;margin-top:12px;font-size:14px;text-align:center;color:#52637a}.dialog-anatomy{background:#e4eaf1;padding:28px}.dialog-anatomy>div{box-sizing:border-box;width:480px;margin:auto;padding:24px;background:white;border-radius:8px;color:#172b4d}.dialog-anatomy h4{margin:24px 0 16px}.dialog-anatomy p{font-size:16px;line-height:24px;margin:16px 0 24px}.dimension-label{font-size:14px;line-height:20px;color:#963363}.dialog-actions{display:flex;gap:12px}.dialog-actions>div{flex:1;padding:12px}.token-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.token-swatches>div{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:5px 12px;border:1px solid #d9e2ea;padding:12px}.token-swatches i{width:40px;height:40px;border-radius:5px;grid-row:span 2}.token-swatches code{font-size:14px;color:#263f5e}.token-swatches span{font-size:14px;color:#52637a}.api-contract{border:1px solid #ccd8e7;border-radius:5px;margin:24px 0;overflow:hidden;scroll-margin-top:100px}.api-contract>header{background:#eef3fa;padding:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.api-contract>header strong{font-size:16px;color:#243d61}.api-contract>header code{font-size:14px;color:#354f74}.api-contract>header span{font-size:14px;color:#567089;margin-left:auto}.api-contract>.api-body{padding:20px}.api-method{padding:4px 8px;background:#244e86;color:white;border-radius:3px;font-size:14px}.api-body h4{font-size:15px;color:#294b72;margin:24px 0 10px}.api-contract .doc-table{min-width:650px}.schema-id{font-family:monospace;font-size:14px;color:#40628c}.dev-step-list{counter-reset:devstep;display:grid;gap:12px;margin:20px 0}.dev-step-list>div{counter-increment:devstep;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px;border:1px solid #d7e2ec;border-radius:5px}.dev-step-list>div:before{content:counter(devstep,decimal-leading-zero);font:600 18px monospace;color:#547198}.dev-step-list strong{display:block;font-size:15px;color:#253f60}.dev-step-list p{font-size:14px;line-height:1.8;margin:6px 0 0;color:#52637a}.doc-table td,.doc-table tbody th{font-size:14px}.doc-table thead th{font-size:14px}.doc-table code{font-size:14px}.doc-section{font-size:18px}.sheet-index a{font-size:14px}.doc-body .dev-code pre{font-size:14px}.doc-body .document-list,.doc-body .doc-paragraph{font-size:15px}.ui-artboard .wire .faux-button .spot{background:#0f766e}.ui-artboard .wire .key-values b .spot{display:inline-flex}
@media(max-width:760px){.sheet{min-width:880px}.spec-layout .wire{position:static}.state-gallery{gap:16px}.ui-board-scroll{padding:16px}.family-tabs button{font-size:14px}.element-spec dl{grid-template-columns:100px 1fr}.spec-layout .element-spec dl{grid-template-columns:1fr}.doc-table td,.doc-table tbody th{font-size:14px}}