/* Shared runner styles scoped to its workspace; Story geometry stays independent. */
.activity-studio{color-scheme:light;--ink:#292e36;--paper:#faf7ef;--line:#d8d1c3;--accent:#14665b;--soft:#e8f1eb;font-family:system-ui,sans-serif;background:var(--paper);color:var(--ink)}.activity-studio *{box-sizing:border-box}.activity-studio{margin:0}.activity-studio header{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;background:#243c3a;color:white;padding:1rem 2rem}.activity-studio header a{color:#fff}.activity-studio main{max-width:1440px;margin:auto;padding:1.5rem 2rem 4rem}.activity-studio h1{font-size:clamp(1.65rem,3vw,2.4rem);max-width:35ch}.activity-studio h2{font-size:1.25rem}.activity-studio p,.activity-studio li{line-height:1.5}.activity-studio button,.activity-studio input,.activity-studio select,.activity-studio textarea{font:inherit}.activity-studio button,.activity-studio .file-button{border:1px solid var(--line);border-radius:.45rem;padding:.65rem .85rem;background:white;color:var(--ink);cursor:pointer}.activity-studio button:hover{background:var(--soft)}.activity-studio button:disabled{opacity:.55;cursor:default}.activity-studio button:focus-visible,.activity-studio input:focus-visible,.activity-studio select:focus-visible,.activity-studio textarea:focus-visible,.activity-studio summary:focus-visible,.activity-studio a:focus-visible{outline:3px solid #ac6229;outline-offset:3px}.activity-studio label{display:block;margin:.7rem 0}.activity-studio input:not([type=checkbox]):not([type=radio]):not([type=file]),.activity-studio select,.activity-studio textarea{display:block;width:100%;padding:.65rem;border:1px solid #aaa69b;border-radius:.4rem;background:white;color:var(--ink)}.activity-studio input[type=checkbox],.activity-studio input[type=radio]{margin-right:.7rem}.activity-studio textarea{resize:vertical;min-height:5rem}.activity-studio pre,.activity-studio textarea[spellcheck=false],.activity-studio #studio-code{font-family:ui-monospace,Consolas,monospace;font-size:.93rem;line-height:1.55}.activity-studio pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0eee6;padding:.8rem;border-radius:.4rem}.activity-studio details{padding:.8rem;border:1px solid var(--line);border-radius:.5rem;margin:1rem 0;background:#fffdf8}.activity-studio summary{font-weight:600;cursor:pointer}.activity-studio .toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.activity-studio .file-button{margin:0}.activity-studio .file-button input{max-width:14rem}.activity-studio .author-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2.5fr);gap:2rem}.activity-studio .author-grid>aside{border-right:1px solid var(--line);padding-right:1.2rem}.activity-studio #course-navigation button{display:block;text-align:left;width:100%;margin:.35rem 0}.activity-studio #course-navigation button[aria-current=true]{background:var(--soft);border-color:var(--accent)}.activity-studio #author-status,.activity-studio #course-status,.activity-studio #studio-status{background:var(--soft);padding:.8rem 1rem;border-left:4px solid var(--accent);white-space:pre-wrap}.activity-studio #curriculum-issues .error{color:#983926}.activity-studio #curriculum-issues .warning{color:#6b5515}.activity-studio .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.activity-studio table{border-collapse:collapse;width:100%;font-size:.85rem}.activity-studio td,.activity-studio th{padding:.4rem;border:1px solid var(--line);text-align:left}.activity-studio{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.1fr) minmax(320px,1.1fr);gap:1rem;margin-top:1.5rem}.activity-studio>h2,.activity-studio>p,.activity-studio>nav,.activity-studio .studio-controls{grid-column:1/-1;margin:.2rem 0}.activity-studio>nav,.activity-studio .studio-controls{display:flex;gap:.5rem;flex-wrap:wrap}.activity-studio .studio-instructions,.activity-studio .studio-code,.activity-studio .studio-play{min-width:0;border:1px solid var(--line);border-radius:.7rem;padding:1rem;background:#fffdf8}.activity-studio .studio-code textarea{min-height:380px}.activity-studio .studio-play iframe{width:100%;min-height:300px;height:380px;border:0;background:#eee}.activity-studio[data-layout=instructions] .studio-code,.activity-studio[data-layout=instructions] .studio-play,.activity-studio[data-layout=code] .studio-instructions,.activity-studio[data-layout=code] .studio-play,.activity-studio[data-layout=play] .studio-code,.activity-studio[data-layout=play] .studio-instructions{display:none}.activity-studio:not([data-layout=split]){grid-template-columns:1fr}.activity-studio .typing-reference pre{border-left:3px solid var(--accent)}.activity-studio [hidden]{display:none!important}.activity-studio dialog{max-width:36rem;border:1px solid var(--line);border-radius:1rem;padding:2rem}.activity-studio dialog::backdrop{background:#17252a88}@media(max-width:1100px){.activity-studio{grid-template-columns:1fr 1fr}.activity-studio .studio-instructions{grid-column:1/-1}}@media(max-width:700px){.activity-studio main{padding:1rem}.activity-studio .author-grid,.activity-studio .field-grid,.activity-studio{grid-template-columns:1fr}.activity-studio .author-grid>aside{border-right:0}.activity-studio .studio-code textarea{min-height:280px}.activity-studio header{padding:1rem;gap:1rem}}
.unit-one-tools{padding:.8rem;border:1px solid #abc1c9;border-radius:.7rem;background:#f5f9fb;color:#183346}
.unit-one-inputs label,.unit-one-grid-tools label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.45rem 0}
.unit-one-inputs input[type=number],.unit-one-grid-tools input[type=number]{width:5.5rem;min-width:0}
.unit-one-inputs input[type=range]{max-width:100%;flex:1;min-width:80px}
.unit-one-demo iframe{width:100%;aspect-ratio:3/2;height:auto;border:1px solid #526b79;background:#eee}
.unit-one-demo pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}
.unit-one-stage{position:relative;aspect-ratio:3/2;width:100%;max-width:600px;margin:auto}
.unit-one-stage #curriculum-frame{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.unit-one-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.unit-one-swatches{display:flex;gap:.5rem}.unit-one-swatches>div{flex:1;min-height:65px;border:1px solid #394651;padding:.5rem;text-shadow:0 1px #fff3}
.unit-one-pixels{width:100%;height:auto}.unit-one-blueprint ul{padding-left:1.3rem;font-size:.9rem}
.unit-one-travel{grid-column:1/-1;background:#eef7f5;padding:1rem}.unit-one-travel canvas{display:block;width:100%;max-width:600px;aspect-ratio:3/2;border:2px solid #28596d;margin:auto}.unit-one-travel button{margin:.3rem;min-height:44px;touch-action:none}