.tour-launch{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:22px;padding:6px 0;border:0;background:transparent;color:#b4eaff;cursor:pointer;font:500 12px/1.5 JetBrains Mono,monospace;text-align:left}
.tour-launch>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #4598b7;border-radius:50%;font-size:14px}.tour-launch:hover{color:white}.tour-launch:hover>span{background:#193341}
body.is-exploring{position:fixed;left:0;right:0;overflow:hidden}
.is-exploring>header,.is-exploring>main,.is-exploring>.chapter-index,.is-exploring>.motion-toggle,.is-exploring>.mobile-panel,.is-exploring>#progress{visibility:hidden}
.is-exploring .vignette{background:radial-gradient(ellipse at center,transparent 25%,#020509aa)}.is-exploring .wash{opacity:.2}
.workshop-tour{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(18px,3vw,44px);border:0;background:transparent;color:var(--text);overflow:auto}
.workshop-tour::backdrop{background:transparent}
.workshop-tour[open]{display:grid;grid-template-rows:auto auto minmax(170px,1fr) auto;gap:20px}
.tour-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.tour-brand{font:500 12px/1.5 JetBrains Mono,monospace;letter-spacing:.07em;color:#c0e9fa}.tour-brand span{color:var(--orange)}
.tour-close{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 17px;border:1px solid #53606b;border-radius:30px;background:#071019;color:#eef5fa;font:500 12px/1.3 JetBrains Mono,monospace;cursor:pointer}
.tour-stations{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.tour-stations button{min-height:44px;padding:10px 17px;border:1px solid #344756;border-radius:7px;background:#07121de8;color:#aebfcd;font:500 11px/1.5 JetBrains Mono,monospace;cursor:pointer}.tour-stations button[aria-pressed=true]{background:#183445;border-color:var(--blue);color:#e0f7ff}
.tour-stage{position:relative;min-height:170px;touch-action:none;cursor:grab}.tour-stage:active{cursor:grabbing}
.tour-hotspots{position:absolute;inset:0;pointer-events:none}.tour-hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:1px solid #84e3ff;border-radius:50%;background:#09202dea;color:#e4faff;font:600 11px JetBrains Mono,monospace;box-shadow:0 0 0 5px #23c8ff16,0 3px 18px #02050999;pointer-events:auto;cursor:pointer;z-index:2}.tour-hotspot:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);padding:7px 10px;border:1px solid #39627a;border-radius:5px;white-space:nowrap;background:#06131ff2;color:#ccefff;font:10px/1.4 JetBrains Mono,monospace;opacity:0;pointer-events:none}.tour-hotspot:hover,.tour-hotspot:focus-visible{background:#12628a;box-shadow:0 0 0 7px #23c8ff22}.tour-hotspot:hover:after,.tour-hotspot:focus-visible:after{opacity:1}.tour-overview{position:absolute;left:0;top:0;z-index:3;min-height:44px;padding:10px 13px;background:#071521e8;border:1px solid #355970;border-radius:7px;color:#c9ebff;font:11px JetBrains Mono,monospace;cursor:pointer}
.tour-inspection{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #35597066}.tour-inspection label{font:10px/1.4 JetBrains Mono,monospace;color:#85dbff;white-space:nowrap}.tour-inspection select{min-height:44px;max-width:310px;padding:10px 30px 10px 12px;border-color:#406478;background:#07141ff2;font-size:12px;color:#e5f4ff}
.tour-bottom{display:grid;grid-template-columns:minmax(0,540px) 1fr;align-items:end;gap:36px;padding-top:22px;border-top:1px solid #59748944;background:linear-gradient(0deg,#05070bcc,transparent)}
.tour-copyline{display:flex;align-items:center;gap:17px;color:#88ddff;font:500 10px/1.5 JetBrains Mono,monospace;letter-spacing:.06em}.tour-copyline b{color:var(--orange);white-space:nowrap}.tour-panel h2{font-size:clamp(28px,3.2vw,44px);line-height:1.05;letter-spacing:-.04em;margin-top:12px}.tour-panel p{font-size:14px;color:#c4d0db;line-height:1.65;margin:12px 0 0;max-width:530px}
.tour-panel .actions{margin-top:20px;gap:10px}.tour-panel .btn{min-height:44px;font-size:10px}.tour-tools{justify-self:end;text-align:right}.tour-tools p{font:10px/1.5 JetBrains Mono,monospace;color:#a4b7c7;margin:0 0 12px}.tour-controls{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.tour-controls button{min-width:44px;min-height:44px;border:1px solid #425566;background:#09141de8;border-radius:7px;color:#d1e4f1;padding:10px 14px;font:11px/1.4 JetBrains Mono,monospace;cursor:pointer}.tour-controls+.tour-controls{margin-top:10px}
.workshop-tour button:hover{border-color:var(--blue);color:white}.workshop-tour :focus-visible{outline-offset:3px}
.tour-tools>.tour-controls{margin-top:10px}.focused-projects .project{scroll-margin-top:90px}
@media(max-width:900px){
 .workshop-tour{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.workshop-tour[open]{gap:12px;grid-template-rows:auto auto minmax(155px,1fr) auto}.tour-brand{font-size:10px;max-width:190px}.tour-close{font-size:10px;min-height:44px;padding:10px 13px}.tour-stations{gap:5px;justify-content:flex-start}.tour-stations button{font-size:9px;padding:8px 10px;min-height:40px}.tour-bottom{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:14px}.tour-copyline{font-size:8px;gap:10px}.tour-panel h2{font-size:28px;margin-top:9px}.tour-panel p{font-size:12px;line-height:1.5;margin-top:9px}.tour-panel .actions{margin-top:14px}.tour-panel .actions .btn{width:auto;flex:1;letter-spacing:.025em;padding:10px 9px;font-size:9px}.tour-tools{display:flex;justify-content:space-between;gap:8px}.tour-tools p{display:none}.tour-controls{gap:5px}.tour-controls button{font-size:10px;padding:8px 10px}.tour-controls+.tour-controls{margin-top:0}.tour-stage{min-height:155px}
}
@media(max-width:900px){.tour-tools>.tour-controls{margin-top:0}#tourReset{width:44px;font-size:0}#tourReset:after{content:'↺';font-size:16px}.tour-controls{flex-wrap:nowrap}.tour-stage{border-bottom:1px solid #59748922}}
@media(max-width:900px){.tour-inspection{gap:12px;margin-bottom:12px;padding-bottom:10px}.tour-inspection select{max-width:none;font-size:11px}.tour-inspection label{font-size:9px}.tour-hotspot:after{display:none}.tour-overview{font-size:10px}}
@media(max-height:620px) and (min-width:701px){.workshop-tour[open]{gap:8px}.tour-bottom{padding-top:10px}.tour-panel h2{font-size:28px}.tour-panel p{font-size:12px}.tour-panel .actions{margin-top:10px}.tour-stations button{min-height:40px}.workshop-tour{padding:16px}}
@media(max-height:540px) and (min-width:600px){
 .workshop-tour[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(170px,1fr);gap:8px 22px}.tour-top,.tour-stations{grid-column:1/-1}.tour-stations{justify-content:flex-start}.tour-brand{max-width:none}.tour-stage{grid-column:2;grid-row:3;min-height:170px}.tour-bottom{grid-column:1;grid-row:3;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;border:0;padding:0;gap:8px}.tour-panel h2{font-size:22px;margin-top:5px}.tour-panel p{font-size:11px;line-height:1.4;margin-top:6px}.tour-panel .actions{margin-top:8px}.tour-panel .btn{min-height:40px}.tour-copyline{font-size:8px}.tour-tools{display:flex;justify-content:space-between;gap:8px}.tour-tools p{display:none}.tour-controls{flex-wrap:nowrap;gap:5px}.tour-controls button{font-size:10px;padding:8px 10px}.tour-tools>.tour-controls{margin-top:0}#tourReset{width:44px;font-size:0}#tourReset:after{content:'↺';font-size:16px}
}
@media(max-height:540px) and (min-width:600px){.tour-inspection{gap:10px;margin-bottom:6px;padding-bottom:0;border:0}.tour-inspection select{font-size:10px;min-height:36px;padding:7px}.tour-inspection label{font-size:9px}.tour-panel h2{font-size:20px}.tour-copyline{font-size:7px}.tour-panel p{font-size:10px}.tour-panel .actions{margin-top:6px}.tour-tools button{min-height:40px}.tour-stage{min-height:150px}}
