:root{--ux:#0f766e;--ux-tint:#edf8f6;--active:#2458eb}body[data-mode=ux]{--active:var(--ux)}.family-tabs{display:flex;align-items:center;gap:4px;padding:5px;background:#f0f3f8;border:1px solid #e0e6ef;border-radius:8px;margin-bottom:27px}.family-tabs button{border:1px solid transparent;background:none;border-radius:5px;padding:11px 28px;font-weight:700;font-size:16px;color:#697487;min-height:48px}.family-tabs button[aria-selected=true]{background:white;border-color:#dce3ed;box-shadow:0 2px 5px #20385208;color:var(--active)}.family-tabs>span{font-size:14px;color:#718094;margin-left:auto;margin-right:13px}.intro{margin-bottom:23px}.intro h1{font-size:33px}.intro-note{margin-top:8px}.lead{font-size:16px;max-width:750px}.eyebrow{color:var(--active)}.eyebrow:before{background:var(--active)}.screen-toolbar{border:1px solid #dce3ed;border-radius:7px;background:#fafbfd;margin-bottom:17px}.screen-choice{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:9px;border-bottom:1px solid #e0e6ef}.screen-choice button{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:1px solid transparent;border-radius:5px;padding:10px 5px;font-size:14px;line-height:1.5;min-height:64px}.screen-choice button small{font-size:14px;letter-spacing:.5px;color:#8b97a9}.screen-choice button.selected{background:#fff;border-color:#c3d1ea;box-shadow:0 2px 5px #324c7710;color:var(--active);font-weight:700}.screen-choice button.selected small{color:var(--active)}.state-device{display:flex;align-items:center;gap:22px;padding:11px 17px;flex-wrap:wrap}.state-choice{display:flex;align-items:center;gap:11px}.state-choice label{font-size:14px;color:#718094}.state-choice select{font:inherit;font-size:14px;color:#354864;background:white;border:1px solid #d8e1ec;border-radius:4px;padding:7px 30px 7px 10px;min-height:40px}.state-choice select:focus-visible{outline:3px solid #ef9d27;outline-offset:3px}.device-choice{display:flex;gap:3px}.device-choice button{background:transparent;border:1px solid transparent;border-radius:4px;padding:7px 12px;font-size:14px;min-height:40px;color:#728094}.device-choice button.selected{background:#e9eef7;border-color:#d6deea;color:#354967}.selection-help{font-size:14px;color:#8794a7;margin-left:auto}.sheet-index{display:flex;gap:8px 20px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line);background:#f9fbfe}.sheet-index a{font-size:14px;color:#637893}.sheet-index a:hover{color:var(--active)}.sheet-index a span{font-size:14px;color:#92a0b3;margin-right:7px}.paper-scroll{padding:23px;background:#eaf0f5}.sheet{margin:0 auto 24px;max-width:1300px;min-width:950px;padding:27px 28px 18px;scroll-margin-top:95px}.sheet:last-child{margin-bottom:0}.sheet .doc-head{align-items:center;margin-bottom:20px}.sheet .doc-title{font-size:21px;letter-spacing:-.4px}.sheet-meta{display:flex;align-items:flex-end;flex-direction:column;gap:3px;font-size:14px;flex-shrink:0;color:#8391a6}.sheet-meta b{color:#465b79;font-weight:600;letter-spacing:.6px}.sheet-meta span:last-child{font-size:14px}.ux-sheet .doc-head{border-color:var(--ux)}.ux-sheet .doc-kicker{color:var(--ux)}.ux-sheet .doc-title{color:#275951}.table-scroll{overflow-x:auto;scrollbar-width:thin;margin-bottom:16px}.table-scroll:focus-visible{outline:2px solid var(--active);outline-offset:2px}.doc-table{font-size:14px;line-height:1.9;table-layout:auto}.doc-table thead th{font-size:14px;white-space:normal;padding:10px;vertical-align:top}.doc-table tbody th{color:#315180;font-size:14px;font-weight:600;text-align:left;background:white;border:0;border-bottom:1px solid #e4e9f1;padding:12px 10px;white-space:normal;vertical-align:top;min-width:95px}.doc-table td{font-size:14px;padding:12px 10px;overflow-wrap:anywhere}.doc-table code{font-family:ui-monospace,monospace;font-size:14px;overflow-wrap:anywhere;word-break:break-word}.doc-link{color:#2458bd;text-decoration:underline;text-decoration-color:#b8c8e7;text-underline-offset:3px}.doc-link:hover{color:#102c61}.ux-sheet .doc-link{color:#0f766e}.doc-paragraph{font-size:14px;line-height:1.9;color:#63768e;margin:16px 0}.doc-section{font-size:16px;line-height:1.6;margin:25px 0 13px;color:#304d70}.document-list{font-size:14px;color:#61758f;line-height:1.9;padding-left:22px;margin:10px 0}.document-list li{margin:9px 0}.spec-layout{margin:22px 0;grid-template-columns:minmax(0,1.12fr) minmax(300px,1fr);align-items:start;gap:26px}.spec-layout .wire{width:100%;max-width:none}.spec-layout .mobile-wire{max-width:375px;margin:0 auto;border-radius:20px 20px 10px 10px;border-width:3px;border-color:#d2dbe7}.mobile-layout{grid-template-columns:minmax(375px,.88fr) minmax(340px,1fr)}.mobile-wire .wire-body{padding:18px 16px}.mobile-wire .wire-cards{grid-template-columns:1fr}.desktop-wire .wire-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.wire-body{padding:20px}.wire p{font-size:14px;line-height:1.9}.wire-label{font-size:14px;margin-top:14px;line-height:1.7}.wire h3{font-size:21px}.faux-input{font-size:14px;min-height:40px;display:flex;align-items:center;line-height:1.8;overflow-wrap:anywhere;word-break:break-word}.faux-button{font-size:14px;min-height:44px;display:flex;justify-content:center;align-items:center;line-height:1.5}.wire-check{font-size:14px;align-items:center}.key-values{font-size:14px;padding:12px}.key-values div{align-items:flex-start;gap:13px;margin:6px 0}.key-values span{min-width:65px;color:#7d8ca1}.key-values b{text-align:right;font-size:14px;overflow-wrap:anywhere;word-break:break-word}.wire-content{font-size:14px}.wire-content strong{font-size:14px}.wire .hint{font-size:14px;line-height:1.8}.wire-notice{padding:17px 13px;border:1px solid #c8d5e8;background:#f4f7fd;border-radius:3px;margin:15px 0;color:#415b7e}.wire-notice strong{font-size:14px;line-height:1.7}.wire-notice p{margin:8px 0 0;font-size:14px;line-height:1.9}.wire-chip-row{display:flex;gap:7px;margin:13px 0;align-items:center;flex-wrap:wrap}.wire-chip-row>span{font-size:14px;border:1px solid #dce3ee;padding:4px 8px;border-radius:4px}.wire-chip-row .chosen{background:#edf3ff;color:#3b5e9c}.wire-link{font-size:14px;color:#5d7daa;text-align:center;margin:16px 0 6px;line-height:1.8}.wire-caption{background:#f7f9fc;border-top:1px solid #dfe6ef;color:#8e9aab;font-size:14px;text-align:center;padding:8px}.wire-pagination{text-align:center;padding:16px 0 6px;font-size:14px;color:#6d7f98}.wire-error{font-size:14px;line-height:1.85}.error-text{font-size:14px;line-height:1.7}.wire-skeleton{height:65px;background:#eff2f6;margin:16px 0}.wire-skeleton.short{height:35px;width:75%}.annotations-title{font-size:14px}.annotation{padding:14px 6px;grid-template-columns:24px 1fr;gap:10px}.annotation strong{font-size:14px;line-height:1.8}.annotation p{font-size:14px;line-height:1.9;color:#6b7e98}.spot{height:23px;width:23px;font-size:14px;vertical-align:middle;background:var(--active);flex-shrink:0}.annotation.on{background:#edf3ff}body[data-mode=ux] .annotation.on{background:#edf8f6}.ux-summary{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#f0f8f7;border:1px solid var(--ux);padding:17px 20px;margin:15px 0 25px}.ux-summary span{display:block;color:#60857f;font-size:14px;margin-bottom:5px}.ux-summary strong{font-size:16px;font-weight:600;color:#315f58}.ux-summary p{font-size:14px;color:#5d7b75;margin:6px 0;line-height:1.9}.doc-references{display:grid;gap:7px;border-top:1px solid #dce5ed;padding-top:20px;margin-top:25px}.doc-references strong{font-size:14px;color:#58718c}.doc-references a{font-size:14px;color:#527ba4;text-decoration:underline;text-underline-offset:3px}.doc-references span{font-size:14px;color:#8b9bae}.unrun{font-size:14px;padding:2px 5px;background:#eff2f7;color:#7a879b;border-radius:3px;white-space:nowrap}.ia-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.ia-groups>div{border:1px solid #d3ddeb;background:#fff}.ia-groups h3{margin:0;padding:10px;background:#edf3fa;color:#385a84;font-size:15px}.ia-groups>div>div{padding:12px;border-top:1px solid #e1e8f1;font-size:14px}.ia-groups small{display:block;font-family:ui-monospace,monospace;color:#8696ab;font-size:14px;margin-top:5px;overflow-wrap:anywhere}.flow-svg{width:100%;display:block;margin:8px 0}.related-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.related-footer>span{font-size:14px;color:#929caa;margin-right:5px}.related-footer a{font-size:14px;border:1px solid #dce3ec;border-radius:4px;padding:5px 10px;color:#5b718e}.related-footer a:hover{color:var(--active);border-color:var(--active)}.related-footer .trace-link{margin-left:auto;border:0;color:var(--active)}.content-scope{font-size:14px;color:#8a97a7;margin:20px 0;line-height:1.8}.lesson h2{font-size:19px}.lesson-panel{padding-top:24px}.doc-tip{font-size:14px}#zoom-content .sheet{max-width:none;min-width:980px}#zoom-content .doc-table td,#zoom-content .doc-table tbody th{font-size:15px}#zoom-content .doc-paragraph{font-size:16px}#zoom-content .annotation p{font-size:15px}#zoom-content .mobile-layout .wire{max-width:375px}#zoom-content .key-values b{font-size:14px}#zoom-content .sheet .doc-title{font-size:24px}
@media(max-width:1280px){.screen-choice{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-choice button{flex-direction:row;justify-content:center;min-height:44px;padding:7px;font-size:14px;gap:8px}.screen-choice button small{font-size:14px}.selection-help{display:none}.family-tabs>span{font-size:14px}.sheet{min-width:950px}}@media(max-width:760px){.family-tabs{margin-bottom:21px;padding:4px;flex-wrap:wrap;gap:2px}.family-tabs button{padding:9px 23px;font-size:15px;flex:1}.family-tabs>span{width:100%;text-align:center;margin:2px 0 5px;font-size:14px}.intro h1{font-size:29px}.screen-choice{padding:7px;gap:3px}.screen-choice button{flex-direction:column;gap:3px;min-height:57px;font-size:14px;word-break:keep-all}.screen-choice button small{font-size:14px}.state-device{padding:10px;gap:8px;justify-content:space-between}.state-choice{gap:6px}.state-choice label{font-size:14px}.state-choice select{font-size:14px;padding:7px;max-width:155px}.device-choice button{padding:6px 8px;font-size:14px}.sheet-index{padding:12px;gap:7px 13px}.sheet-index a{font-size:14px}.paper-scroll{padding:11px}.sheet{padding:20px;min-width:950px}.doc-tip{font-size:14px;line-height:1.9}.related-footer .trace-link{margin-left:0}.content-scope{font-size:14px}.family-tabs [role=tab]{min-height:44px}.sheet{scroll-margin-top:79px}}