/* Legible, stage-led presentation. Motion communicates a handoff, not activity for its own sake. */
body.demo-guided .ops-runtime-body{grid-template-rows:168px minmax(0,1fr) 82px 20px!important}
.demo-intro{min-width:0}.demo-intro>div:first-child{min-width:0}.demo-intro h1{font-size:clamp(24px,2.35vw,34px)!important;letter-spacing:-1px}.demo-eyebrow{font-size:10px!important;letter-spacing:1.6px!important}.demo-intro p{font-size:14px!important}.demo-launch{width:294px!important}.demo-pace{display:grid;gap:5px;margin-bottom:9px;font:11px/1.4 Arial,sans-serif;color:#546170}.demo-pace select{width:100%;height:35px;padding:5px 8px;background:#fff;border:1px solid #c1c8d0;color:#203747;font:12px Arial,sans-serif}.demo-launch button{background:#203c4b!important;border-color:#203c4b!important;font-size:14px!important;padding:14px 16px!important;min-height:46px}.demo-launch button:hover:not(:disabled){background:#2e5668!important}.demo-launch small{font:10px/1.4 Arial,sans-serif!important;color:#64717b!important}.demo-command{margin-top:9px;position:relative;font:12px/1.5 Arial,sans-serif;color:#536574}.demo-command summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}.demo-command[open]{position:absolute;z-index:30;max-width:min(540px,calc(100vw - 32px));padding:16px;background:#fff;border:1px solid #bfcbd4;box-shadow:0 18px 48px #15293926}.demo-command label,.demo-command small{display:block;margin:8px 0}.demo-command textarea{box-sizing:border-box;resize:vertical;width:100%;font:14px/1.5 Arial,sans-serif;color:#233a47;border:1px solid #bccbd3;padding:10px;background:#fafcfd}
body.demo-guided .demo-narrative{background:#fbfcfd;border-color:#c3ced7}.demo-narrative>header{background:#edf2f5;color:#496272;font-size:10px;padding:12px 14px}.demo-narrative-body{padding:17px;gap:13px}.demo-chapter>small{display:block;font:10px/1.4 monospace;letter-spacing:1px;text-transform:uppercase;color:#557381;margin-bottom:9px}.demo-chapter h2{font-size:clamp(20px,1.6vw,26px);color:#203747;line-height:1.2}.demo-chapter p{font:13px/1.65 Arial,sans-serif;color:#516675}.demo-handoff{background:#eef4f5;border-color:#d3dfe2}.demo-handoff small{font-size:9px;color:#597684}.demo-handoff b{font-size:12px;color:#314e5b}.demo-look{border-left:2px solid #6f9a96;padding:1px 0 1px 11px}.demo-look>small{font:9px monospace;letter-spacing:1px;color:#688379}.demo-look p{font:12px/1.6 Arial,sans-serif;color:#45606a;margin:6px 0}.demo-proof b{color:#224453;font-variant-numeric:tabular-nums}.demo-proof span{color:#657783}.demo-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.demo-actions button,#demoGrant{font:12px Arial,sans-serif;border:1px solid #abbec8;background:#f3f7f8;color:#264b5c;padding:10px 11px;cursor:pointer;min-height:38px}.demo-actions #demoContinue{width:100%;background:#264c5c;color:#fff;border-color:#264c5c}.demo-actions #demoStop{color:#85494e;margin-left:auto}.demo-inspect{font-size:11px;color:#456370}.demo-scene-caption{max-width:min(370px,55%);padding:10px 13px;background:#112633df;backdrop-filter:blur(5px)}.demo-scene-caption b{font-size:18px}.demo-scene-caption span{font-size:9px;letter-spacing:1.2px}
body.demo-guided .demo-timeline{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.demo-timeline>button{appearance:none;text-align:left;position:relative;border:1px solid #d1dce1;background:#f2f6f8;padding:10px;display:flex;flex-direction:column;gap:8px;justify-content:center;overflow:hidden;cursor:pointer;transition:background .25s,border-color .25s}.demo-timeline>button:disabled{cursor:default;opacity:.62}.demo-timeline>button span{font:10px monospace;color:#708895}.demo-timeline>button b{font:12px/1.3 Arial,sans-serif;color:#536d7b}.demo-timeline>button i{position:absolute;height:3px;background:#558e88;left:0;bottom:0;width:0;transition:width .45s ease}.demo-timeline>button.current{background:#e8f1f2;border-color:#608992}.demo-timeline>button.current b{color:#1b4555}.demo-timeline>button.current i{width:62%;animation:none}.demo-timeline>button.done{background:#edf5f0}.demo-timeline>button.done i{width:100%}.demo-timeline>button:focus-visible,.demo-actions button:focus-visible,.demo-launch button:focus-visible,.walkthrough-dialog button:focus-visible{outline:3px solid #80bcb9;outline-offset:3px}
.walkthrough-dialog{box-sizing:border-box;width:min(510px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #b8c9d2;background:#fbfcfd;color:#203747;box-shadow:0 24px 100px #0b213a55;margin:auto 24px auto auto;overflow:auto;scrollbar-width:thin}.walkthrough-dialog::backdrop{background:#0f23393d;backdrop-filter:blur(1px)}.walkthrough-dialog[open]{animation:walkthrough-in .24s cubic-bezier(.2,.8,.2,1)}.walkthrough-dialog>header{position:sticky;top:0;background:#eaf1f4;padding:14px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3dfe4;z-index:1}.walkthrough-dialog>header span{font:11px monospace;letter-spacing:1.3px;color:#466777}.walkthrough-dialog>header button{border:0;background:none;font:25px Arial,sans-serif;color:#486773;cursor:pointer;width:32px;height:32px}.walkthrough-body{padding:23px}.walkthrough-body>small{font:10px monospace;color:#607f8a;letter-spacing:1.2px;text-transform:uppercase}.walkthrough-body h2{font:400 31px/1.12 Arial,sans-serif;letter-spacing:-1px;margin:10px 0 14px;color:#203c4b}.walkthrough-body h3{font:600 15px/1.45 Arial,sans-serif;margin:0 0 10px}.walkthrough-body p{font:14px/1.65 Arial,sans-serif;color:#4f6774;margin:0}.walkthrough-example{margin:19px 0;background:#edf3f4;border-left:3px solid #6a938c;padding:13px 15px}.walkthrough-example span{font:9px monospace;letter-spacing:1px;color:#638278}.walkthrough-example p{font-size:13px;margin-top:7px}.walkthrough-contract{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #d6e0e4;border-bottom:1px solid #d6e0e4;padding:14px 0}.walkthrough-contract small{font:10px monospace;letter-spacing:1px;color:#607f8a}.walkthrough-contract p{font-size:12px;margin-top:7px}.walkthrough-watch{margin-top:18px}.walkthrough-watch b{font:600 13px Arial,sans-serif}.walkthrough-watch p{font-size:13px;margin-top:6px}.walkthrough-dialog>footer{position:sticky;bottom:0;background:#fbfcfdf5;border-top:1px solid #d6e0e4;padding:14px 21px 18px}.walkthrough-dialog>footer p{font:11px/1.5 Arial,sans-serif;color:#6a7f89;margin:0 0 11px}.walkthrough-dialog>footer>div{display:flex;gap:10px;justify-content:space-between}.walkthrough-dialog>footer button{border:1px solid #acbdc6;background:#f7fafb;color:#3b5867;padding:12px 15px;font:12px Arial,sans-serif;cursor:pointer;min-height:42px}.walkthrough-dialog>footer button:disabled{opacity:.4;cursor:default}.walkthrough-dialog #walkthroughNext{background:#234959;border-color:#234959;color:#fff}
@keyframes walkthrough-in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px){.demo-launch{width:245px!important}.demo-timeline>button{padding:7px}.demo-timeline>button b{font-size:10px}.demo-intro p{font-size:12px!important}.demo-narrative-body{padding:13px}.demo-chapter p{font-size:12px}}
@media(max-width:900px){body.demo-guided .ops-runtime-body{grid-template-rows:auto!important}.demo-launch{width:100%!important;max-width:100%;margin-top:15px}.demo-intro{position:relative}.demo-command[open]{position:relative}.demo-intro h1{font-size:29px!important}body.demo-guided .demo-timeline{grid-template-columns:repeat(4,minmax(0,1fr));min-height:145px}.demo-timeline>button b{font-size:11px}.walkthrough-dialog{margin:auto;width:min(510px,calc(100vw - 24px))}.walkthrough-body{padding:19px}.walkthrough-body h2{font-size:28px}.demo-scene-caption{max-width:70%;top:58px}.demo-narrative-body{padding:17px}.demo-chapter p{font-size:14px}body.demo-guided .ops-runtime :is(.observations,.insights-panel){height:auto!important;min-height:740px}.demo-timeline>button{min-height:62px}.demo-actions button{min-height:42px}}
@media(max-width:420px){.walkthrough-body h2{font-size:25px}.walkthrough-dialog>footer button{font-size:11px;padding:11px}.walkthrough-contract{gap:12px}.walkthrough-body p{font-size:13px}.demo-timeline>button b{font-size:10px}.demo-scene-caption b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.walkthrough-dialog[open]{animation:none}.demo-timeline>button,.demo-timeline>button i{transition:none}}