/* ABS companion window; glass Areas are revealed only when introduced. */
.guide-window {position:fixed;z-index:6000;left:calc(50% - 220px);top:calc(50% - 220px);width:440px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:linear-gradient(145deg,var(--shell-hi),var(--shell) 55%,var(--shell-lo));border:1px solid var(--line);border-radius:26px!important;corner-shape:squircle!important;box-shadow:0 24px 70px #0008,inset 0 1px #ffffff12;--app-primary:#64d782;--toggle-light-color:#64d782;animation:guide-arrive 220ms ease-out}
.guide-window[hidden],.guide-topic-list [hidden] {display:none!important}
.guide-window.is-lesson:not(.was-moved) {top:auto;bottom:18px;left:calc(50% - 195px);width:390px}
.guide-window.is-reference:not(.was-moved) {top:24px;bottom:auto;max-height:calc(100dvh - 48px)}
.guide-titlebar {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);cursor:grab;touch-action:none;flex:none}
.guide-identity {display:flex;gap:9px;align-items:center;font-size:13px}
.guide-identity>svg {width:23px;height:23px;color:var(--app-primary)}
.guide-window-actions {display:flex;gap:6px}.guide-key{width:29px;height:29px;display:grid;place-items:center;padding:6px}.guide-key svg{width:16px;height:16px}
.guide-content {overflow:auto;min-height:0;padding:23px 24px;scrollbar-width:thin}
.guide-content h1 {font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:18px 0 12px;font-weight:600;outline:none!important;box-shadow:none!important}
.guide-content p {font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 16px}
.guide-content .guide-purpose {color:var(--text);font-weight:500}
.guide-example {border-top:1px solid var(--line);padding:16px 0 14px;margin:20px 0}
.guide-example .eyebrow {font-size:9px;color:var(--muted)}
.guide-example h2 {font-size:15px;line-height:1.4;font-weight:600;margin:7px 0 14px}
.guide-example ol {list-style:none;counter-reset:guide-example;display:grid;gap:13px;padding:0;margin:0}
.guide-example li {counter-increment:guide-example;display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:8px;font-size:12px;line-height:1.5}
.guide-example li::before {content:counter(guide-example,decimal-leading-zero);grid-row:span 2;color:var(--faint);font:10px ui-monospace,monospace;padding-top:3px}
.guide-example li b {font-weight:600;color:var(--text)}
.guide-example li span {color:var(--muted)}
.guide-content .guide-example-choice {font-size:10px;margin:13px 0 0;color:var(--faint)}
.guide-step-meta {display:flex;align-items:center;justify-content:space-between;gap:8px;font:10px ui-monospace,monospace;color:var(--muted)}
.guide-text-action {border:0;padding:4px 0;background:transparent;color:var(--muted);font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.guide-text-action:hover {color:var(--text)}
.guide-progress {height:2px;background:var(--well);margin:12px 0 20px}.guide-progress i {display:block;height:100%;background:var(--app-primary);transition:width 160ms ease}
.guide-task {border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.guide-task .eyebrow {font-size:10px;color:var(--muted)}
.guide-task p {color:var(--text);margin:7px 0 10px}.guide-task [role=status]{display:block;min-height:17px;color:var(--app-primary);font-size:11px;margin-bottom:15px}
.guide-step-actions {display:flex;align-items:center;gap:17px}.guide-primary{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 15px;font-size:12px;min-height:39px}.guide-primary svg{width:17px;height:17px}.guide-primary:disabled{opacity:.4;cursor:default}
.guide-content .guide-footnote {margin:17px 0 0;font-size:10px;line-height:1.6;color:var(--faint)}
.guide-window.is-compact .guide-content {display:none}.guide-window.is-compact {width:420px}
.guide-window.is-compact .guide-titlebar{border-bottom:0}
.guide-window.was-moved{bottom:auto!important}
.guide-search {display:flex;align-items:center;gap:10px;padding:9px 10px;margin:20px 0 8px}.guide-search svg{width:17px;flex:none}.guide-search input{width:100%;min-width:0;background:transparent;border:0;color:var(--text);outline:none;font:inherit;font-size:12px}
.guide-topic-list details {border-bottom:1px solid var(--line);padding:0}.guide-topic-list summary{padding:13px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;cursor:pointer;list-style:none}.guide-topic-list summary svg{width:14px;height:14px}.guide-topic-list details[open] summary svg{transform:rotate(90deg)}.guide-topic-list details p{font-size:12px}.guide-show{padding:7px 10px;font-size:11px;margin-bottom:14px}
.guide-target {outline:2px solid color-mix(in srgb,#64d782 70%,transparent)!important;outline-offset:-3px!important}
html[data-guide-level] .desktop-context-menu {z-index:11000!important}
#spatialGuide {z-index:10000}
/* Feature gates follow taught concepts, so moving a mission cannot reveal unrelated tools. */
html[data-guide-all="false"] :is([data-universal-group="settings"],[data-universal-group="web"],.desktop-folder,.launcher-categories){display:none!important}
html[data-guide-all="false"] .launcher-app:not([data-open-app]):not([data-launch-app="Spatial Guide"]),
html[data-guide-all="false"] .universal-result[data-search-launch-app]:not([data-search-launch-app="Spatial Guide"]){display:none!important}
html[data-guide-stash="false"] [data-area-window="projects"],
html[data-guide-projects="false"] .desktop-context-header,
html[data-guide-apps="false"] :is([data-area-window="apps"],[data-app-frame]),
html[data-guide-systems="false"] [data-area-window="systems"]{display:none!important}
html[data-guide-empty-desktop="false"] #emptyWorkspace{display:none!important}
html[data-guide-overview="false"] #allAppsToggle{visibility:hidden;pointer-events:none}
html[data-guide-parking="false"] :is(.mini-section,[data-window-action="minimize"]){display:none!important}
html[data-guide-desktops="false"] :is(.desktop-page-rail,.desktop-column-map,.desktop-column-hint){display:none!important}
html[data-guide-workspaces="false"] :is(.workspace-switcher,.workspace-switcher-actions,.workspace-context-card,.other-workspaces){visibility:hidden!important;pointer-events:none}
html[data-guide-projects="false"] :is(.overview-project-zone,.overview-projects-section){visibility:hidden!important;pointer-events:none}
html[data-guide-projects="false"] :is(#projectLibraryList,[data-create-area-project],.project-pack-key,#manageProjectButton){display:none!important}
html[data-guide-folders="false"] .workspace-home-card{visibility:hidden!important;pointer-events:none}
@keyframes guide-arrive {from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(max-width:800px){.guide-window{left:12px;top:auto;bottom:12px;width:350px;max-height:55dvh}.guide-content{padding:16px}.guide-content h1{font-size:21px}.guide-content p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.guide-window{animation:none}.guide-progress i{transition:none}}

/* A compact task strip stays useful while the learner works. */
.guide-strip {display:none;align-items:center;gap:14px;padding:12px 16px}
.guide-strip>div {min-width:0;flex:1}.guide-strip-meta {display:block;font:9px ui-monospace,monospace;color:var(--muted);margin-bottom:5px}
.guide-strip-task {font-size:12px;line-height:1.45;margin:0;color:var(--text)}
.guide-window.is-compact {top:auto;bottom:12px;left:auto;width:420px;max-width:calc(100vw - 24px)}
.guide-window.is-compact .guide-titlebar {display:none}
.guide-window.is-compact .guide-strip {display:flex}
.guide-strip-next {padding:7px 10px;font-size:11px;flex:none}
.guide-strip-next[hidden] {display:none!important}
.guide-window.is-lesson {max-height:calc(100dvh - 24px)}
html[data-guide-level] #projectEditorDialog {z-index:11000!important}
.guide-replay {margin:0 0 14px 14px}
.guide-skip {margin-top:15px;text-align:left;line-height:1.5}
.guide-recovery {border-top:1px solid var(--line);padding:12px 0 4px;margin-bottom:12px}
.guide-recovery[hidden],.guide-strip-recover[hidden] {display:none!important}
.guide-task .guide-recovery p {font-size:12px;color:var(--text);margin:0 0 6px}
.guide-strip-recover {flex:none}

/* Overview keeps the production arrangement; untaught content stays hidden. */
html[data-guide-system-overview="false"] .overview-widgets{visibility:hidden!important;pointer-events:none}
html[data-guide-desktops="false"] .open-windows-section{visibility:hidden!important;pointer-events:none}

.guide-display-open {padding:9px 12px;font-size:12px;margin:5px 0 10px}
.guide-task .guide-display-help {font-size:11px;color:var(--muted)}
.guide-display-banner {position:fixed;z-index:9500;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid var(--line);border-radius:0!important;background:var(--glass-field);color:var(--text);backdrop-filter:blur(16px)}
.guide-display-banner span {display:grid;gap:4px}.guide-display-banner b {font-size:12px}.guide-display-banner small {font-size:11px;color:var(--muted)}.guide-display-banner button {padding:7px 10px;font-size:11px;flex:none}

#spatialGuide.is-display-lesson {max-height:72dvh}

html[data-guide-system-overview="false"] [data-overview-panel="system"]{visibility:hidden!important;pointer-events:none}

/* A mission is one current action, followed by its real result. */
.guide-current-mission{font-size:14px!important;line-height:1.5!important;font-weight:550;color:var(--text)!important;margin:7px 0!important}
.guide-current-hint{font-size:12px!important;margin:0 0 9px!important}
.guide-mission-count{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}
.guide-task #guideTaskStatus{display:block;font-size:12px;line-height:1.5;color:var(--app-primary);margin-top:8px}
.guide-more{border-top:1px solid var(--line);margin-top:13px;padding-top:10px}
.guide-more summary{cursor:pointer;font-size:11px;color:var(--muted)}
.guide-more p{font-size:12px!important;margin:10px 0 0!important}
.guide-more>b{display:block;font-size:12px;margin-top:10px}
.guide-chapter{border-bottom:1px solid var(--line)}
.guide-chapter>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;cursor:pointer;font-size:13px;font-weight:550;list-style:none}
.guide-chapter>summary svg{width:14px;height:14px}
.guide-chapter[open]>summary svg{transform:rotate(90deg)}
.guide-chapter>.guide-topic-list{padding-left:12px}
.guide-chapter .guide-more summary{display:block;padding:6px 0;font-size:11px}
.guide-current-hint[hidden]{display:none!important}