/* Embedded practice surface; shared brand and navigation remain authoritative. */
.aee-page .header-inner{height:80px}.aee-page .header .wrap{width:calc(100% - 48px);max-width:1600px}.aee-shell{max-width:1720px;margin:auto;padding:26px 24px 80px}.aee-shell h1{font-size:26px;line-height:1.2}.aee-shell h2{font-size:24px;line-height:1.25}.aee-shell h3{font-family:var(--body);font-size:14px;font-weight:650;letter-spacing:0;line-height:1.5}.aee-shell p,.aee-shell li{font-size:13px;line-height:1.65}.aee-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line)}.aee-title .eyebrow{font-size:12px}.aee-badge{font-size:12px;line-height:1.4;color:var(--text-gold);border:1px solid #c8bb9d;border-radius:30px;padding:6px 10px;white-space:nowrap}.aee-setup{margin-left:auto;display:flex;align-items:end;gap:12px}.aee-shell label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.aee-shell select,.aee-shell input,.aee-shell textarea{font:400 13px/1.5 var(--body);color:var(--slate);border:1px solid #a6aaa4;background:#fafaf8;border-radius:5px;padding:11px 12px;min-height:44px;max-width:100%;width:100%}.aee-setup select{width:240px}.aee-setup #aee-level{width:98px}.aee-shell textarea{resize:vertical;min-height:112px;display:block}.aee-shell button{min-height:44px;padding:10px 15px;border:1px solid #92978f;border-radius:5px;background:transparent;color:var(--slate);font:600 12px/1.5 var(--body);transition:background-color .18s}.aee-shell button:hover:not(:disabled){background:var(--stone)}.aee-shell button.aee-primary{background:var(--slate);color:var(--mist);border-color:var(--slate)}.aee-shell button.aee-primary:hover:not(:disabled){background:#444a53}.aee-shell :disabled{cursor:not-allowed;opacity:.55}.aee-shell :is(textarea,select,input,button,summary):focus-visible{outline:3px solid var(--text-gold);outline-offset:3px}#aee-status{min-height:24px;margin:14px 0 20px;color:var(--muted);overflow-wrap:anywhere}#aee-status[data-tone=error]{color:#8b3434}#aee-status[data-tone=success]{color:#306347}.aee-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;border-top:1px solid var(--line)}.aee-layout>*{min-width:0;padding:24px}.aee-mission{padding-left:0;border-right:1px solid var(--line)}.aee-inspector{padding-right:0;border-left:1px solid var(--line)}.aee-layout .eyebrow{font-size:12px;margin-bottom:12px}.aee-layout h2{margin-bottom:16px}.aee-mission h3{margin:22px 0 8px}.aee-meta{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.aee-mission #aee-mission-copy,.aee-guidance-copy{font-size:13px;white-space:pre-wrap}.aee-guidance{margin-top:24px;padding-top:4px;border-top:1px solid var(--line)}#aee-guidance-copy{font-size:12px;line-height:1.7;margin-bottom:14px}#aee-hints{padding-left:19px;margin-top:12px}#aee-hints li{font-size:12px;margin-bottom:12px}.aee-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.aee-shell details{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.aee-shell summary{font:600 12px/1.5 var(--body);cursor:pointer;min-height:44px;display:list-item;padding:10px 0;overflow-wrap:anywhere}.aee-workspace #aee-fixture{margin:20px 0}#aee-config-note{margin-top:-8px;margin-bottom:20px}#aee-fixture-content{max-height:340px;overflow:auto}.aee-shell fieldset{border:0;padding:0;margin:0;min-width:0}.aee-shell legend{padding:0}.aee-shell form label{margin-bottom:16px}.aee-shell label .aee-meta{font-weight:400}.aee-shell #aee-query{font:400 13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:220px;tab-size:2;white-space:pre}.aee-options{display:grid;gap:10px;margin:14px 0 20px}.aee-options label{display:flex;flex-direction:row;align-items:center;gap:10px;border:1px solid var(--line);border-radius:5px;padding:10px 12px;font-weight:400;margin:0;min-height:48px}.aee-options input{width:18px;min-height:18px;flex-shrink:0;accent-color:var(--text-gold)}.aee-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.aee-output{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.aee-output h3{margin-bottom:16px}#aee-result{font-size:13px;overflow-wrap:anywhere;min-height:140px}.aee-empty{color:var(--muted);padding:20px 0}.aee-table-wrap{overflow:auto;max-width:100%;margin:12px 0;border:1px solid var(--line);border-radius:5px}.aee-shell table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.aee-shell th,.aee-shell td{padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.aee-shell th{font-weight:600;background:var(--stone)}.aee-shell tr:last-child td{border-bottom:0}.aee-shell pre{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--stone);padding:14px;border-radius:5px;margin:12px 0;max-height:360px;overflow:auto}.aee-inspector #aee-submit{width:100%;margin:12px 0}.aee-inspector #aee-save{width:100%}.aee-inspector>p.aee-meta{font-size:12px}.aee-inspector h2{font-size:23px}#aee-evaluation{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}#aee-checks ul{padding-left:18px}#aee-checks li{margin:12px 0;font-size:12px}#aee-events{padding-left:22px;margin-top:0}#aee-events li{padding:0 0 16px 5px;font-size:12px;overflow-wrap:anywhere}#aee-events time{display:block;font-size:12px;color:var(--muted)}#aee-history{display:grid;gap:8px;margin:6px 0 12px}#aee-history button{text-align:left;width:100%;font-weight:400;font-size:12px}#aee-history button[aria-current=true]{border-color:var(--text-gold);background:#e9e5da}#aee-history small{display:block;font-size:12px;color:var(--muted)}.aee-kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,1fr);margin:0}.aee-kv dt,.aee-kv dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.aee-kv dd{text-align:right;font-weight:600}.aee-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1500px){.aee-layout{grid-template-columns:270px minmax(0,1fr) 320px}.aee-workspace{padding:28px 36px}}
@media(max-width:1150px){.aee-layout{grid-template-columns:240px minmax(0,1fr)}.aee-inspector{grid-column:2;border-left:0;border-top:1px solid var(--line);padding-right:24px}.aee-mission{grid-row:1/3}.aee-badge{margin-left:auto}.aee-setup{width:100%;margin-left:0}.aee-setup label:first-child{flex:1}.aee-setup select{width:100%}}
@media(max-width:700px){.aee-shell{padding:20px 16px 100px}.aee-toolbar{gap:12px}.aee-shell h1{font-size:23px}.aee-badge{margin-left:0}.aee-setup{flex-wrap:wrap;gap:10px}.aee-setup label:first-child{flex:1 1 100%}.aee-setup label:nth-child(2){flex:1}.aee-setup #aee-level{width:100%}.aee-setup #aee-start{flex:1}.aee-layout{grid-template-columns:minmax(0,1fr)}.aee-layout>*{grid-column:auto;grid-row:auto;border:0;padding:22px 0;border-bottom:1px solid var(--line)}.aee-mission{border-right:0}.aee-guidance{margin-top:16px}.aee-shell .aee-attempts{margin-top:12px}.aee-workspace{min-width:0}.aee-section-heading{flex-wrap:wrap;gap:4px}.aee-fields-grid{grid-template-columns:1fr 1fr}.aee-page .header .wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.aee-shell *{transition:none!important;animation:none!important}}
.aee-shell .aee-code-slot{display:inline-block;width:auto;min-width:110px;max-width:300px;min-height:44px;margin:2px 4px;padding:8px 28px 8px 10px;font:500 12px/1.5 var(--body);color:var(--slate);border-color:var(--text-gold);background:#f4f0e6;vertical-align:middle}.aee-shell .cm-editor{max-width:100%;overflow:hidden}.aee-shell .cm-scroller{overflow:auto}.aee-shell .cm-content{min-width:max-content}.aee-canvas{margin-top:16px}.aee-palette{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.aee-shell .aee-graph{display:block;width:100%;min-height:280px;max-height:560px;aspect-ratio:5/3;border:1px solid #a6aaa4;border-radius:6px;background:#fafaf8;touch-action:none}.aee-node{cursor:grab;outline:none}.aee-node rect{fill:var(--mist,#f2f2ef);stroke:#69716a;stroke-width:1.5}.aee-node text{font:600 13px var(--body);fill:var(--slate,#343b43);pointer-events:none}.aee-node .aee-node-mode{font-size:12px;font-weight:400}.aee-node.is-selected rect,.aee-node:focus-visible rect{stroke:var(--text-gold,#8b7548);stroke-width:4}.aee-edge{stroke:#8b7548;stroke-width:7;fill:none;cursor:pointer;outline:none}.aee-edge.is-selected,.aee-edge:focus-visible{stroke:#343b43;stroke-width:10}.aee-canvas-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.aee-canvas-tools label{min-width:0}.aee-canvas-tools button{height:auto}.aee-legacy-evidence{white-space:pre-wrap;overflow-wrap:anywhere}.aee-canvas [role=status]{min-height:20px}.aee-shell .aee-graph[aria-disabled=true]{touch-action:auto}@media(max-width:700px){.aee-canvas-tools{grid-template-columns:1fr}.aee-shell .aee-code-slot{max-width:230px}.aee-shell .aee-graph{min-height:240px}}

/* Experience-led layout: story beside action, debrief across the page. */
.aee-shell{max-width:1420px}.aee-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;border:0;align-items:start}.aee-layout>*{padding:28px 0;min-width:0}.aee-mission{border:0;grid-row:auto}.aee-workspace{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--white,#fafaf8)}#aee-analogy{font-size:18px;line-height:1.8;font-family:var(--display)}#aee-challenge{font-size:15px;line-height:1.8;margin-bottom:22px}.aee-brief{margin-top:24px}#aee-config-note{margin:0 0 16px}#aee-result{min-height:0}#aee-fixture-content{max-height:440px}#aee-fixture-content h3{margin-top:16px}.aee-guidance{padding-top:14px}.aee-output{margin-top:20px}.aee-evidence-inline{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.aee-evidence-inline h3{margin-bottom:8px}.aee-evidence-inline form{margin-top:18px}#aee-submit{margin-top:18px}#aee-reveal-promise{margin-top:12px}.aee-debrief{border-top:2px solid var(--gold);padding:36px 0 28px;margin-top:36px;scroll-margin-top:100px}.aee-debrief:focus{outline:none}.aee-debrief:focus-visible{outline:2px solid var(--text-gold);outline-offset:8px}.aee-debrief h2{font-size:clamp(26px,3vw,38px);margin-bottom:24px}.aee-debrief h3{margin:20px 0 8px}.aee-debrief p,.aee-debrief li{font-size:15px;line-height:1.8;max-width:90ch}.aee-debrief ul{padding-left:22px}.aee-feedback-verdict{padding:14px 18px;background:var(--stone);border-left:3px solid var(--text-gold)}.aee-choice-recap{margin-top:20px}.aee-bridge{margin:28px 0;border-top:1px solid var(--line)}.aee-bridge-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;border-bottom:1px solid var(--line);padding:22px 0}.aee-bridge-row>div{min-width:0}.aee-bridge-label{font:600 12px/1.6 var(--body);letter-spacing:.12em;color:var(--text-gold)}.aee-bridge-row h3{margin-top:8px;font-size:17px}.aee-debrief pre{max-height:none;font-size:13px;padding:22px}.aee-debrief .aee-meta{font-size:12px}.aee-secondary{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px}.aee-secondary details{margin-top:0}.aee-secondary #aee-history{max-height:300px;overflow:auto}.aee-secondary #aee-events{max-height:280px;overflow:auto}.aee-shell [hidden]{display:none!important}
@media(max-width:960px){.aee-layout{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.aee-workspace{padding:22px}.aee-bridge-row{gap:24px}.aee-setup{flex-wrap:wrap}}
@media(max-width:700px){.aee-layout{grid-template-columns:minmax(0,1fr);gap:0}.aee-layout>*{grid-column:auto;grid-row:auto}.aee-workspace{padding:22px 16px;border:1px solid var(--line)}.aee-mission{padding:16px 0 28px}.aee-bridge-row{grid-template-columns:1fr;gap:12px}.aee-bridge-row>div:last-child{padding-left:16px;border-left:2px solid var(--gold)}.aee-secondary{grid-template-columns:1fr;gap:16px}.aee-debrief p,.aee-debrief li{font-size:14px}.aee-setup{min-width:0}.aee-setup label{min-width:0}#aee-analogy{font-size:17px}}

/* Verdict uses both colour and explicit text; never colour alone. */
#aee-debrief-content[data-outcome]{padding:24px;border:2px solid;border-radius:12px;margin-bottom:24px}
#aee-debrief-content[data-outcome=correct]{background:#edf7ef;border-color:#287444;color:#153d25}
#aee-debrief-content[data-outcome=incorrect]{background:#fff0ef;border-color:#b13932;color:#65251f}
#aee-debrief-content[data-outcome=correct] .aee-feedback-verdict{background:#d4ecd9;border-color:#287444;color:#153d25}
#aee-debrief-content[data-outcome=incorrect] .aee-feedback-verdict{background:#f9d9d6;border-color:#b13932;color:#65251f}
#aee-debrief-content[data-outcome] .aee-bridge-label{color:inherit}
#aee-debrief-content[data-outcome] .aee-bridge-row{border-color:currentColor}
#aee-debrief-content[data-outcome] .aee-meta{color:inherit}
@media(max-width:700px){#aee-debrief-content[data-outcome]{padding:18px 14px}}

.aee-learning-visual{margin-block:24px;padding-block:20px;border-block:1px solid currentColor}.aee-visual-flow{display:flex;gap:22px;list-style:none;padding:0!important;margin:22px 0;overflow-x:auto;max-width:100%}.aee-visual-flow li{position:relative;flex:1 0 145px;display:flex;flex-direction:column;gap:7px;background:rgba(255,255,255,.65);border:1px solid currentColor;border-radius:10px;padding:18px 14px!important;font-size:13px!important}.aee-visual-flow li:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:24px;font-size:18px}.aee-visual-flow li>span{font-size:12px;line-height:1.6}.aee-submitted-graph{width:100%;max-height:480px;border:1px solid currentColor;background:rgba(255,255,255,.7);margin-block:16px}.aee-submitted-graph rect{fill:#f5f5ef;stroke:#505c50;stroke-width:2}.aee-submitted-graph text{font:600 13px var(--body);fill:#243b2a}.aee-submitted-graph .aee-submitted-mode{font-size:12px;font-weight:400}.aee-submitted-edge{fill:none;stroke:#56755d;stroke-width:3}.aee-submitted-graph circle{fill:#56755d}

/* Lesson entry: optional configuration is a disclosure, never the primary action. */
.aee-title{min-width:0}#aee-lesson-context{max-width:65ch;overflow-wrap:anywhere;color:var(--muted);margin-bottom:8px}.aee-setup details{min-width:0;max-width:100%;flex:1 1 240px}.aee-setup details>summary{cursor:pointer;min-height:44px;padding:10px 12px;line-height:24px;font-size:12px;border:1px solid var(--line);border-radius:5px}.aee-setup details[open]>summary{margin-bottom:12px}.aee-setup details label{min-width:0}.aee-setup details select{max-width:100%}.aee-setup details #aee-config-note{max-width:45ch;margin:12px 0 0;overflow-wrap:anywhere}

/* Reset is secondary and remains above the editable workspace. */
.aee-workspace-reset{display:flex;justify-content:flex-end;margin-bottom:14px}.aee-workspace-reset button{font-weight:500}.aee-workspace #aee-run{margin-top:18px}