*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100dvh;display:grid;grid-template-rows:44px minmax(0,1fr) auto;background:#e6e9f0;color:#fff;font:13px system-ui,sans-serif}[hidden]{display:none!important}.tour-ribbon{display:flex;align-items:center;gap:20px;padding:0 24px;background:#20242d;min-width:0}.tour-ribbon b{white-space:nowrap}.tour-ribbon #tour-title{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d0d6e4}.tour-ribbon a{color:white}.tour-stage{position:relative;min-height:0;overflow:hidden;margin:12px;isolation:isolate}#scene{position:absolute;left:50%;top:50%;border:0;background:white;transform-origin:center;pointer-events:none;box-shadow:0 8px 35px #0c183f20}.tour-player{background:#1c2230;z-index:10;min-width:0}.tour-caption{min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 22px 4px;max-width:1150px;margin:auto;font-size:15px;line-height:1.4}.tour-controls{display:flex;align-items:center;gap:14px;padding:12px 24px 18px;max-width:1280px;margin:auto}.tour-controls button,.tour-controls select{border:1px solid #515969;border-radius:7px;background:#30394c;color:white;padding:9px 12px;font:inherit;cursor:pointer}.tour-controls #play{background:white;color:#18213b;min-width:74px;font-weight:700}.tour-controls input{flex:1;min-width:35px;accent-color:#aabaff}.tour-controls #elapsed,.tour-controls #length{font-variant-numeric:tabular-nums}.tour-start{position:fixed;inset:44px 0 0;z-index:20;display:grid;place-items:center;padding:20px;background:#10192e8c;backdrop-filter:blur(3px)}.tour-start article{max-width:570px;background:white;color:#20242d;border-radius:20px;padding:40px;box-shadow:0 30px 100px #10172736}.tour-start article>p:first-child{font-size:10px;letter-spacing:1.4px;color:#0040ff;font-weight:700}.tour-start h1{font-size:36px;line-height:1.15;letter-spacing:-1.4px}.tour-start p{font-size:15px;line-height:1.7;color:#657189}.tour-start button{background:#0040ff;color:white;border:0;border-radius:10px;padding:16px 22px;font:600 14px system-ui;cursor:pointer}.tour-start small{display:block;margin-top:16px;color:#788398}.tour-cursor{position:fixed;z-index:9;pointer-events:none;transition:top .3s,left .3s;filter:drop-shadow(0 3px 4px #17223e55)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aabaff;outline-offset:3px}@media(max-width:650px){.tour-ribbon{font-size:11px;padding:0 12px;gap:10px}.tour-ribbon #tour-title{display:none}.tour-ribbon #tour-count{margin-left:auto}.tour-stage{margin:6px}.tour-caption{font-size:12px;min-height:62px;padding:10px 12px 0}.tour-controls{padding:10px 12px;gap:8px;font-size:11px}.tour-controls #replay,.tour-controls #mute{display:none}.tour-controls button,.tour-controls select{padding:8px}.tour-controls #play{min-width:56px}.tour-start article{padding:24px}.tour-start h1{font-size:28px}}@media(max-height:500px){body{grid-template-rows:32px minmax(0,1fr) auto}.tour-caption{min-height:30px;padding:6px 16px 0;font-size:12px}.tour-controls{padding:6px 16px;gap:10px}.tour-controls button,.tour-controls select{padding:5px 10px}.tour-stage{margin:4px}.tour-start{inset:32px 0 0}.tour-start article{padding:16px 24px}.tour-start h1{margin:10px 0;font-size:26px}.tour-start p{margin:8px 0;font-size:13px}.tour-start small{display:none}}

/* Compact monochrome controls; labels remain available to assistive technology. */
.tour-controls .icon-control,.tour-controls #play{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;min-width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:#e2e7f2}.tour-controls #play{background:#fff;color:#172033}.tour-controls .icon-control:hover{background:#3b455b}.tour-controls #play:hover{background:#dce5ff}.tour-controls .icon-control[aria-pressed=true]{color:#aabaff;background:#303a53}.icon-control::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);padding:8px 10px;border-radius:6px;background:#080f1d;color:white;white-space:nowrap;pointer-events:none;font-size:11px;opacity:0;visibility:hidden;transition:opacity .12s;z-index:30}.icon-control:hover::after,.icon-control:focus-visible::after{opacity:1;visibility:visible}.tour-controls #fullscreen::after{left:auto;right:0;transform:none}@media(max-width:650px){.tour-controls{gap:4px}.tour-controls .icon-control,.tour-controls #play{flex-basis:32px;width:32px;min-width:32px;height:36px}.tour-controls #replay{display:none}.tour-controls #mute{display:inline-flex}.tour-controls svg{width:19px;height:19px}.icon-control::after{max-width:220px;white-space:normal}.tour-controls #speed::after{left:auto;right:0;transform:none}}

/* Walkthrough stays beside the screen; the player spans both columns. */
.tour-workspace{display:grid;grid-template-columns:minmax(0,1fr) 284px;min-height:0;overflow:hidden}.tour-coach{background:#fff;color:#202b42;padding:26px 20px;border-left:1px solid #dce2ec;min-height:0;overflow:auto}.coach-eyebrow{font-size:10px;letter-spacing:1.5px;color:#53647f;font-weight:700;margin:0 0 12px}.tour-coach h2{font-size:20px;letter-spacing:-.5px;margin:0 0 10px}.coach-intro{color:#62718a;line-height:1.6;margin:0 0 22px}.tour-coach nav{display:grid;gap:7px}.tour-coach nav button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;color:#58677e;border:1px solid transparent;border-radius:9px;padding:12px 9px;font:500 12px system-ui;cursor:pointer}.tour-coach nav button.active{background:#eef2ff;border-color:#dbe3ff;color:#003ddb}.chapter-number{font-size:11px;font-variant-numeric:tabular-nums;color:#8290a8}.tour-coach nav button.active .chapter-number{color:#003ddb}.tour-coach nav small{margin-left:auto;font-size:10px;white-space:nowrap}.coach-note{margin-top:24px;padding-top:22px;border-top:1px solid #e7ebf2}.coach-note>span{font-size:9px;letter-spacing:1.4px;color:#667995;font-weight:700}.coach-note h3{font-size:15px;margin:10px 0}.coach-note p{font-size:12px;color:#62718a;line-height:1.65;margin:0}@media(max-width:800px){.tour-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.tour-coach{padding:10px 14px;border-left:0;border-top:1px solid #dce2ec;overflow:hidden}.coach-eyebrow,.tour-coach h2,.coach-intro,.tour-coach nav,.coach-note>span{display:none}.coach-note{border:0;margin:0;padding:0}.coach-note h3{margin:0 0 4px;font-size:12px}.coach-note p{font-size:11px;line-height:1.4}}@media(max-height:650px) and (min-width:801px){.tour-coach{padding:14px}.coach-intro{display:none}.tour-coach nav{gap:2px}.tour-coach nav button{padding:8px}.coach-note{margin-top:12px;padding-top:12px}}@media(max-height:500px) and (max-width:800px){.tour-coach{padding:6px 12px}.coach-note p{display:none}}