.tour-body,.tour-navigation-sheet-open{overflow:hidden}.tour-shell{--safe-area-top: env(safe-area-inset-top);--safe-area-right: env(safe-area-inset-right);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);min-height:100dvh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left);overflow:hidden;background:radial-gradient(circle at 35% -20%,#16352c 0,transparent 35%),#08100e}.tour-topbar{z-index:40;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:22px;min-height:68px;padding:10px 18px;border-bottom:1px solid #1a2a25;background:#0a110ff5;backdrop-filter:blur(16px)}.tour-brand{display:flex;align-items:baseline;gap:7px}.tour-brand strong{color:#f0f8f5;font-size:17px;letter-spacing:.02em}.tour-brand span{color:#7ed6ad;font-size:13px;font-weight:750}.tour-location{min-width:0;display:grid;grid-template-columns:auto minmax(80px,260px) auto;align-items:center;justify-content:center;gap:10px;color:#849990;font-size:11px}.tour-location>span:first-child{color:#c9ddd5;font-weight:750}.tour-location progress{width:100%;height:6px;overflow:hidden;border:0;border-radius:999px;color:#7ed6ad;background:#17251f}.tour-location progress::-webkit-progress-bar{border-radius:999px;background:#17251f}.tour-location progress::-webkit-progress-value{border-radius:999px;background:#7ed6ad}.tour-location progress::-moz-progress-bar{border-radius:999px;background:#7ed6ad}.tour-actions{display:flex;align-items:center;gap:6px}.tour-actions>button,.tour-back-link,.tour-lesson-navigation button,.tour-menu-button{min-height:38px;border:1px solid #294139;border-radius:9px;padding:0 11px;color:#a9bdb5;background:#101c18;cursor:pointer;font-size:12px;font-weight:700;text-decoration:none}.tour-back-link{display:inline-flex;align-items:center;white-space:nowrap}.tour-actions>button:hover,.tour-back-link:hover,.tour-lesson-navigation button:hover,.tour-menu-button:hover{border-color:#4d7669;color:#eaf6f1;background:#172a23}.tour-actions .run-button{min-height:40px;border:0;color:#07100d;background:#7ed6ad}.tour-menu-button,.tour-local-navigation{display:none}.tour-pane-toggle{width:30px;min-width:30px;height:30px;min-height:30px;display:inline-grid;place-items:center;border:1px solid #294039;border-radius:7px;padding:0;color:#8fb9a8;background:#101d18;cursor:pointer;font-size:14px}.tour-pane-toggle:hover,.tour-pane-toggle:focus-visible{color:#d7f5e8;border-color:#5a9c80;background:#172a23}.tour-pane-toggle:focus-visible{outline:2px solid #7ed6ad;outline-offset:2px}.tour-navigation-close{display:none;min-height:40px;border:1px solid #315047;border-radius:9px;padding:0 13px;color:#dce9e4;background:#14231e;cursor:pointer;font-size:12px;font-weight:750}.tour-workspace{position:relative;min-height:0;display:grid;grid-template-areas:"navigation navigation-resizer lesson lesson-resizer lab";grid-template-columns:var(--tour-navigation-width, clamp(240px, 20vw, 310px)) 9px minmax(300px,var(--tour-lesson-width, .85fr)) 9px minmax(460px,1.35fr);overflow:hidden}.tour-navigation,.tour-lesson,.tour-lab{min-width:0;min-height:0}.tour-navigation{grid-area:navigation;overflow:auto;overscroll-behavior:contain;padding:20px 14px 28px;border-right:1px solid #1a2a25;background:#0a1311e8}.tour-lesson{grid-area:lesson}.tour-lab{grid-area:lab}.tour-navigation-resizer{grid-area:navigation-resizer}.tour-lesson-resizer{grid-area:lesson-resizer}.tour-pane-resizer{position:relative;z-index:4;border:0;outline:0;background:#0a1210;touch-action:none}.tour-pane-resizer:after{content:"";position:absolute;border-radius:999px;background:#2b4038;transition:background .12s ease}.tour-pane-resizer:hover:after,.tour-pane-resizer:focus-visible:after,.tour-pane-resizer[data-dragging=true]:after{background:#7ed6ad}.tour-pane-resizer:focus-visible{box-shadow:inset 0 0 0 1px #7ed6ad}.tour-pane-resizer--vertical{cursor:col-resize;border-inline:1px solid #17251f}.tour-pane-resizer--vertical:after{inset:calc(50% - 24px) 3px}.tour-pane-resizer--horizontal{cursor:row-resize;border-block:1px solid #17251f}.tour-pane-resizer--horizontal:after{inset:3px calc(50% - 24px)}.tour-navigation-heading{display:grid;gap:4px;padding:0 8px 18px;border-bottom:1px solid #1c3029}.tour-navigation-heading span,.tour-kicker{color:#7ed6ad;font-size:10px;font-weight:850;letter-spacing:.13em}.tour-navigation-heading strong{color:#dce9e4;font-size:14px}.tour-category{padding:15px 0;border-bottom:1px solid #172820}.tour-category>h2{margin:0}.tour-category-toggle,.tour-chapter-toggle{width:100%;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:5px 7px;border:0;border-radius:8px;padding:7px 8px;color:#c8dad3;background:transparent;cursor:pointer;text-align:left}.tour-category-toggle:hover,.tour-chapter-toggle:hover,.tour-category-toggle:focus-visible,.tour-chapter-toggle:focus-visible{color:#f1faf6;background:#14231e}.tour-disclosure-icon{grid-row:1 / 3;align-self:start;padding-top:1px;color:#7ed6ad}.tour-disclosure-icon:before{display:block;content:"›";transition:transform .12s ease}[aria-expanded=true]>.tour-disclosure-icon:before{transform:rotate(90deg)}.tour-disclosure-title{min-width:0;font-size:12px;font-weight:800;line-height:1.35}.tour-disclosure-count{color:#80968d;font-size:9px;font-weight:750}.tour-category-toggle progress,.tour-chapter-toggle progress{grid-column:2 / -1;width:100%;height:4px;border:0;border-radius:999px;color:#7ed6ad;background:#17251f}.tour-category-toggle progress::-webkit-progress-bar,.tour-chapter-toggle progress::-webkit-progress-bar{border-radius:999px;background:#17251f}.tour-category-toggle progress::-webkit-progress-value,.tour-chapter-toggle progress::-webkit-progress-value{border-radius:999px;background:#7ed6ad}.tour-category-toggle progress::-moz-progress-bar,.tour-chapter-toggle progress::-moz-progress-bar{border-radius:999px;background:#7ed6ad}.tour-category-panel{padding:3px 0 0 8px}.tour-category-overview{display:grid;gap:6px;margin:5px 6px 13px 16px;padding:10px;border:1px solid #20362e;border-radius:9px;background:#0d1915}.tour-category-overview p{margin:0;color:#71877e;font-size:10px;line-height:1.5}.tour-category-overview strong{color:#8ac7ad;font-size:9px;letter-spacing:.05em}.tour-category-resume{width:100%;min-height:34px;overflow:hidden;border:1px solid #315047;border-radius:7px;padding:6px 8px;color:#cfe5dc;background:#15261f;cursor:pointer;font-size:10px;font-weight:750;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tour-category-chapters{display:grid;gap:8px}.tour-chapter>h3{margin:0}.tour-chapter-toggle{color:#93aaa1}.tour-chapter-toggle .tour-disclosure-title{font-size:10px}.tour-chapter-panel{padding-left:10px}.tour-chapter-panel>p{margin:0 8px 8px;color:#587068;font-size:9px;line-height:1.5}.tour-chapter-panel ol{display:grid;gap:3px;margin:0;padding:0;list-style:none}.tour-lesson-link{width:100%;min-height:42px;display:grid;grid-template-columns:26px minmax(0,1fr) minmax(16px,auto);align-items:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:5px 7px;color:#8ea39a;background:transparent;cursor:pointer;text-align:left}.tour-lesson-link:hover{color:#dce9e4;background:#14231e}.tour-lesson-link[aria-current=step]{border-color:#315047;color:#effaf6;background:#172a23}.tour-lesson-number{color:#587068;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.tour-lesson-link-title{min-width:0;font-size:11px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;white-space:normal}.tour-lesson-state{color:#7ed6ad;font-size:9px;font-weight:750;text-align:center}.tour-lesson-link[aria-current=step] .tour-lesson-number,.tour-lesson-link[data-completed=true] .tour-lesson-state{color:#7ed6ad}.tour-lesson-link[data-state=unstarted] .tour-lesson-state{color:#5d7068}.tour-lesson{display:flex;flex-direction:column;gap:27px;overflow:auto;overscroll-behavior:contain;padding:clamp(26px,4vw,54px) clamp(24px,4vw,52px) 30px;border-right:1px solid #1a2a25;background:#0c1612c2}.tour-lesson h1{margin:8px 0 12px;color:#f2faf7;font-size:clamp(25px,2.6vw,40px);line-height:1.16;letter-spacing:-.025em}.tour-lead{margin:0;color:#9fb3ab;font-size:14px;line-height:1.75}.tour-learning-section{padding-top:20px;border-top:1px solid #20332c}.tour-learning-section h2{margin:0 0 11px;color:#dce9e4;font-size:14px}.tour-learning-section p{margin:0;color:#96aaa2;font-size:13px;line-height:1.75}.tour-goal{margin-bottom:12px!important;color:#d5e6df!important}.tour-guide{min-width:0;color:#96aaa2;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.tour-guide>:first-child{margin-top:0}.tour-guide>:last-child{margin-bottom:0}.tour-guide h2,.tour-guide h3{margin:20px 0 9px;color:#dce9e4;line-height:1.4}.tour-guide h2{font-size:15px}.tour-guide h3{font-size:13px}.tour-guide p{margin:0 0 13px}.tour-guide ul,.tour-guide ol{margin:8px 0 15px;padding-left:23px}.tour-guide li{margin:5px 0;color:#b7cac2}.tour-guide code{border-radius:4px;padding:1px 4px;color:#c9f0df;background:#172a23;font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}.tour-guide pre{max-width:100%;margin:10px 0 15px;overflow-x:auto;border:1px solid #29473e;border-radius:8px;padding:11px;background:#08110e}.tour-guide pre code{display:block;width:max-content;min-width:100%;padding:0;background:transparent;white-space:pre}.tour-guide a{color:#7ed6ad;text-underline-offset:3px}.tour-inline-rich-text{min-width:0;overflow-wrap:anywhere}.tour-inline-rich-text code{border-radius:4px;padding:1px 4px;color:#c9f0df;background:#172a23;box-decoration-break:clone;font-family:SFMono-Regular,Consolas,monospace;font-size:.92em;overflow-wrap:anywhere}.tour-inline-rich-text strong{color:#dce9e4}.tour-inline-rich-text a{color:#7ed6ad;text-underline-offset:3px}.tour-focus-list,.tour-topic-list,.tour-prerequisite-list,.tour-recap-list,.tour-notes-list{margin:0;padding:0;list-style:none}.tour-focus-list{display:grid;gap:8px}.tour-focus-list li{position:relative;padding-left:19px;color:#c7d8d1;font-size:13px}.tour-focus-list li:before{position:absolute;top:.52em;left:2px;width:6px;height:6px;border-radius:50%;background:#7ed6ad;content:""}.tour-prerequisite-list,.tour-recap-list,.tour-notes-list{display:grid;gap:8px;margin-top:12px}.tour-prerequisite-list li,.tour-recap-list li,.tour-notes-list li{position:relative;padding-left:18px;color:#bdd0c8;font-size:12px;line-height:1.65}.tour-prerequisite-list li:before,.tour-recap-list li:before,.tour-notes-list li:before{position:absolute;left:2px;content:"→";color:#70c9a4}.tour-deep-dive-section{border-color:#3d6556;background:linear-gradient(135deg,#142b22,#0f1e19)}.tour-deep-dive-section ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.tour-deep-dive-section li{display:grid;gap:4px}.tour-deep-dive-section a{color:#91e4bf;font-weight:750}.tour-deep-dive-section li span{color:#8fa79d;font-size:13px;line-height:1.55}.tour-topic-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tour-topic-list li{padding:4px 8px;border:1px solid #29473e;border-radius:999px;color:#bde7d6;background:#13231d;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.tour-result-contract,.tour-diagnostic-contract,.tour-walkthrough-card pre{max-width:100%;overflow:auto;margin:12px 0 0;border:1px solid #294039;border-radius:10px;padding:12px 14px;color:#d7e7e1;background:#08110e;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.6;white-space:pre-wrap}.tour-walkthrough{display:grid;gap:12px}.tour-walkthrough-card{border:1px solid #233a32;border-radius:12px;padding:14px;background:#101d18}.tour-walkthrough-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-walkthrough-heading h3,#tour-diagnostic-heading{margin:0;color:#dce9e4;font-size:13px}.tour-walkthrough-heading button{min-width:44px;min-height:32px;border-color:#315248;border-radius:8px;padding:4px 8px;color:#9de0c3;background:#142720;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.tour-walkthrough-card>p{margin-top:9px}.tour-walkthrough-card pre{margin-top:10px;border-color:#1d3029;background:#09130f}.tour-introduced{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:9px 14px;margin:0}.tour-introduced dt{color:#dce9e4;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.tour-introduced dt span{display:inline-block;margin-right:7px;border:1px solid #315248;border-radius:999px;padding:2px 6px;color:#80d4b0;font-size:8px;text-transform:uppercase}.tour-introduced dd{margin:0;color:#96aaa2;font-size:12px;line-height:1.6}.tour-section-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:12px}.tour-section-actions button,#tour-diagnostic-button{min-height:40px;border-color:#315248;color:#c5eee0;background:#142720}.tour-section-actions span,.tour-result-label{color:#61796f!important;font-size:10px!important}.tour-result-label{margin-top:16px!important;font-weight:700;text-transform:uppercase}#tour-diagnostic-heading{margin-bottom:8px}#tour-diagnostic-button{margin-top:12px}.tour-diagnostic-contract{max-height:280px;color:#f0c9bd;border-color:#563a32;background:#170e0b}.tour-notes-list{padding-top:12px;border-top:1px dashed #294039}.tour-notes-list li{color:#748a81;font-size:11px}.tour-lesson-navigation{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:10px}.tour-lesson-navigation button{min-height:44px;display:grid;gap:3px;padding-block:8px;text-align:left}.tour-lesson-navigation button:last-child{text-align:right}.tour-neighbor-direction{color:#7ed6ad;font-size:10px}.tour-neighbor-title{line-height:1.35}.tour-neighbor-boundary{color:#80968d;font-size:9px}.tour-lesson-navigation button:disabled{opacity:.35;cursor:default}.tour-lab{display:grid;grid-template-rows:minmax(280px,var(--tour-code-pane-height, 1fr)) 9px minmax(190px,1fr);overflow:hidden;background:#09110f}.tour-code-pane{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.tour-editor-panel,.tour-output-section,.tour-input-section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.tour-editor-panel{border-bottom:1px solid #1a2a25}.tour-editor-heading-actions{display:flex;align-items:center;gap:9px}.tour-editor-panel .editor-host{min-height:0}.tour-input-section{grid-template-rows:auto auto;border-bottom:1px solid #1a2a25}.tour-input-section textarea{width:100%;min-height:88px;resize:vertical;border:0;border-radius:0}.tour-output-section #tour-html-preview{width:100%;height:100%;min-height:0;border:0;background:#fff}@media(min-width:1181px){.tour-workspace[data-navigation-collapsed=true]{grid-template-areas:"lesson lesson lesson lesson-resizer lab";grid-template-columns:0 0 minmax(300px,calc(var(--tour-navigation-width, 20vw) + var(--tour-lesson-width, 34vw) + 9px)) 9px minmax(460px,1fr)}.tour-workspace[data-navigation-collapsed=true] .tour-navigation,.tour-workspace[data-navigation-collapsed=true] .tour-navigation-resizer{display:none}.tour-lab[data-output-collapsed=true]{grid-template-rows:minmax(0,1fr) 0 0}.tour-lab[data-output-collapsed=true] .tour-output-section,.tour-lab[data-output-collapsed=true] .tour-pane-resizer--horizontal{display:none}}@media(max-width:1180px){.tour-shell{grid-template-rows:auto auto minmax(0,1fr)}.tour-topbar{grid-template-columns:auto minmax(160px,1fr) auto;gap:12px}.tour-actions>button:not(.run-button){padding-inline:8px}.tour-back-link{padding-inline:9px;font-size:0}.tour-back-link:after{font-size:12px;content:"← Playground"}.tour-local-navigation{display:flex;border-bottom:1px solid #1a2a25;background:#0d1814}.tour-local-navigation button{min-height:42px;border:0;border-radius:0;padding-inline:13px;color:#91a69d;background:transparent;cursor:pointer;font-size:12px;font-weight:750}.tour-local-navigation .tour-menu-button{display:block}.tour-local-navigation button:hover,.tour-local-navigation button:focus-visible{color:#e5f2ed;background:#162821}.tour-workspace{grid-template-areas:"lesson lab";grid-template-columns:minmax(260px,.78fr) minmax(430px,1.22fr)}.tour-pane-toggle,.tour-pane-resizer{display:none}.tour-navigation{position:absolute;z-index:35;top:0;bottom:0;left:0;width:min(330px,calc(100vw - 36px));border-right-color:#315047;box-shadow:22px 0 60px #000b;transform:translate(-105%);transition:transform .16s ease}.tour-navigation-heading{grid-template-columns:minmax(0,1fr) auto}.tour-navigation-heading span,.tour-navigation-heading strong{grid-column:1}.tour-navigation-close{grid-row:1 / 3;grid-column:2;display:inline-grid;place-items:center}.tour-navigation[data-mobile-open=true]{transform:translate(0)}.tour-lesson{grid-area:lesson}.tour-lab{grid-area:lab}}@media(max-width:760px),(max-width:960px)and (max-height:520px){.tour-body{overflow:auto}.tour-body.tour-navigation-sheet-open{overflow:hidden}.tour-shell{height:auto;min-height:100dvh;display:block;overflow:visible}.tour-topbar{position:relative;top:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;min-height:0;padding:8px 10px}.tour-location{grid-template-columns:auto minmax(60px,1fr);justify-content:stretch}.tour-location>span:last-child{display:none}.tour-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto}.tour-actions>button,.tour-back-link{min-height:44px;padding-inline:8px}.tour-back-link{overflow:hidden;font-size:0;text-overflow:ellipsis;white-space:nowrap}.tour-back-link:after{font-size:11px;content:"← Playground"}.tour-actions .run-button kbd{display:none}.tour-menu-button{position:static;width:auto;min-height:44px;padding-inline:12px}.tour-local-navigation{position:sticky;z-index:30;top:calc(var(--safe-area-top) + 54px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tour-local-navigation button{min-height:44px;border-bottom:2px solid transparent}.tour-workspace{display:flex;flex-direction:column;overflow:visible}.tour-navigation{position:fixed;z-index:80;inset:0;width:100vw;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:0;padding:0;background:#08100e;box-shadow:none;visibility:hidden;pointer-events:none;transform:translateY(101%);transition:transform .18s ease,visibility .18s step-end}.tour-navigation[data-mobile-open=true]{visibility:visible;pointer-events:auto;transform:translateY(0);transition:transform .18s ease,visibility 0s step-start}.tour-navigation-heading{position:sticky;z-index:1;top:0;align-items:center;padding:calc(var(--safe-area-top) + 14px) calc(var(--safe-area-right) + 16px) 14px calc(var(--safe-area-left) + 16px);background:#0c1713}.tour-navigation-heading span{font-size:11px}.tour-navigation-heading strong{font-size:17px}#tour-chapters{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 calc(var(--safe-area-right) + 14px) calc(var(--safe-area-bottom) + 28px) calc(var(--safe-area-left) + 14px)}.tour-category{padding-top:22px}.tour-category-toggle .tour-disclosure-title{font-size:15px;line-height:1.4}.tour-category-overview{margin-block:8px 16px;padding:12px}.tour-category-overview p{font-size:12px;line-height:1.6}.tour-category-resume{min-height:44px;font-size:12px}.tour-category-chapters{gap:18px}.tour-chapter-toggle .tour-disclosure-title{font-size:13px}.tour-chapter-panel>p{font-size:11px}.tour-chapter-panel ol{gap:6px}.tour-lesson-link{min-height:56px;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:9px;padding:10px 9px}.tour-lesson-number,.tour-lesson-state{padding-top:2px;font-size:11px}.tour-lesson-link-title{overflow:visible;font-size:14px;line-height:1.45;text-overflow:clip;white-space:normal}.tour-lesson{min-height:530px;gap:22px;overflow:visible;scroll-margin-top:calc(var(--safe-area-top) + 98px);padding:30px 22px 24px;border-right:0;border-bottom:1px solid #1a2a25}.tour-lesson h1{font-size:29px}.tour-walkthrough-card{padding:14px 12px}.tour-walkthrough-heading{align-items:flex-start}.tour-walkthrough-heading button{position:sticky;top:calc(var(--safe-area-top) + 8px);flex:0 0 auto}.tour-walkthrough-card pre,.tour-result-contract,.tour-diagnostic-contract{font-size:12px;overflow-wrap:anywhere}.tour-introduced{grid-template-columns:1fr;gap:5px}.tour-introduced dd{margin-bottom:9px}.tour-section-actions{align-items:stretch;flex-direction:column}.tour-section-actions button,#tour-diagnostic-button{width:100%;min-height:48px}.tour-lab{height:800px;min-height:800px;grid-template-rows:minmax(390px,1fr) minmax(260px,.7fr);overflow:hidden;scroll-margin-top:calc(var(--safe-area-top) + 98px)}.tour-editor-panel .editor-host{min-height:390px;--cm-line-height: 1.35;--cm-content-padding: 8px 0 16px;--cm-line-inline-padding: 7px;--cm-gutter-font-size: 12px;--cm-line-number-min-width: 26px;--cm-line-number-padding: 0 5px 0 2px}.tour-input-section textarea,.tour-editor-panel .cm-content{font-size:16px}.tour-output-section{min-height:260px}}@media(orientation:landscape)and (max-width:960px)and (max-height:520px){.tour-topbar{position:relative;grid-template-columns:auto minmax(130px,1fr) auto}.tour-actions{grid-column:auto;display:flex}.tour-actions>button:not(.run-button){display:none}.tour-menu-button{position:relative;top:auto}.tour-workspace{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(430px,1.25fr)}.tour-lesson{min-height:0;height:calc(100dvh - 110px);overflow:auto}.tour-lab{min-height:0;height:calc(100dvh - 110px);overflow:hidden}}.tour-topbar{grid-template-columns:auto auto minmax(220px,1fr) auto;gap:10px}.tour-actions{position:relative}.tour-actions .global-tools-button{min-width:42px;min-height:40px;padding-inline:9px}.tour-actions .global-tools-menu:not([hidden]){right:78px}.tour-navigation-resizer{overflow:visible}.tour-navigation-boundary-toggle{position:absolute;z-index:12;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0008}.tour-editor-heading-actions .editor-local-button{min-height:30px;padding-inline:8px}@media(min-width:1181px){.tour-workspace[data-navigation-collapsed=true]{grid-template-areas:"navigation navigation-resizer lesson lesson-resizer lab";grid-template-columns:0 9px minmax(300px,calc(var(--tour-navigation-width, 20vw) + var(--tour-lesson-width, 34vw))) 9px minmax(460px,1fr)}.tour-workspace[data-navigation-collapsed=true] .tour-navigation{display:none}.tour-workspace[data-navigation-collapsed=true] .tour-navigation-resizer{display:block}.tour-workspace[data-navigation-collapsed=true] .tour-navigation-boundary-toggle{left:0;transform:none}}@media(max-width:1180px){.tour-topbar{grid-template-columns:auto auto minmax(150px,1fr) auto;gap:8px}.tour-navigation-boundary-toggle{display:none}}@media(max-width:760px),(max-width:960px)and (max-height:520px){.tour-topbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:7px;min-height:54px;padding:5px 8px}.tour-brand strong{font-size:0}.tour-surface-switcher .surface-switcher-button,.tour-actions .global-tools-button,.tour-actions .run-button{min-height:42px}.tour-location{grid-template-columns:auto minmax(34px,1fr);gap:6px}.tour-location>span:first-child{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tour-actions{grid-column:auto;display:flex;gap:5px}.tour-actions>button{min-height:42px}.tour-actions .global-tools-menu:not([hidden]){top:calc(100% + 6px);right:62px}.tour-actions .run-button{padding-inline:10px}.tour-editor-heading-actions{gap:5px}.tour-editor-heading-actions .editor-local-button{min-height:28px;padding-inline:7px}}@media(max-width:520px){.tour-topbar{grid-template-columns:auto auto minmax(54px,1fr) auto}.tour-location progress{min-width:32px}.tour-location>span:first-child{display:none}.tour-location{grid-template-columns:minmax(32px,1fr)}}