/* Generic interactive workspace. Case-specific content is supplied after unlock. */
.v62 .walkthrough-chapter>.chapter-body{margin-left:0}
.v62 .walkthrough-intro{margin-left:240px;max-width:70ch}
.v62 .investigation-walkthrough{--walk-line:#42364f;--walk-muted:#a89db5;position:relative;background:#0e0c15;border:1px solid var(--walk-line);border-radius:18px;overflow:hidden;color:#eee8f7;isolation:isolate;margin-top:28px;box-shadow:0 18px 55px #0003}
.investigation-walkthrough *{box-sizing:border-box}
.investigation-walkthrough [hidden]{display:none!important}
.investigation-walkthrough button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.investigation-walkthrough button:focus-visible,.investigation-walkthrough summary:focus-visible,.investigation-walkthrough:focus-visible{outline:2px solid var(--accent,#bd1ffc);outline-offset:-3px}
.walkthrough-titlebar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-bottom:1px solid #ffffff0b;background:linear-gradient(120deg,#ffffff04,transparent 65%)}
.walkthrough-product{display:flex;align-items:center;gap:12px;min-width:0}
.walkthrough-product-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid #78648855;background:#39264c44;border-radius:9px;font-size:21px;color:#d8b5ef}
.walkthrough-product-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.walkthrough-product strong{display:block;font-size:13px;font-weight:550;letter-spacing:-.015em}
.walkthrough-product>div>span{display:block;font-size:11px;color:var(--walk-muted);margin-top:3px}
.walkthrough-demo-label{color:var(--walk-muted);font-size:10px;border:1px solid #ffffff16;border-radius:100px;padding:6px 9px;white-space:nowrap}
.walkthrough-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 22px}
.walkthrough-playback,.walkthrough-step-controls{display:flex;align-items:center;gap:8px}
.walkthrough-step-controls>span{font:11px/1.3 var(--mono,monospace);min-width:63px;text-align:center;color:#c4b6d2;letter-spacing:.05em}
.investigation-walkthrough .walkthrough-play{display:flex;align-items:center;justify-content:center;gap:13px;min-height:40px;padding:10px 14px;border:1px solid #a681c455;border-radius:8px;background:#62427833;font-size:12px;transition:background .2s,border-color .2s}
.investigation-walkthrough .walkthrough-play:hover{background:#77529455;border-color:#bc87dd88}
.walkthrough-play svg{width:14px;height:14px;fill:#d3a1ef;flex:none}
.walkthrough-play .walkthrough-pause-icon{display:none;stroke:#d3a1ef;stroke-width:2.5;fill:none}
.walkthrough-play[aria-pressed=true] .walkthrough-play-icon{display:none}
.walkthrough-play[aria-pressed=true] .walkthrough-pause-icon{display:block}
.investigation-walkthrough .walkthrough-icon-button{display:grid;place-items:center;padding:0;width:35px;height:35px;border:1px solid transparent;border-radius:7px;background:transparent;color:#b9aac8}
.walkthrough-icon-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.investigation-walkthrough .walkthrough-icon-button:hover{border-color:#ffffff14;background:#ffffff06}
.investigation-walkthrough button:disabled{opacity:.3;cursor:default}
.walkthrough-steps{list-style:none!important;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:0 22px 14px!important;margin:0!important;gap:5px;border-bottom:1px solid var(--walk-line)}
.walkthrough-steps li{min-width:0;margin:0!important;padding:0!important}
.walkthrough-steps button{display:flex;align-items:center;gap:5px;width:100%;padding:9px 4px 7px;border:0;border-top:2px solid #ffffff12;background:transparent;text-align:left;font-size:10px;color:#8e839c;transition:color .2s,border-color .2s}
.walkthrough-steps button>span{font:9px/1 var(--mono,monospace);opacity:.6}
.walkthrough-steps button.is-complete{color:#c3b3ce;border-top-color:#87619f77}
.walkthrough-steps button[aria-current=step]{border-top-color:var(--accent,#bd1ffc);color:#f1e4fb}
.walkthrough-workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(255px,1fr);min-width:0}
.walkthrough-canvas-pane{min-width:0;background:#110e19}
.walkthrough-canvas-bar{height:38px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#8f809f}
.walkthrough-canvas-bar>span:first-child{display:flex;align-items:center;gap:7px;color:#cabbd7}
.walkthrough-canvas-bar i{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--accent,#bd1ffc)}
.walkthrough-canvas{position:relative;height:570px;width:100%;background-image:linear-gradient(#d9b5f403 1px,transparent 1px),linear-gradient(90deg,#d9b5f403 1px,transparent 1px);background-size:32px 32px}
.walkthrough-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.walkthrough-connections path{fill:none;stroke:#8f6ba566;stroke-width:1.5;vector-effect:non-scaling-stroke}
.walkthrough-connections .walkthrough-conditional-edge{stroke-dasharray:4 4}
.investigation-walkthrough .walkthrough-node{position:absolute;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:33%;min-height:73px;padding:10px 11px;border:1px solid #51425f;border-radius:8px;text-align:left;background:linear-gradient(135deg,#241c2e,#1b1524);box-shadow:0 5px 12px #0002;transform:translate(-50%,-50%);transition:border-color .2s,box-shadow .2s,background .2s}
.investigation-walkthrough .walkthrough-node:hover,.investigation-walkthrough .walkthrough-node.is-inspected{border-color:#d698f0b3;box-shadow:0 0 0 1px #b167d51a,0 5px 14px #0002;background:linear-gradient(135deg,#302038,#1f1628)}
.walkthrough-node-kind{display:block;color:#ae90c2;font-size:8px;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}
.walkthrough-node strong{font-size:11px;font-weight:550;letter-spacing:-.01em;line-height:1.35;color:#e9dff1}
.walkthrough-node small{font-size:9px;color:#a99ab6;line-height:1.4;margin-top:4px}
.walkthrough-node-port{position:absolute;bottom:-3px;left:calc(50% - 3px);width:6px;height:6px;background:#ac85c3;border:1px solid #292032;border-radius:50%}
.walkthrough-node-origin{left:50%;top:9%}
.walkthrough-node-branch-a{left:25%;top:34.5%}
.walkthrough-node-branch-b{left:75%;top:34.5%}
.investigation-walkthrough .walkthrough-node-context-a,.investigation-walkthrough .walkthrough-node-context-b{top:57.3%;min-height:100px;justify-content:flex-start}
.walkthrough-node-context-a{left:25%}.walkthrough-node-context-b{left:75%}
.investigation-walkthrough .walkthrough-node-comparison{left:50%;top:77.7%;width:41%;min-height:64px}
.investigation-walkthrough .walkthrough-node-disposition{left:29%;top:94.5%;min-height:62px;width:37%;border-color:#60867355}
.investigation-walkthrough .walkthrough-node-tuning{left:73%;top:94.5%;min-height:62px;width:37%}
.walkthrough-node-disposition .walkthrough-node-kind{color:#b2d2c0}
.walkthrough-node-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.walkthrough-node-chips>span{display:block;border:1px solid #81679344;border-radius:4px;background:#b482d206;font-size:8px;line-height:1;padding:4px;color:#c9b5d7}
.walkthrough-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:17px 18px 11px;font-size:9px;color:#9f90ad}
.walkthrough-canvas-footer>span:last-child{white-space:nowrap;color:#c5a6d7}
.walkthrough-canvas-footer i{font-style:normal;color:#badfc9;margin-right:3px}
.walkthrough-inspector{min-width:0;padding:0 23px 22px;border-left:1px solid var(--walk-line);background:linear-gradient(135deg,#1a142122,#15101bcc)}
.walkthrough-inspector-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:49px;margin-bottom:20px;font-size:10px;color:#a495b2;border-bottom:1px solid #ffffff0b}
.walkthrough-inspector-badge{font-size:8px;color:#786c85;white-space:nowrap}
.walkthrough-detail-number{color:#c28bdf;font-size:10px}
.v62 .investigation-walkthrough .walkthrough-inspector h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:13px 0 16px;max-width:22ch;font-weight:500}
.v62 .investigation-walkthrough .walkthrough-inspector p{font-size:12px;line-height:1.75;color:#b9adca;margin:0 0 20px;max-width:none}
.walkthrough-inspector dl{margin:0}
.walkthrough-inspector dl>div{border-top:1px solid #ffffff0d;padding:16px 0}
.walkthrough-inspector dt{font-size:9px;color:#ded1e8;margin-bottom:7px}
.walkthrough-inspector dd{margin:0;font-size:11px;line-height:1.7;color:#a99bb8}
.walkthrough-inspector details{border:1px solid #67477655;border-radius:8px;padding:10px 12px;margin-top:8px;background:#734c850b}
.walkthrough-inspector summary{font-size:11px;line-height:1.5;color:#c7a3da;cursor:pointer}
.v62 .investigation-walkthrough .walkthrough-inspector details p{font-size:11px;margin:11px 0 0;line-height:1.7}
.walkthrough-outcome{border:1px solid #71567f55;background:#b87cce08;border-radius:8px;padding:12px;margin-top:7px;display:grid;gap:7px}
.walkthrough-outcome>span{font-size:9px;color:#aa8cba}.walkthrough-outcome>strong{font-size:11px;font-weight:450;color:#e1d3ec}
.walkthrough-statusbar{display:flex;justify-content:space-between;gap:18px;padding:12px 22px;border-top:1px solid var(--walk-line);font-size:10px;line-height:1.5;color:#a998b8;background:#17101e55}
.walkthrough-keyboard-hint{white-space:nowrap;color:#80718e;font-family:var(--mono,monospace);font-size:9px}
.v62 .walkthrough-source-note{max-width:90ch;margin-top:15px!important;font-size:12px!important;line-height:1.65!important}
.walkthrough-node.is-new,.walkthrough-connections .is-new{animation:walkthrough-arrive .45s cubic-bezier(.2,.8,.2,1) both}
.walkthrough-inspector [data-stage-detail]:not([hidden]){animation:walkthrough-detail .23s ease-out both}
@keyframes walkthrough-arrive{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@keyframes walkthrough-detail{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.v62 .walkthrough-intro{margin-left:175px}.walkthrough-workspace{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}.walkthrough-inspector{padding-inline:17px}.walkthrough-titlebar,.walkthrough-controls{padding-inline:17px}.walkthrough-steps{padding-inline:17px!important}.walkthrough-node strong{font-size:10px}.walkthrough-node small{font-size:8px}.walkthrough-node-kind{font-size:7px}.investigation-walkthrough .walkthrough-node{padding-inline:9px}}
@media(max-width:850px){.walkthrough-workspace{grid-template-columns:1fr}.walkthrough-canvas{height:590px}.walkthrough-node strong{font-size:12px}.walkthrough-node small{font-size:10px}.walkthrough-node-kind{font-size:9px}.walkthrough-node-chips>span{font-size:9px}.walkthrough-inspector{border-left:0;border-top:1px solid var(--walk-line);padding:0 22px 22px;min-height:320px}.walkthrough-inspector-heading{min-height:42px;margin-bottom:15px}.walkthrough-inspector [data-stage-detail]{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.walkthrough-inspector .walkthrough-detail-number,.walkthrough-inspector h3,.walkthrough-inspector>div>p{grid-column:1}.walkthrough-inspector dl{grid-column:2;grid-row:1 / span 4}.walkthrough-inspector dl>div:first-child{border-top:0;padding-top:0}.walkthrough-inspector details,.walkthrough-outcome{grid-column:1/-1}.v62 .investigation-walkthrough .walkthrough-inspector h3{font-size:22px}.v62 .investigation-walkthrough .walkthrough-inspector p{font-size:13px}.walkthrough-inspector dd{font-size:12px}}
@media(max-width:600px){.v62 .walkthrough-intro{margin-left:0}.v62 .investigation-walkthrough{border-radius:12px}.walkthrough-titlebar{padding:14px 13px;gap:8px}.walkthrough-product{gap:9px}.walkthrough-product-icon{height:28px;width:28px;font-size:18px}.walkthrough-product strong{font-size:11px}.walkthrough-product>div>span{font-size:9px}.walkthrough-demo-label{font-size:8px;padding:5px 7px}.walkthrough-controls{padding:12px 10px;gap:5px}.walkthrough-playback,.walkthrough-step-controls{gap:2px}.investigation-walkthrough .walkthrough-play{font-size:10px;gap:7px;min-height:44px;padding-inline:9px}.investigation-walkthrough .walkthrough-icon-button{width:30px;height:44px}.walkthrough-step-controls>span{font-size:9px;min-width:44px}.walkthrough-steps{gap:4px;padding:0 12px 12px!important}.walkthrough-steps button{flex-direction:column;align-items:flex-start;font-size:8px;gap:5px;padding-top:8px;min-height:44px}.walkthrough-steps button>span{font-size:8px}.walkthrough-canvas-bar{padding-inline:12px;font-size:9px}.walkthrough-canvas{height:550px}.investigation-walkthrough .walkthrough-node{width:43%;padding:9px 7px;min-height:70px;border-radius:6px}.walkthrough-node strong{font-size:10px;line-height:1.35}.walkthrough-node small{font-size:8px}.walkthrough-node-kind{font-size:7px;letter-spacing:.025em}.walkthrough-node-chips{gap:3px}.walkthrough-node-chips>span{font-size:7px;padding:4px 3px}.investigation-walkthrough .walkthrough-node-context-a,.investigation-walkthrough .walkthrough-node-context-b{min-height:98px}.investigation-walkthrough .walkthrough-node-comparison{width:58%}.investigation-walkthrough .walkthrough-node-disposition,.investigation-walkthrough .walkthrough-node-tuning{width:43%;min-height:69px}.investigation-walkthrough .walkthrough-node-disposition{left:25%}.investigation-walkthrough .walkthrough-node-tuning{left:75%}.walkthrough-canvas-footer{font-size:8px;padding:20px 12px 12px;gap:8px}.walkthrough-inspector{padding-inline:16px;min-height:0}.walkthrough-inspector [data-stage-detail]{display:block}.walkthrough-inspector dl>div:first-child{border-top:1px solid #ffffff0d;padding-top:14px}.v62 .investigation-walkthrough .walkthrough-inspector h3{font-size:24px;max-width:24ch;margin:11px 0 14px}.v62 .investigation-walkthrough .walkthrough-inspector p{font-size:13px;margin-bottom:17px}.walkthrough-inspector dt{font-size:10px}.walkthrough-inspector dd{font-size:12px}.walkthrough-statusbar{padding:11px 14px;font-size:9px}.walkthrough-keyboard-hint{display:none}.v62 .walkthrough-source-note{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.investigation-walkthrough *{animation:none!important;transition:none!important}}
@media print{.walkthrough-controls,.walkthrough-steps,.walkthrough-statusbar{display:none}.walkthrough-workspace{display:block}.walkthrough-inspector{border-left:0}.investigation-walkthrough{break-inside:avoid}}
