:root{
  --bg:#f5f7fa;--surface:#fff;--surface-2:#eef2f6;--text:#15202b;--muted:#667281;--border:#d8e0e7;
  --blue:#3568ff;--blue-soft:#e9efff;--teal:#0f766e;--teal-soft:#e4f5f3;--purple:#6548ad;--purple-soft:#eee9fb;
  --orange:#a45a0e;--orange-soft:#fff0dd;--green:#227a51;--green-soft:#e4f4eb;--red:#ad3d47;--red-soft:#fbe9eb;
  --radius:18px;--shadow:0 14px 38px rgba(29,44,62,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.52}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.shell{width:min(1120px,calc(100% - 28px));margin:0 auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(245,247,250,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,224,231,.88)}.topbar-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1a2e4b,#3568ff);color:#fff;font-weight:850;letter-spacing:-.04em}.brand-title{font-weight:800}.brand-sub{font-size:.82rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.save-pill{font-size:.79rem;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:999px;padding:7px 10px}.saved-flash{background:var(--green-soft);color:var(--green)}
.btn{min-height:44px;border:1px solid var(--border);background:#fff;color:var(--text);padding:10px 14px;border-radius:11px;font-weight:720;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{border-color:#aab6c2}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.soft{background:var(--blue-soft);border-color:transparent;color:#2047bf}.btn.ghost{background:transparent}.btn.danger{color:#9e313b}.text-button{border:0;background:transparent;color:#3157c8;text-decoration:underline;padding:2px 0;font-weight:700}.btn:focus-visible,.text-button:focus-visible,input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(53,104,255,.2);outline-offset:2px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.72rem;font-weight:800}h1{font-size:clamp(2.3rem,5.8vw,4.6rem);line-height:.97;margin:8px 0 18px;letter-spacing:-.055em}h2{font-size:clamp(1.55rem,3vw,2.25rem);margin:0;letter-spacing:-.025em;line-height:1.12}h3{margin:0;font-size:1.1rem}h4{margin:0}.lead{font-size:1.08rem;color:var(--muted);max-width:730px}.section-copy{color:var(--muted);margin-top:6px}.empty-copy{color:var(--muted);margin:0;font-size:.92rem}
.hero{padding:42px 0 20px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}.hero-rule{display:flex;gap:11px;align-items:center;margin-top:22px;color:#405065}.hero-rule span{width:38px;height:3px;background:var(--blue);border-radius:9px}.hero-rule p{margin:0}.hero-photo{margin:0;border-radius:22px;overflow:hidden;background:#dce4e9;box-shadow:var(--shadow);position:relative;min-height:260px}.hero-photo img{width:100%;height:310px;object-fit:cover;display:block}.hero-photo figcaption{position:absolute;left:10px;bottom:10px;background:rgba(20,30,40,.78);color:#fff;padding:6px 9px;border-radius:8px;font-size:.68rem}.stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:30px}.step-dot{position:relative;background:#fff;border:1px solid var(--border);border-radius:12px;padding:9px 8px;display:flex;align-items:center;gap:8px;color:var(--muted)}.step-dot span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:850;font-size:.78rem;flex:none}.step-dot small{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-dot.active{border-color:#8ca6ff;background:var(--blue-soft);color:#2446a8}.step-dot.active span{background:var(--blue);color:#fff}.step-dot.done span{background:var(--green);color:#fff}.step-dot.done{color:var(--green)}
.activity-stage{padding:12px 0 54px}.activity-screen{animation:screenIn .23s ease-out}@keyframes screenIn{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}.activity-label{display:flex;align-items:center;gap:9px;margin:10px 0 15px}.activity-label>span:first-child{font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#35516b}.pill-neutral{font-size:.75rem;background:#e8edf2;color:#5a6876;border-radius:999px;padding:5px 9px}.activity-intro{margin:14px 0 18px;max-width:820px}.activity-intro p{color:var(--muted);font-size:1rem;margin:7px 0 0}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.challenge-card{background:linear-gradient(135deg,#182c49,#244c76);color:#fff;border-radius:24px;padding:26px;display:grid;grid-template-columns:1.45fr .85fr;gap:24px;box-shadow:var(--shadow)}.challenge-card .eyebrow,.challenge-card .section-copy{color:#c8d8eb}.scenario-facts{display:grid;gap:9px}.scenario-facts>div{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:10px 12px}.fact-icon{grid-row:1/3;align-self:center;font-size:1.4rem;color:#99bdff}.scenario-facts strong{font-size:1.2rem}.scenario-facts small{color:#c8d8eb}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.label{display:block;font-size:.84rem;font-weight:750;margin-bottom:5px}.form-row input,input,select,textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text)}textarea{resize:vertical;min-height:86px}.quick-prompts{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:var(--muted);font-size:.82rem}.micro-hint{margin-top:10px;border-radius:11px;background:var(--blue-soft);color:#405377;padding:12px;font-size:.9rem}.architecture-card{margin-top:12px}.canvas-wrap{overflow-x:auto;background:linear-gradient(#eef2f6 1px,transparent 1px),linear-gradient(90deg,#eef2f6 1px,transparent 1px),#f8fafb;background-size:24px 24px;border-radius:14px}.canvas{position:relative;min-width:830px;min-height:410px}.canvas-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#8a97a5;pointer-events:none}.arch-node{position:absolute;width:175px;background:#fff;border:1px solid #cbd5df;border-radius:13px;padding:12px;box-shadow:0 8px 20px rgba(29,44,62,.1);user-select:none;touch-action:none;z-index:3}.arch-node-top{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:start}.node-type-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:6px}.arch-node-name{font-weight:760;overflow-wrap:anywhere}.icon-button{border:0;background:transparent;color:#748191;border-radius:7px;min-width:29px;min-height:29px;font-size:1.05rem}.flow-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.flow-svg path{stroke:#687b91;stroke-width:2.2;fill:none}.flow-svg .arrowhead{fill:#687b91;stroke:none}.flow-svg text{fill:#415064;font-size:12px;font-weight:700;paint-order:stroke;stroke:#f8fafb;stroke-width:5px;stroke-linejoin:round}.flow-builder{margin-top:12px}.flow-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mini-example{font-size:.75rem;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:5px 8px}.flow-form{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:9px;margin-top:13px}.list{display:grid;gap:7px;margin-top:10px}.list-item{border:1px solid var(--border);border-radius:11px;background:#fff;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.list-item small{display:block;color:var(--muted);margin-top:2px}.flow-arrow-inline{color:var(--blue);font-weight:900}.reflection-strip{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;background:#eaf0f5;border-radius:13px;padding:12px 14px;color:#536274;font-size:.88rem}.reflection-strip strong{color:#243447}.reflection-strip span:not(:last-child)::after{content:'·';margin-left:8px;color:#91a0ae}.next-activity{margin-top:4px}
.stop-screen{max-width:900px;margin:28px auto;background:#fff;border:1px solid var(--border);border-radius:28px;padding:34px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.stop-screen::before{content:'';position:absolute;width:260px;height:260px;background:var(--red-soft);border-radius:50%;top:-150px;right:-120px}.stop-orbit{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:var(--red-soft);color:var(--red);font-size:.85rem;font-weight:900;letter-spacing:.08em;border:1px solid #f0c9cd}.stop-screen p{color:var(--muted);max-width:650px;margin:10px auto}.discussion-questions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.discussion-questions>div{text-align:left;background:var(--surface-2);border-radius:13px;padding:14px}.discussion-questions strong{display:block}.discussion-questions span{display:block;color:var(--muted);font-size:.85rem;margin-top:3px}.concept-reveal{margin:16px 0}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;text-align:left}.reference-grid>div{border:1px solid var(--border);background:#fff;border-radius:11px;padding:11px}.reference-grid small{display:block;color:var(--muted);margin-top:3px}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-card{border:1px solid var(--border);background:#fff;border-radius:15px;padding:15px;text-align:left;display:flex;gap:11px;align-items:flex-start;position:relative;min-height:105px}.choice-card:hover{border-color:#9dadbc}.choice-card .choice-icon{width:38px;height:38px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;font-weight:900;color:#476075;flex:none}.choice-card strong{display:block}.choice-card small{display:block;color:var(--muted);margin-top:3px}.choice-state{position:absolute;right:10px;top:9px;font-size:.66rem;font-weight:850;color:#778696}.choice-card.state-1{border-color:#85a3ff;background:#f6f8ff}.choice-card.state-1 .choice-state{color:#2b55ce}.choice-card.state-2{border-color:#4f75ef;background:var(--blue-soft);box-shadow:0 0 0 2px rgba(53,104,255,.08)}.choice-card.state-2 .choice-state{color:#244cbf}.selection-summary{margin-top:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;border:1px solid var(--border);background:#fff;padding:6px 9px;border-radius:999px;font-size:.8rem;font-weight:700}.chip.priority{border-color:#7899ff;background:var(--blue-soft);color:#2448ae}.help-compact{margin-top:12px;border:1px solid var(--border);border-radius:13px;padding:13px;background:#fff}.help-compact summary{font-weight:750;cursor:pointer}.help-compact p{color:var(--muted);margin:8px 0 0}
.mystery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mystery-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(29,44,62,.04)}.mystery-card.revealed{border-color:#a9c3b6}.mystery-number{font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#6d7b89}.mystery-card ul{margin:11px 0;padding-left:19px;color:#526172}.mystery-card li{margin:6px 0}.mystery-options{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.mystery-option{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 9px;font-size:.78rem;font-weight:700}.mystery-option.chosen{border-color:var(--purple);background:var(--purple-soft);color:#573aa7}.mystery-result{display:none;border-radius:11px;padding:10px;background:var(--green-soft);color:#315c46;font-size:.88rem;margin:8px 0}.mystery-result.visible{display:block}.score-panel{margin-top:12px;background:#1d2f48;color:#fff;border-radius:16px;padding:15px 18px;display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.score-panel span{color:#bfd0e3}.score-panel strong{font-size:1.25rem}.score-panel small{color:#9fb1c5;text-align:right}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.tech-card{border:1px solid var(--border);background:#fff;border-radius:17px;padding:16px;text-align:left;min-height:160px;position:relative;overflow:hidden}.tech-card::after{content:'';position:absolute;width:76px;height:76px;border-radius:50%;right:-24px;top:-22px;opacity:.65}.tech-card.family-local::after{background:var(--teal-soft)}.tech-card.family-lpwan::after{background:var(--orange-soft)}.tech-card:hover{transform:translateY(-1px);border-color:#aab7c2}.tech-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--surface-2);border-radius:12px;font-size:1.2rem;margin-bottom:10px}.tech-icon.large{width:54px;height:54px;font-size:1.5rem;flex:none}.tech-family{display:block;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.tech-card strong{display:block;font-size:1.05rem;margin-top:2px}.tech-card small{display:block;color:var(--muted);margin-top:3px}.tech-card .open{display:block;margin-top:14px;color:#3453a3;text-decoration:underline;font-size:.84rem;font-weight:750}.tech-panel{display:none;margin-top:12px}.tech-panel.visible{display:block;animation:screenIn .2s ease-out}.family-panel-local{border-top:4px solid var(--teal)}.family-panel-lpwan{border-top:4px solid var(--orange)}.tech-title-row{display:flex;justify-content:space-between;gap:16px}.tech-columns{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;margin-top:20px}.tech-columns h4{margin-bottom:5px}.clean{margin:0;padding-left:19px}.clean li{color:var(--muted);margin:5px 0}.mini-chain{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.arch-box{background:var(--surface-2);border-radius:8px;padding:7px 8px;font-size:.75rem;font-weight:760}.arch-arrow{color:#7f8c9a;font-weight:900}.tech-deep{margin-top:16px;border:1px solid var(--border);border-radius:13px;padding:13px}.tech-deep summary{cursor:pointer;font-weight:800}.deep-fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.deep-fact-grid>div{background:var(--surface-2);border-radius:10px;padding:10px}.deep-fact-grid strong,.deep-fact-grid span{display:block}.deep-fact-grid span{color:var(--muted);font-size:.85rem;margin-top:2px}.source-list{margin-top:13px;color:var(--muted);font-size:.81rem}.source-list a{color:#3157c8}.concept-banner{margin-top:14px;background:#202f45;color:#fff;border-radius:16px;padding:16px;display:flex;gap:14px;align-items:center}.concept-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #60728b;border-radius:50%;font-size:1.4rem}.concept-banner p{color:#becbda;margin:2px 0 0}
.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scenario-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px}.scenario-top{display:flex;gap:11px;align-items:flex-start}.scenario-icon{width:44px;height:44px;border-radius:13px;background:var(--purple-soft);color:#5d42a5;display:grid;place-items:center;font-size:1.3rem;flex:none}.fact-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.fact-chip-row span{font-size:.75rem;background:var(--surface-2);color:#596979;border-radius:999px;padding:5px 8px}.scenario-options{display:flex;flex-wrap:wrap;gap:7px}.scenario-option{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 10px;font-weight:750}.scenario-option.selected{border-color:var(--purple);background:var(--purple-soft);color:#573aa7}.scenario-rationale{margin-top:12px;border-radius:11px;padding:11px;font-size:.87rem}.scenario-rationale strong,.scenario-rationale span{display:block}.scenario-rationale span{margin-top:3px}.scenario-rationale.good{background:var(--green-soft);color:#365e49}.scenario-rationale.challenge{background:var(--orange-soft);color:#76531f}
.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.event{border:1px solid var(--border);background:#fff;border-radius:15px;padding:15px;text-align:left;display:flex;gap:10px;min-height:105px}.event.selected{border-color:var(--red);background:var(--red-soft)}.event-icon{width:39px;height:39px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;font-weight:900;flex:none}.event strong,.event small{display:block}.event small{color:var(--muted);margin-top:3px}.stress-response{margin-top:12px;display:grid;gap:13px}.stress-prompt{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;padding-bottom:13px;border-bottom:1px solid var(--border)}.stress-prompt:last-of-type{border-bottom:0}.stress-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1d2f48;color:#fff;font-weight:850}.stress-prompt p{color:var(--muted);margin:3px 0 0}.chip-button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 9px;font-size:.8rem;font-weight:720}.chip-button.active{background:var(--blue-soft);border-color:#7797f5;color:#284caf}.compact-choice-grid{grid-template-columns:repeat(3,1fr);margin-top:8px}.choice-card.compact{min-height:88px;padding:12px}.optional-note{display:block}.optional-note span{display:block;font-size:.82rem;font-weight:760;margin-bottom:5px}
.finish-card{max-width:900px;margin:28px auto;background:linear-gradient(145deg,#172b45,#274e70);color:#fff;border-radius:28px;padding:38px;text-align:center;box-shadow:var(--shadow)}.finish-mark{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#dff4e8;color:#227a51;font-size:1.8rem;font-weight:900}.finish-card .eyebrow,.finish-card .lead{color:#c8d7e6}.takeaway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:24px 0}.takeaway-grid>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px;text-align:left}.takeaway-grid strong,.takeaway-grid span{display:block}.takeaway-grid span{font-size:.83rem;color:#c5d3df;margin-top:3px}.finish-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.finish-actions .btn:not(.primary){background:#fff}.footer{padding:28px 0 46px;color:var(--muted);font-size:.83rem}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#17283d;color:#fff;border-radius:999px;padding:9px 14px;font-size:.84rem;opacity:0;pointer-events:none;transition:.18s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Teacher */.teacher-hero{padding:48px 0 24px}.teacher-hero h1{font-size:clamp(2.5rem,5vw,4.4rem)}.teacher-flow{display:grid;gap:14px;padding-bottom:28px}.teacher-activity{display:grid;grid-template-columns:62px 1fr;gap:16px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 8px 24px rgba(29,44,62,.04)}.teacher-index{width:48px;height:48px;border-radius:14px;background:#1d2f48;color:#fff;display:grid;place-items:center;font-weight:900}.teacher-activity p{color:var(--muted);margin:7px 0 0}.expected{margin-top:14px;background:var(--blue-soft);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:180px 1fr;gap:10px}.expected span{color:#465978}.discussion-box{margin-top:12px;border-left:4px solid var(--teal);background:var(--teal-soft);border-radius:0 12px 12px 0;padding:12px 14px}.discussion-box ul{margin:7px 0 0;padding-left:20px}.discussion-box li{margin:4px 0;color:#405b59}.discussion-box p{color:#405b59}.teacher-resources{padding:5px 0 45px}.deep-question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.deep-question-grid span{background:var(--surface-2);border-radius:11px;padding:12px;color:#566576}
.phone-only{display:none}.mobile-components{display:grid;gap:8px;margin-top:12px}.mobile-node{border:1px solid var(--border);background:#fff;border-radius:11px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-tools{display:flex;gap:3px}
@media(max-width:900px){.hero-grid,.challenge-card{grid-template-columns:1fr}.hero-photo img{height:250px}.choice-grid,.tech-grid,.event-grid{grid-template-columns:repeat(2,1fr)}.tech-columns{grid-template-columns:1fr 1fr}.tech-columns>div:last-child{grid-column:1/-1}.discussion-questions{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr}.takeaway-grid{grid-template-columns:repeat(2,1fr)}.compact-choice-grid{grid-template-columns:repeat(2,1fr)}.reference-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.shell{width:min(100% - 20px,1120px)}.topbar-inner{min-height:60px}.brand-sub,.actions .optional,.save-pill{display:none}.hero{padding-top:25px}.hero-photo{min-height:0}.hero-photo img{height:190px}.stepper{display:flex;overflow-x:auto;padding-bottom:4px}.step-dot{min-width:92px;flex:none}.step-dot small{font-size:.72rem}.activity-stage{padding-top:0}.challenge-card{padding:19px}.scenario-facts{grid-template-columns:1fr}.form-row,.flow-form{grid-template-columns:1fr}.flow-heading{display:block}.mini-example{display:inline-flex;margin-top:8px}.desktop-only{display:none!important}.phone-only{display:block!important}.reflection-strip{display:grid;gap:5px}.reflection-strip span:not(:last-child)::after{content:''}.stop-screen{padding:24px 17px;border-radius:20px;margin:14px auto}.choice-grid,.tech-grid,.mystery-grid,.event-grid,.compact-choice-grid{grid-template-columns:1fr}.selection-summary{display:block}.selection-summary .chip-row{margin-top:10px}.reference-grid{grid-template-columns:1fr}.score-panel{grid-template-columns:1fr 1fr}.score-panel small{grid-column:1/-1;text-align:left}.tech-columns,.deep-fact-grid{grid-template-columns:1fr}.tech-columns>div:last-child{grid-column:auto}.concept-banner{align-items:flex-start}.takeaway-grid{grid-template-columns:1fr}.finish-card{padding:28px 18px;border-radius:21px}.teacher-activity{grid-template-columns:1fr}.expected{grid-template-columns:1fr}.deep-question-grid{grid-template-columns:1fr}.quick-prompts{align-items:flex-start}.activity-label{margin-top:4px}}


/* ===== V3 UX refinements ===== */
.design-btn{background:var(--blue-soft);border-color:transparent;color:#2448ae}.student-page.past-intro .activity-hero{padding:10px 0 8px}.student-page.past-intro .activity-hero .hero-grid{display:none}.student-page.past-intro .activity-hero .stepper{margin-top:0}.student-page.past-intro .activity-stage{padding-top:8px}
.student-stop-question{margin:20px auto 22px;max-width:680px;background:var(--surface-2);border-radius:16px;padding:16px;text-align:left}.student-stop-question span,.student-stop-question strong{display:block}.student-stop-question span{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:850}.student-stop-question strong{margin-top:5px;font-size:1rem}
.requirement-card{border:1px solid var(--border);background:#fff;border-radius:15px;padding:0;min-height:112px;display:grid;grid-template-columns:1fr auto;overflow:hidden}.requirement-card.selected{border-color:#85a3ff;background:#f7f9ff}.req-select{border:0;background:transparent;text-align:left;padding:15px;display:flex;gap:11px;align-items:flex-start}.req-select .choice-icon{width:38px;height:38px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;font-weight:900;color:#476075;flex:none}.req-select strong,.req-select small{display:block}.req-select small{color:var(--muted);margin-top:3px}.req-priority{width:48px;border:0;border-left:1px solid var(--border);background:#fbfcfd;color:#a0aab5;font-size:1.3rem}.req-priority:disabled{opacity:.35;cursor:not-allowed}.req-priority.priority{background:var(--blue-soft);color:#2e54c4}.priority-help{margin-top:8px;font-size:.8rem;color:var(--muted)}
.mystery-clue{background:var(--surface-2);border-radius:12px;padding:11px 12px;margin:9px 0;color:#4f6070}.mystery-clue.new{animation:screenIn .2s ease-out}.mystery-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.mystery-meta{font-size:.77rem;color:var(--muted);margin-top:8px}.mystery-result .clue-score{display:block;margin-top:4px;font-size:.8rem}
.tech-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:14px;align-items:start}.tech-workspace .tech-grid{grid-template-columns:repeat(2,1fr)}.tech-workspace .tech-panel{display:block;position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto;margin-top:0}.tech-empty-panel{display:grid;place-items:center;min-height:240px;color:var(--muted);text-align:center}
.scenario-commit{margin-top:10px}.scenario-rationale[hidden],.scenario-twist[hidden]{display:none}.scenario-twist{margin-top:10px;border:1px dashed #d8b472;background:#fff8eb;border-radius:11px;padding:11px;font-size:.86rem;color:#6e5428}.scenario-twist strong,.scenario-twist span{display:block}.scenario-twist span{margin-top:4px}.scenario-options.locked .scenario-option:not(.selected){opacity:.46}.scenario-option:disabled{cursor:default}.scenario-action-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.design-scrim{position:fixed;inset:0;background:rgba(18,30,45,.28);z-index:78}.design-drawer{position:fixed;z-index:79;right:0;top:0;height:100%;width:min(440px,92vw);background:#fff;border-left:1px solid var(--border);box-shadow:-20px 0 50px rgba(28,43,61,.14);transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column}.design-drawer.open{transform:translateX(0)}.design-drawer-head{padding:18px 18px 12px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.design-drawer-head h2{font-size:1.55rem}.drawer-close{font-size:1.35rem}.design-drawer-content{padding:16px 18px 30px;overflow:auto}.design-section{padding:14px 0;border-bottom:1px solid var(--border)}.design-section:last-child{border-bottom:0}.design-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.design-stat{font-size:.76rem;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:4px 8px}.mini-architecture{border:1px solid var(--border);border-radius:13px;background:#f8fafb;overflow:auto;padding:6px}.mini-architecture svg{display:block;width:100%;min-width:310px;height:auto}.mini-architecture .mini-node{fill:#fff;stroke:#c8d2dc;stroke-width:1.3}.mini-architecture .mini-label{font-size:10px;font-weight:750;fill:#243447}.mini-architecture .mini-edge{stroke:#72849a;stroke-width:1.6;fill:none}.mini-architecture .mini-flow-label{font-size:8px;font-weight:700;fill:#526579;paint-order:stroke;stroke:#f8fafb;stroke-width:3px}.drawer-list{display:grid;gap:6px}.drawer-flow{font-size:.83rem;color:#526172;background:var(--surface-2);border-radius:9px;padding:8px}.drawer-empty{font-size:.86rem;color:var(--muted)}
.mobile-graph{margin-top:12px}.mobile-edit{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.mobile-edit summary{cursor:pointer;font-weight:750;color:#506172}
@media(max-width:900px){.tech-workspace{grid-template-columns:1fr}.tech-workspace .tech-grid{grid-template-columns:repeat(2,1fr)}.tech-workspace .tech-panel{position:static;max-height:none}.design-drawer{width:min(520px,96vw)}}
@media(max-width:650px){.actions{gap:5px}.design-btn{padding:8px 10px;min-height:40px}.student-page.past-intro .activity-hero{padding-top:8px}.student-page.past-intro .step-dot{min-width:80px}.requirement-card{min-height:100px}.tech-workspace .tech-grid{grid-template-columns:1fr}.tech-workspace .tech-panel{display:none}.design-drawer{top:auto;bottom:0;width:100%;height:min(82%,720px);border-left:0;border-top:1px solid var(--border);border-radius:22px 22px 0 0;transform:translateY(104%)}.design-drawer.open{transform:translateY(0)}.design-drawer-head{padding-top:15px}.mini-architecture svg{min-width:290px}.scenario-action-row .btn{flex:1 1 140px}}

.mobile-tech-overlay{position:fixed;inset:0;z-index:90;background:rgba(18,30,45,.34);display:flex;align-items:flex-end}.mobile-tech-sheet{width:100%;max-height:88%;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:18px;position:relative}.mobile-tech-close{position:absolute;right:12px;top:10px;font-size:1.35rem;z-index:2}.mobile-tech-sheet .tech-title-row{padding-right:28px}

/* IoT landscape opening */
.stepper{grid-template-columns:repeat(7,1fr)}
.design-btn[hidden]{display:none!important}
.landscape-intro{max-width:900px}
.landscape-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px;background:linear-gradient(135deg,#f8fbff,#f1f6ff)}
.landscape-summary>div:first-child{min-width:180px}.landscape-kicker{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--muted);margin-bottom:3px}.landscape-summary strong{font-size:1.05rem}
.landscape-domain-preview{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.landscape-domain-count{display:inline-grid;grid-template-columns:auto auto auto;gap:5px;align-items:center;padding:6px 8px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#83909d;font-size:.74rem}.landscape-domain-count b{font-size:.88rem}.landscape-domain-count small{min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:.67rem;font-weight:850}.landscape-domain-count.used{color:#3157a8;border-color:#c9d6ff;background:#f8faff}.landscape-domain-count.used small{background:var(--blue-soft);color:#2449ae}
.usecase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.usecase-card{width:100%;border:1px solid var(--border);background:#fff;border-radius:17px;padding:16px;text-align:left;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:start;min-height:126px;box-shadow:0 7px 20px rgba(29,44,62,.035);transition:.16s}.usecase-card:hover{border-color:#a7b6c6;transform:translateY(-1px)}.usecase-card.linked{border-color:#b8c9f8;background:linear-gradient(135deg,#fff,#f8faff)}.usecase-icon{width:44px;height:44px;border-radius:13px;background:var(--surface-2);display:grid;place-items:center;font-size:1.25rem;color:#415970}.usecase-card.linked .usecase-icon{background:var(--blue-soft);color:#2d54bb}.usecase-copy strong,.usecase-copy small,.usecase-domains{display:block}.usecase-copy strong{font-size:1rem}.usecase-copy small{color:var(--muted);margin-top:3px}.usecase-domains{margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}.domain-chip{font-size:.7rem;padding:4px 7px;border-radius:999px;background:var(--blue-soft);color:#284ca8;font-weight:720}.domain-unlinked{font-size:.72rem;color:#9aa5af;font-style:italic}.usecase-action{align-self:center;color:#3157c8;font-size:.78rem;font-weight:780;white-space:nowrap}
.domain-picker-scrim{position:fixed;inset:0;background:rgba(20,31,45,.42);backdrop-filter:blur(2px);z-index:110}.domain-picker{position:fixed;z-index:120;left:50%;top:50%;width:min(650px,calc(100% - 28px));max-height:min(82vh,680px);overflow:auto;transform:translate(-50%,-46%) scale(.98);opacity:0;pointer-events:none;background:#fff;border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 28px 80px rgba(20,34,50,.25);transition:.18s}.domain-picker.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.domain-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.domain-picker-head h2{font-size:1.55rem;margin-top:3px}.domain-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.domain-choice{min-height:88px;border:1px solid var(--border);border-radius:14px;background:#fff;padding:11px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.domain-choice>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:1rem}.domain-choice strong{font-size:.88rem}.domain-choice small{font-size:.69rem;color:var(--muted)}.domain-choice.selected{border-color:#6f8ff0;background:var(--blue-soft);color:#2448ae}.domain-choice.selected>span{background:#fff}.domain-picker-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.domain-picker-foot span{font-size:.82rem;color:var(--muted)}

/* Teacher landscape reveal */
.teacher-landscape{margin-top:13px;border:1px solid #c9d6e2;border-radius:14px;background:#fff;overflow:hidden}.teacher-landscape summary{cursor:pointer;padding:12px 14px;font-weight:800;color:#294962}.teacher-landscape-map{padding:16px;background:radial-gradient(circle at center,#edf3ff 0,#f8fafc 38%,#fff 72%)}.landscape-map-center{width:132px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#1d2f48;color:#fff;text-align:center;font-weight:850;box-shadow:0 9px 24px rgba(29,47,72,.18)}.landscape-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.landscape-map-domain{border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.94);padding:10px}.landscape-map-domain strong{display:block;font-size:.88rem}.landscape-map-domain span{display:block;color:var(--muted);font-size:.74rem;margin-top:3px;line-height:1.35}.landscape-map-note{margin:12px 0 0!important;text-align:center;color:#405a73!important;font-size:.82rem}.cross-domain{display:inline-block;margin-top:5px;padding:3px 6px;border-radius:999px;background:var(--orange-soft);color:#7b541d;font-size:.66rem;font-weight:800}

@media(max-width:900px){.usecase-grid{grid-template-columns:1fr}.landscape-summary{display:block}.landscape-domain-preview{justify-content:flex-start;margin-top:12px}.domain-picker-grid{grid-template-columns:repeat(2,1fr)}.landscape-map-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.stepper{display:flex}.landscape-summary{padding:15px}.landscape-domain-preview{max-height:78px;overflow:auto}.usecase-card{grid-template-columns:42px 1fr;min-height:118px;padding:13px}.usecase-icon{width:39px;height:39px}.usecase-action{grid-column:2;align-self:start;margin-top:-2px}.domain-picker{left:0;right:0;top:auto;bottom:0;width:100%;max-height:82vh;border-radius:22px 22px 0 0;transform:translateY(104%);opacity:1}.domain-picker.open{transform:translateY(0)}.domain-picker-grid{grid-template-columns:repeat(2,1fr)}.domain-picker-foot{position:sticky;bottom:-22px;background:#fff;padding-bottom:3px}.landscape-map-grid{grid-template-columns:1fr}}

/* V5 — challenge modes, richer STOP snapshots, cross-domain landscape */
.domain-chip.primary{background:#e8efff;color:#2448ae;border:1px solid #cad8ff}.domain-chip.secondary{background:#f3efff;color:#5b43a0;border:1px solid #ddd2fb}.domain-chip b{font-size:.61rem;letter-spacing:.05em;text-transform:uppercase;margin-right:3px}.usecase-case{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:#8793a0;font-weight:850;margin-bottom:2px}.domain-choice.primary{border-color:#5578e9;background:#e9efff;color:#2448ae}.domain-choice.secondary{border-color:#846acc;background:#f1ecff;color:#6045a9}.domain-choice.primary small,.domain-choice.secondary small{font-weight:850;letter-spacing:.04em}.domain-choice.secondary>span{background:#fff}

.go-further{margin:18px 0 13px;border:1px solid #d8cff3;border-radius:17px;background:linear-gradient(135deg,#fbf9ff,#f5f1ff);overflow:hidden}.go-further>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;gap:11px;color:#4d3a86}.go-further>summary::-webkit-details-marker{display:none}.challenge-mark{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:#e8e0fb;color:#684bb6;font-size:1.1rem;font-weight:900}.go-further summary strong,.go-further summary small{display:block}.go-further summary small{margin-top:2px;color:#786a9b;font-size:.79rem;font-weight:600}.go-further[open]>summary{border-bottom:1px solid #dfd7f3;background:rgba(255,255,255,.45)}.go-further-body{padding:16px}.challenge-copy{margin:0 0 13px;color:#5e6672;font-size:.9rem}.challenge-chip-row{display:flex;gap:7px;flex-wrap:wrap}.challenge-select{display:grid;grid-template-columns:80px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:12px}.challenge-select>span,.compare-controls label>span{font-size:.74rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}

.micro-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.micro-game-card{border:1px solid #ddd8e9;background:#fff;border-radius:14px;padding:13px}.micro-game-card>strong,.micro-game-card>small{display:block}.micro-game-card>small{color:var(--muted);margin-top:3px}.micro-options,.missing-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.micro-option,.missing-option{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 9px;font-size:.77rem;font-weight:720}.micro-option.active,.missing-option.active{border-color:#8a70d2;background:#eee8ff;color:#5b42a7}.micro-feedback{margin-top:10px;background:#f3f0fb;border-radius:10px;padding:10px;color:#61567d;font-size:.82rem}.micro-feedback b{display:block;color:#4e3e78;margin-bottom:3px}.pair-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pair-title span{color:#8c96a1;font-size:.75rem;text-transform:uppercase;font-weight:800}.missing-options{display:grid;grid-template-columns:1fr}.missing-option{text-align:left;border-radius:10px}.lock-missing{margin-top:10px}

.impact-card{margin-top:13px;display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid #ddd8e9;border-radius:14px;padding:13px}.impact-number{width:48px;height:48px;border-radius:14px;background:#ece6fb;color:#6248ad;display:grid;place-items:center;font-weight:900;font-size:1.05rem}.impact-card p{margin:4px 0 8px;color:var(--muted);font-size:.84rem}.impact-card.compound{border-color:#e5c6c9;background:#fffafa}.impact-card.compound .impact-number{background:var(--red-soft);color:var(--red)}

.compare-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.compare-controls label{display:grid;gap:5px}.compare-vs{font-size:.72rem;font-weight:900;color:#7b6a9c;padding-bottom:12px}.compare-table{margin-top:14px;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:#fff}.compare-row{display:grid;grid-template-columns:120px 1fr 1fr;border-bottom:1px solid var(--border)}.compare-row:last-child{border-bottom:0}.compare-row>*{padding:10px;border-right:1px solid var(--border);font-size:.82rem}.compare-row>*:last-child{border-right:0}.compare-row>strong{background:#f6f7fa;color:#56636f;font-size:.75rem}.ntn-lens{margin-top:14px;border-radius:14px;background:#202f45;color:#fff;padding:15px}.ntn-lens h4{margin-top:4px}.ntn-lens p{color:#c2cfdd;font-size:.84rem;margin:10px 0 0}.ntn-diagrams{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ntn-diagrams>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px}.ntn-diagrams b,.ntn-diagrams span{display:block}.ntn-diagrams span{color:#c7d3df;font-size:.77rem;margin-top:4px}

.stop-snapshot{position:relative;z-index:1;margin:20px auto 10px;text-align:left;background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:15px;max-width:780px}.snapshot-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.snapshot-head>span{font-size:.75rem;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 8px}.snapshot-landscape{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.snapshot-landscape>div{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;background:#fff;border:1px solid #e3e8ed;border-radius:10px;padding:8px}.snapshot-case{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--blue-soft);color:#2b50b0;font-weight:900;font-size:.72rem}.snapshot-landscape strong,.snapshot-landscape small{display:block}.snapshot-landscape strong{font-size:.78rem}.snapshot-landscape small{font-size:.72rem;color:var(--muted);margin-top:2px}.snapshot-flow-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.snapshot-flow-list span{font-size:.72rem;background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 7px;color:#536477}.snapshot-requirements{display:grid;grid-template-columns:1fr 1fr;gap:12px}.snapshot-requirements small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.snapshot-insight{margin-top:10px;background:#f1edfb;color:#64577e;border-radius:9px;padding:8px;font-size:.77rem}.snapshot-tech-row{display:flex;gap:6px;flex-wrap:wrap}.snapshot-tech{font-size:.73rem;border:1px solid var(--border);background:#fff;border-radius:999px;padding:5px 8px}.snapshot-tech.correct{background:var(--green-soft);color:#315d46;border-color:#cce4d6}.snapshot-tech.wrong{background:var(--orange-soft);color:#74521f;border-color:#efd7b8}.snapshot-decisions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.snapshot-decisions>div{background:#fff;border:1px solid var(--border);border-radius:9px;padding:8px}.snapshot-decisions strong,.snapshot-decisions span,.snapshot-decisions small{display:block}.snapshot-decisions strong{font-size:.77rem}.snapshot-decisions span{font-size:.75rem;color:#2d55b5;font-weight:800;margin-top:2px}.snapshot-decisions small{font-size:.68rem;color:var(--orange);margin-top:2px}.stop-screen>.review-activity{position:relative;z-index:1;display:inline-block;margin:2px 0 13px}

.tech-deep .deep-fact-grid{grid-template-columns:repeat(2,1fr)}.tech-deep .deep-fact-grid>div:last-child:nth-child(odd){grid-column:1/-1}.tech-deep .deep-fact-grid>div:has(strong:first-child){min-height:82px}

@media(max-width:760px){.micro-game-grid,.snapshot-landscape,.snapshot-requirements,.snapshot-decisions,.ntn-diagrams{grid-template-columns:1fr}.compare-controls{grid-template-columns:1fr}.compare-vs{text-align:center;padding:0}.compare-row{grid-template-columns:90px 1fr 1fr}.compare-row>*{padding:8px;font-size:.75rem}.snapshot-head{align-items:flex-start}.snapshot-head>span{white-space:nowrap}.impact-card{grid-template-columns:42px 1fr}.impact-number{width:38px;height:38px;border-radius:11px;font-size:.87rem}}
@media(max-width:480px){.go-further>summary{padding:12px}.go-further-body{padding:12px}.snapshot-head{display:block}.snapshot-head>span{display:inline-block;margin-top:6px}.compare-row{grid-template-columns:1fr}.compare-row>*{border-right:0;border-bottom:1px solid var(--border)}.compare-row>*:last-child{border-bottom:0}.compare-row>strong{padding-bottom:5px}.challenge-select{grid-template-columns:1fr}.micro-options{gap:5px}.micro-option{font-size:.73rem}.domain-chip b{display:none}}

@media(max-width:650px){.student-page:not(.past-intro) .hero-photo img{height:135px}.student-page:not(.past-intro) .hero-photo{min-height:135px}.student-page:not(.past-intro) .hero{padding-bottom:10px}}


/* V6 — calibration, expert trail, decision drivers */
.expert-progress{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid #d9d2ef;border-radius:999px;background:#faf8ff;color:#75649d;font-size:.75rem;font-weight:850;white-space:nowrap}.expert-progress.active{background:#eee9fb;color:#5c43a5;border-color:#cfc2ee}.go-further>summary strong::before{content:'OPTIONAL · ';font-size:.66rem;letter-spacing:.08em;color:#8a77b8}.expert-decision{margin-top:11px;padding:11px;border:1px dashed #c9bce8;border-radius:11px;background:#fbf9ff}.expert-decision>strong{display:block;margin-bottom:8px}.expert-decision p{margin:8px 0 0;color:#685d82;font-size:.82rem}.confidence-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding:9px 10px;border-radius:11px;background:#f7f8fa}.confidence-row>span{font-size:.78rem;font-weight:800;color:var(--muted);margin-right:3px}.confidence-button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 9px;font-size:.75rem;font-weight:760}.confidence-button.active{border-color:#7657c7;background:#eee9fb;color:#563ca3}.decision-driver{margin-bottom:8px}.fact-chip{border:1px solid transparent;background:var(--surface-2);color:#596979;border-radius:999px;padding:5px 8px;font-size:.75rem;cursor:pointer}.fact-chip.driver{background:#fff0dd;border-color:#e7b876;color:#815218;font-weight:800}.fact-chip:disabled{cursor:default}.driver-hint{margin:7px 0 0;color:var(--muted);font-size:.78rem}.driver-feedback{display:block;margin-top:7px;padding-top:7px;border-top:1px solid currentColor;opacity:.85}.myth-lab{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.myth-lab h4{margin:3px 0 10px}.myth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.myth-card{border:1px solid var(--border);border-radius:12px;padding:11px;background:#fff}.myth-card>strong{font-size:.86rem}.snapshot-signal{margin-top:10px;padding:9px 10px;border-left:3px solid var(--purple);border-radius:0 9px 9px 0;background:#f1edfb;color:#62577b;font-size:.78rem}.snapshot-signal b{display:block;color:#4e3d79;margin-bottom:2px}.expert-finish{margin:18px auto 20px;max-width:620px;display:grid;grid-template-columns:auto auto;gap:4px 12px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.07);text-align:left}.expert-finish span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#b9c9db;font-weight:800}.expert-finish strong{font-size:1.05rem;text-align:right}.expert-finish small{grid-column:1/-1;color:#c7d5e3}.student-page.past-intro .activity-label{position:relative}.student-page.past-intro .activity-label::after{content:'CORE MISSION';margin-left:auto;font-size:.65rem;letter-spacing:.09em;font-weight:850;color:#8793a0;background:#eef2f6;border-radius:999px;padding:4px 7px}
@media(max-width:700px){.myth-grid{grid-template-columns:1fr}.expert-progress{display:none}.expert-finish{grid-template-columns:1fr}.expert-finish strong{text-align:left}.student-page.past-intro .activity-label::after{display:none}}


/* Final self-contained hero: avoids external image dependency and reinforces the session story. */
.hero-landscape{min-height:310px;border-radius:22px;position:relative;overflow:hidden;padding:18px;background:radial-gradient(circle at 50% 48%,rgba(53,104,255,.20) 0 19%,transparent 20%),linear-gradient(145deg,#172b45,#264f76);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;color:#fff}
.hero-landscape::before,.hero-landscape::after{content:'';position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(180,207,238,.20);border-radius:50%;pointer-events:none}.hero-landscape::before{width:220px;height:220px}.hero-landscape::after{width:340px;height:340px}
.hero-world{position:relative;z-index:2;align-self:center;justify-self:center;display:flex;align-items:center;gap:6px;max-width:120px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);backdrop-filter:blur(5px);border-radius:999px;font-size:.78rem;white-space:nowrap}.hero-world b{font-weight:760}.hw-home{grid-area:1/1}.hw-industry{grid-area:1/2}.hw-health{grid-area:1/3}.hw-mobility{grid-area:2/3}.hw-agri{grid-area:3/3}.hw-energy{grid-area:3/2}.hw-city{grid-area:3/1}.hw-env{grid-area:2/1}
.hero-iot-core{grid-area:2/2;z-index:3;align-self:center;justify-self:center;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#fff;color:#17304e;box-shadow:0 14px 34px rgba(0,0,0,.24);border:5px solid rgba(137,175,255,.55)}.hero-iot-core strong{font-size:1.55rem;line-height:1}.hero-iot-core small{margin-top:4px;color:#68788b;font-weight:700}
.hero-visual-note{position:absolute;z-index:3;left:50%;bottom:9px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;color:#c7d7e8;font-size:.72rem;font-weight:650;background:rgba(13,28,46,.72);border-radius:999px;padding:5px 9px}
@media(max-width:650px){.hero-landscape{min-height:225px;padding:10px;gap:5px}.hero-landscape::before{width:145px;height:145px}.hero-landscape::after{width:235px;height:235px}.hero-world{font-size:.67rem;padding:6px 7px;max-width:98px}.hero-iot-core{width:72px;height:72px;border-width:4px}.hero-iot-core strong{font-size:1.25rem}.hero-iot-core small{font-size:.68rem}.hero-visual-note{font-size:.62rem;bottom:6px}}

/* V7 — readability, accessible color hierarchy, and quieter visual rhythm */
:root{
  --indigo:#4338ca;
  --indigo-soft:#eef0ff;
}
body{line-height:1.58}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
.skip-link{position:fixed;left:12px;top:10px;z-index:9999;transform:translateY(-160%);background:#15202b;color:#fff;padding:10px 14px;border-radius:10px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.skip-link:focus{transform:translateY(0);outline:3px solid #fff;outline-offset:2px}
.btn:focus-visible,.text-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #244fc4;outline-offset:3px}
button:disabled,.btn:disabled{cursor:not-allowed;opacity:.58}
.activity-stage{padding-top:18px;padding-bottom:64px}
.activity-intro{margin:22px 0 24px;max-width:780px;padding:2px 0 2px 16px;border-left:4px solid var(--activity-accent,var(--border))}
.activity-intro p{max-width:70ch}
.card{padding:22px}
.activity-screen>.reflection-strip{margin-top:22px;margin-bottom:22px}
.activity-screen>.go-further{margin-top:24px;margin-bottom:20px}
.activity-screen>.next-activity{margin-top:16px}
.section-copy{max-width:72ch}

/* Color is supplemental: activity number + title remain the primary orientation cues. */
.activity-screen[data-screen="0"]{--activity-accent:#0f766e;--activity-soft:#e7f6f3}
.activity-screen[data-screen="2"]{--activity-accent:#3157c8;--activity-soft:#e9efff}
.activity-screen[data-screen="4"]{--activity-accent:#3157c8;--activity-soft:#e9efff}
.activity-screen[data-screen="6"]{--activity-accent:#6548ad;--activity-soft:#f0ebfb}
.activity-screen[data-screen="8"]{--activity-accent:#8a4b08;--activity-soft:#fff1df}
.activity-screen[data-screen="9"]{--activity-accent:#4338ca;--activity-soft:#eef0ff}
.activity-screen[data-screen="10"]{--activity-accent:#17663f;--activity-soft:#e7f5ed}
.activity-screen[data-screen="12"]{--activity-accent:#963445;--activity-soft:#fbecef}
.activity-screen .activity-label>span:first-child{color:var(--activity-accent,#35516b)}
.activity-screen .pill-neutral{background:var(--activity-soft,#e8edf2);color:var(--activity-accent,#5a6876);font-weight:760}
.activity-screen .landscape-summary,.activity-screen .selection-summary{border-left:4px solid var(--activity-accent,var(--border))}

/* Clearer interactive surfaces without adding visual noise. */
.choice-card,.usecase-card,.tech-card,.scenario-card,.event,.mystery-card{transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease,background-color .14s ease}
.choice-card:hover,.usecase-card:hover,.tech-card:hover,.scenario-card:hover,.event:hover,.mystery-card:hover{box-shadow:0 8px 22px rgba(29,44,62,.075)}
.choice-card:focus-visible,.usecase-card:focus-visible,.tech-card:focus-visible,.scenario-option:focus-visible,.event:focus-visible,.mystery-option:focus-visible{box-shadow:0 0 0 4px rgba(53,104,255,.12)}
.reflection-strip{border:1px solid #dbe3ea;background:#f0f4f7}
.stop-screen{border-top:5px solid var(--red);padding-top:30px}
.stop-snapshot{padding:18px}
.student-stop-question{margin-top:18px}

/* Teacher scanning: color separates blocks, while numbers/text carry the meaning. */
.teacher-flow{gap:20px;padding-bottom:46px}
.teacher-activity{padding:24px;border-top:4px solid var(--teacher-accent,#3157c8)}
.teacher-activity:nth-child(1){--teacher-accent:#0f766e}
.teacher-activity:nth-child(2){--teacher-accent:#3157c8}
.teacher-activity:nth-child(3){--teacher-accent:#6548ad}
.teacher-activity:nth-child(4){--teacher-accent:#8a4b08}
.teacher-activity:nth-child(5){--teacher-accent:#963445}
.teacher-index{background:var(--teacher-accent,#1d2f48)}
.teacher-activity p,.teacher-activity li{max-width:82ch}
.teacher-activity h2{margin-top:2px}
.expected{margin-top:18px}
.discussion-box{margin-top:14px;padding:14px 16px}
.discussion-box li{margin:7px 0}

/* Mobile: retain whitespace without making screens feel endless. */
@media(max-width:650px){
  body{line-height:1.56}
  .activity-stage{padding-bottom:48px}
  .activity-intro{margin:18px 0 20px;padding-left:12px}
  .card{padding:17px}
  .activity-screen>.reflection-strip{margin:18px 0}
  .activity-screen>.go-further{margin-top:20px}
  .stop-snapshot{padding:14px}
  .teacher-activity{padding:18px}
}

/* Respect system motion preferences. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* V8 — discovery-first technology scaffolding */
.hero-unresolved{background:radial-gradient(circle at 50% 48%,rgba(53,104,255,.18) 0 18%,transparent 19%),linear-gradient(145deg,#172b45,#274d70);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);place-items:center;gap:14px;padding:28px 24px}
.hero-unresolved::before{width:225px;height:225px}.hero-unresolved::after{width:355px;height:355px}
.hero-case{position:relative;z-index:2;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);font-weight:900;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.hero-iot-core.unresolved strong{font-size:2rem}.hero-iot-core.unresolved small{font-size:.64rem;letter-spacing:.02em}
.decision-compass{margin:12px 0 22px;border-left:4px solid var(--activity-accent)}
.decision-compass-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px}.decision-compass-head strong{font-size:1.12rem}
.decision-question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.decision-question-grid>div{background:var(--surface-2);border-radius:13px;padding:12px;min-height:112px}.decision-question-grid>div>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid var(--border);font-weight:900;color:var(--activity-accent);margin-bottom:8px}.decision-question-grid strong,.decision-question-grid small{display:block}.decision-question-grid small{color:var(--muted);margin-top:4px;font-size:.8rem}
.guided-tech-head,.library-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:24px 0 12px}.guided-tech-head h3,.library-section-head h3{margin:3px 0 0;font-size:1.35rem}.guided-progress{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:850;color:var(--muted);white-space:nowrap}
.tech-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.discovery-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:17px;box-shadow:0 7px 20px rgba(29,44,62,.04)}.discovery-card.revealed{border-color:#b8c8ec;background:linear-gradient(145deg,#fff,#f8faff)}.discovery-top{display:flex;gap:11px;align-items:flex-start}.discovery-icon{width:41px;height:41px;border-radius:12px;background:var(--activity-soft);color:var(--activity-accent);display:grid;place-items:center;font-size:1.15rem;font-weight:900;flex:none}.discovery-card p{color:var(--muted);font-size:.9rem;margin:10px 0}.shape-chain{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:12px 0}.shape-chain>span:not(.shape-arrow){background:#eef2f6;border-radius:8px;padding:7px 8px;font-size:.75rem;font-weight:760}.shape-arrow{color:#7d8b99;font-weight:900}.family-reveal{margin-top:12px;padding:12px;border-radius:13px;background:#edf3ff}.family-name{display:inline-flex;border-radius:999px;background:#fff;color:#294eb6;border:1px solid #c9d6fb;padding:5px 9px;font-weight:900;font-size:.84rem}.family-reveal p{color:#405377;margin:8px 0}.family-reveal details{border-top:1px solid #d2dcf5;padding-top:8px}.family-reveal summary{cursor:pointer;font-weight:800;font-size:.82rem;color:#3f568d}.family-words{display:grid;gap:6px;margin-top:8px}.family-words>div{background:#fff;border-radius:9px;padding:8px}.family-words strong,.family-words span{display:block}.family-words span{color:var(--muted);font-size:.78rem;margin-top:2px}
.term-shelf{margin:16px 0;border:1px solid var(--border);border-radius:15px;background:#fff;padding:0 15px}.term-shelf>summary{cursor:pointer;padding:13px 0;display:flex;justify-content:space-between;gap:15px}.term-shelf>summary span{color:var(--muted);font-size:.82rem}.plain-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 14px}.plain-glossary>div{background:var(--surface-2);border-radius:10px;padding:10px}.plain-glossary strong,.plain-glossary span{display:block}.plain-glossary span{color:var(--muted);font-size:.82rem;margin-top:3px}
.satellite-primer{margin-top:16px;background:linear-gradient(135deg,#f6f3ff,#fff);border-color:#ded5f4}.satellite-primer h3{margin:4px 0 12px}.satellite-primer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.satellite-primer-grid>div{background:#fff;border:1px solid #e2dcf2;border-radius:10px;padding:10px}.satellite-primer-grid strong,.satellite-primer-grid span{display:block}.satellite-primer-grid span{margin-top:3px;color:var(--muted);font-size:.82rem}
.family-map-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:4px 0 18px}.family-map-strip>div{border:1px solid var(--border);background:#fff;border-radius:12px;padding:9px;text-align:center}.family-map-strip>div>span{display:block;font-weight:900;color:var(--activity-accent);font-size:1.05rem}.family-map-strip strong,.family-map-strip small{display:block}.family-map-strip strong{font-size:.78rem;margin-top:3px}.family-map-strip small{font-size:.68rem;color:var(--muted);margin-top:2px}
.rich-tech-grid{display:grid;gap:12px}.tech-group{border:1px solid var(--border);border-radius:17px;background:#fff;padding:12px}.tech-group-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#657384;margin:1px 2px 9px}.tech-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tech-group:has(.tech-card:only-child) .tech-group-grid{grid-template-columns:1fr}.tech-group .tech-card{min-height:135px;box-shadow:none;background:#fbfcfd}.tech-essential,.tech-architecture{margin-top:17px;padding-top:14px;border-top:1px solid var(--border)}.tech-essential .tech-columns{grid-template-columns:1fr 1fr;margin-top:8px}.tech-architecture .mini-chain{margin-top:9px}.tech-terms{margin-top:15px;border:1px solid #d9e0e8;border-radius:13px;padding:12px;background:#fbfcfd}.tech-terms summary{cursor:pointer;font-weight:800}.tech-terms>p{color:var(--muted);font-size:.82rem;margin:8px 0 0}

@media(max-width:900px){.decision-question-grid{grid-template-columns:repeat(2,1fr)}.family-map-strip{grid-template-columns:repeat(3,1fr)}.tech-discovery-grid{grid-template-columns:1fr}.plain-glossary{grid-template-columns:1fr}.tech-group-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hero-unresolved{min-height:210px;padding:20px 14px;gap:8px}.hero-case{width:39px;height:39px;border-radius:11px;font-size:.84rem}.decision-compass-head,.guided-tech-head,.library-section-head{display:block}.guided-progress{display:inline-flex;margin-top:8px}.decision-question-grid{grid-template-columns:1fr 1fr}.decision-question-grid>div{min-height:100px;padding:10px}.family-map-strip{display:flex;overflow-x:auto;padding-bottom:5px}.family-map-strip>div{min-width:112px}.satellite-primer-grid{grid-template-columns:1fr}.term-shelf>summary{display:block}.term-shelf>summary span{display:block;margin-top:3px}.tech-group-grid{grid-template-columns:1fr}.tech-essential .tech-columns{grid-template-columns:1fr}.tech-discovery-grid{gap:9px}}
@media(max-width:430px){.decision-question-grid{grid-template-columns:1fr}}
.hero-unresolved{display:block}
.hero-unresolved .hero-iot-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);grid-area:auto}
.hero-unresolved .hero-case{position:absolute;transform:translate(-50%,-50%)}
.hc-a{left:10%;top:20%}.hc-b{left:34%;top:14%}.hc-c{left:66%;top:14%}.hc-d{left:90%;top:20%}
.hc-e{left:10%;top:72%}.hc-f{left:34%;top:80%}.hc-g{left:66%;top:80%}.hc-h{left:90%;top:72%}
@media(max-width:650px){.hc-a{left:10%;top:22%}.hc-b{left:34%;top:17%}.hc-c{left:66%;top:17%}.hc-d{left:90%;top:22%}.hc-e{left:10%;top:70%}.hc-f{left:34%;top:76%}.hc-g{left:66%;top:76%}.hc-h{left:90%;top:70%}}
.micro-option,.missing-option,.confidence-button,.chip-button,.mystery-option,.fact-chip{min-height:40px}
@media(max-width:650px){.micro-option,.missing-option,.confidence-button,.chip-button,.mystery-option,.fact-chip{min-height:44px}}

/* V9 · persistent case / mission framing */
.mission-brief{margin:4px 0 28px;border:1px solid #cfd9e7;border-radius:26px;background:linear-gradient(145deg,#132840,#1f4668);color:#fff;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:0 18px 44px rgba(24,46,72,.15)}
.mission-copy{padding:30px 30px 22px}.mission-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.mission-meta span{font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;font-weight:850;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#d8e6f3}.mission-copy h2{font-size:clamp(1.75rem,3vw,2.55rem);max-width:620px}.mission-copy>p{color:#c9d8e6;max-width:64ch;margin:11px 0 0}.mission-role{margin-top:20px;padding:13px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.mission-role strong{color:#fff}.mission-role span{color:#d3dfeb;font-size:.88rem}
.campus-scene{position:relative;min-height:300px;margin:18px 18px 18px 0;border-radius:20px;background:linear-gradient(180deg,#dcebf5 0 52%,#c8dfbd 52%);overflow:hidden;border:1px solid rgba(255,255,255,.2)}.campus-scene::before{content:'';position:absolute;left:0;right:0;top:51%;height:34px;background:#c4cbd1;transform:skewY(-3deg);opacity:.85}.campus-building{position:absolute;background:#f6f1e6;border:2px solid #72879a;border-bottom-width:5px;border-radius:7px 7px 3px 3px;box-shadow:0 8px 14px rgba(35,56,75,.12)}.campus-building span,.campus-outdoor span{position:absolute;left:7px;top:6px;font-size:.66rem;font-weight:850;color:#40566c}.campus-building i,.campus-outdoor i{position:absolute;width:9px;height:9px;border-radius:50%;background:#3568ff;box-shadow:0 0 0 4px rgba(53,104,255,.14)}.building-a{width:120px;height:82px;left:24px;top:38px}.building-a i:nth-of-type(1){left:20px;top:48px}.building-a i:nth-of-type(2){left:55px;top:35px}.building-a i:nth-of-type(3){right:18px;top:55px}.building-b{width:105px;height:69px;right:25px;top:65px}.building-b i:nth-of-type(1){left:25px;top:37px}.building-b i:nth-of-type(2){right:22px;top:28px}.building-c{width:135px;height:75px;left:120px;bottom:35px}.building-c i:nth-of-type(1){left:35px;top:38px}.building-c i:nth-of-type(2){right:28px;top:48px}.campus-outdoor{position:absolute;width:100px;height:70px;right:25px;bottom:35px;border:1px dashed #55704c;border-radius:16px;background:rgba(255,255,255,.3)}.campus-outdoor i:nth-of-type(1){left:18px;top:35px}.campus-outdoor i:nth-of-type(2){left:48px;top:48px}.campus-outdoor i:nth-of-type(3){right:16px;top:27px}.campus-scene-note{position:absolute;right:10px;bottom:8px;font-size:.62rem;color:#435568;background:rgba(255,255,255,.78);border-radius:999px;padding:5px 7px}
.mission-fact-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.14)}.mission-fact-grid>div{padding:15px 18px;background:rgba(9,25,41,.42)}.mission-fact-grid strong,.mission-fact-grid span{display:block}.mission-fact-grid strong{font-size:.96rem}.mission-fact-grid span{color:#cbd9e7;font-size:.75rem;margin-top:2px}
.mission-context{margin:4px 0 18px;border:1px solid #ccd9e9;border-left:5px solid var(--activity-accent,var(--blue));border-radius:14px;background:linear-gradient(90deg,#f7faff,#fff);padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:2px 11px;align-items:center}.mission-context-tag{grid-row:1/3;font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;font-weight:900;color:#34557e;background:#e9f0f8;border-radius:999px;padding:6px 8px}.mission-context strong{font-size:.9rem}.mission-context>span:last-child{color:var(--muted);font-size:.78rem}.mission-context.transfer{border-left-color:var(--purple);background:linear-gradient(90deg,#faf8ff,#fff)}.mission-context.transfer .mission-context-tag{background:#eee9fb;color:#5b43a1}.mission-context.danger-context{border-left-color:var(--red);background:linear-gradient(90deg,#fff7f7,#fff)}.mission-context.danger-context .mission-context-tag{background:var(--red-soft);color:var(--red)}
.campus-checkpoint{margin:22px 0;border:1px solid #cfdced;background:linear-gradient(135deg,#f6f9fd,#fff)}.checkpoint-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.checkpoint-head h3{font-size:1.25rem;margin-top:3px}.checkpoint-mark{width:46px;height:46px;border-radius:14px;background:var(--blue-soft);color:#2d55b7;display:grid;place-items:center;font-size:1.4rem;font-weight:900}.campus-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.campus-position{border:1px solid var(--border);border-radius:14px;background:#fff;padding:13px;text-align:left}.campus-position strong,.campus-position small{display:block}.campus-position small{color:var(--muted);font-size:.78rem;margin-top:4px}.campus-position.active{border-color:#7292ee;background:var(--blue-soft);box-shadow:0 0 0 2px rgba(53,104,255,.07)}.campus-uncertainty{margin-top:14px;padding-top:13px;border-top:1px solid var(--border)}.campus-uncertainty>strong{display:block;margin-bottom:9px}.campus-feedback{margin-top:10px;border-radius:10px;background:#eef5f1;color:#365d48;padding:10px 11px;font-size:.83rem}.snapshot-campus-return{margin-top:11px;padding:10px 11px;border-radius:10px;background:#eaf0fb;border-left:3px solid var(--blue)}.snapshot-campus-return small,.snapshot-campus-return strong,.snapshot-campus-return span{display:block}.snapshot-campus-return small{text-transform:uppercase;letter-spacing:.07em;font-size:.65rem;color:#63748b;font-weight:850}.snapshot-campus-return strong{margin-top:2px}.snapshot-campus-return span{font-size:.75rem;color:#52657c;margin-top:3px}
.drawer-mission-facts{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.drawer-mission-facts span{font-size:.7rem;border-radius:999px;background:#edf3fa;color:#4d6278;padding:5px 7px}.mission-drawer-section{background:linear-gradient(135deg,#f5f9fd,#fff)}
.memory-lock{margin:22px auto 12px;max-width:760px;text-align:left}.memory-head{display:flex;gap:10px;align-items:center;margin-bottom:11px}.memory-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.12);font-size:1.3rem}.memory-head strong,.memory-head small{display:block}.memory-head small{color:#bfd0df;margin-top:2px}.memory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.memory-card{position:relative;min-height:145px;padding:14px 14px 13px 42px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.07)}.memory-card>strong{font-size:.88rem;line-height:1.35}.memory-card p{font-size:.8rem;color:#d4e0eb;margin:9px 0 0}.memory-card .text-button{color:#dce8ff;margin-top:10px}.memory-card.revealed{background:rgba(218,244,230,.10);border-color:rgba(218,244,230,.28)}.memory-number{position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:.7rem;font-weight:900}.memory-progress{text-align:right;font-size:.72rem;color:#b9cad9;margin-top:8px}.session-synthesis{animation:screenIn .22s ease-out}.synthesis-rule{display:flex;align-items:center;gap:10px;margin:22px 0 8px;color:#d8e5ef;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.synthesis-rule span{height:1px;flex:1;background:rgba(255,255,255,.2)}

@media(max-width:900px){.mission-brief{grid-template-columns:1fr}.campus-scene{margin:0 20px 20px;min-height:260px}.mission-fact-grid{grid-template-columns:repeat(2,1fr)}.campus-position-grid{grid-template-columns:1fr}.memory-grid{grid-template-columns:1fr}}
@media(max-width:650px){.mission-copy{padding:22px 19px 16px}.mission-copy h2{font-size:1.75rem}.mission-role{grid-template-columns:1fr}.campus-scene{margin:0 12px 12px;min-height:225px}.mission-fact-grid{grid-template-columns:1fr 1fr}.mission-fact-grid>div{padding:11px 12px}.mission-context{grid-template-columns:1fr;gap:5px;padding:11px}.mission-context-tag{grid-row:auto;justify-self:start}.checkpoint-head{display:block}.checkpoint-mark{display:none}.campus-position-grid{grid-template-columns:1fr}.memory-card{min-height:125px}.campus-building{transform:scale(.88);transform-origin:center}.building-a{left:8px}.building-b{right:5px}.building-c{left:88px}.campus-outdoor{right:8px}}


/* V10 · reusable learning-design pattern: mission dossier, STOP ritual, concept unlocks, visible revision */
.field-guide-btn{background:#f7f4ff;border-color:#d9d0f1;color:#5d46a3}.field-guide-btn span{font-size:.72rem;background:#fff;border-radius:999px;padding:2px 6px;margin-left:2px}
.field-guide-drawer{position:fixed;z-index:79;right:0;top:0;height:100%;width:min(500px,94vw);background:#fff;border-left:1px solid var(--border);box-shadow:-20px 0 50px rgba(28,43,61,.14);transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column}.field-guide-drawer.open{transform:translateX(0)}
.field-guide-progress{padding:13px;border-radius:13px;background:#f5f2fc;margin-bottom:8px}.field-guide-progress strong,.field-guide-progress span{display:block}.field-guide-progress span{color:var(--muted);font-size:.8rem;margin-top:3px}.guide-entry{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:15px 2px;border-bottom:1px solid var(--border)}.guide-entry:last-child{border-bottom:0}.guide-number{width:28px;height:28px;border-radius:9px;background:#ede8fa;color:#6149a9;display:grid;place-items:center;font-weight:900;font-size:.75rem}.guide-entry strong{display:block}.guide-entry p{margin:5px 0 8px;color:#536274;font-size:.87rem}.guide-entry.locked{opacity:.55}.guide-keep{padding:9px 10px;border-left:3px solid #6548ad;background:#f8f5ff;border-radius:0 9px 9px 0;color:#5c5271;font-size:.8rem;margin-bottom:9px}
.mission-dossier-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);border-top:1px solid rgba(255,255,255,.14)}.dossier-panel{padding:18px;background:rgba(9,25,41,.42)}.dossier-kicker{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#9fc0de;margin-bottom:4px}.dossier-panel>strong{display:block;color:#fff}.dossier-list{display:grid;gap:7px;margin-top:10px}.dossier-list span{font-size:.78rem;color:#d2dfeb;line-height:1.35}.dossier-list b{color:#fff}.dossier-panel.unknown{background:rgba(35,36,67,.45)}.dossier-panel.unknown .dossier-kicker{color:#cbbcf2}.dossier-panel.job{background:rgba(18,55,49,.48)}.dossier-panel.job .dossier-kicker{color:#a7d5c3}
.stop-rhythm{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:780px;margin:0 auto 16px;position:relative;z-index:1}.stop-rhythm span{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 8px;font-size:.68rem;font-weight:900;letter-spacing:.04em;color:#71808f}.stop-rhythm span.active{background:#fbecef;border-color:#ecc8ce;color:#963445}.ritual-card{position:relative;z-index:1;max-width:780px;margin:12px auto;text-align:left;border:1px solid var(--border);border-radius:15px;padding:14px;background:#fff}.ritual-card.challenge{border-left:4px solid #a45a0e;background:#fffaf3}.ritual-card.unlock{border-left:4px solid #6548ad;background:#faf8ff}.ritual-card.unlock.unlocked{border-left-color:#227a51;background:#f5fbf7}.ritual-kicker{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#7b8793;margin-bottom:4px}.ritual-card strong{display:block}.ritual-card p{margin:5px 0 10px!important;max-width:none!important;color:#5d6874!important}.unlock-keep{background:#fff;border:1px solid #e2dcef;border-radius:10px;padding:9px 10px;color:#5d5570;font-size:.82rem;margin:9px 0}.stop-next{position:relative;z-index:1;margin-top:8px}
.revision-studio{margin:18px 0;border-left:5px solid var(--red);background:linear-gradient(135deg,#fffafa,#fff)}.revision-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.revision-head h3{font-size:1.3rem;margin-top:3px}.revision-status{font-size:.73rem;border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 9px;color:var(--muted);white-space:nowrap}.revision-status.changed{background:var(--green-soft);border-color:#c5dfd0;color:#266b49}.revision-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.revision-compare>div{border:1px solid var(--border);border-radius:13px;background:#f8fafb;padding:10px}.revision-label{display:block;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#657483;margin-bottom:7px}.revision-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.revision-tool{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end;border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff}.revision-tool.flow{grid-column:1/-1;grid-template-columns:1fr 1fr 1.3fr auto}.revision-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;color:var(--muted);font-size:.78rem}
.design-revision-section{background:#f7fbf8}.design-evolution{margin:22px 0 18px;text-align:left;border:1px solid rgba(255,255,255,.17);border-radius:16px;padding:16px;background:rgba(255,255,255,.07)}.evolution-head h3{margin:3px 0 4px;color:#fff}.evolution-head p{margin:0;color:#c9d7e4}.evolution-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.evolution-grid>div{background:#f8fafb;border-radius:12px;padding:9px;color:#243447}.evolution-grid>div>span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#66778a;margin:2px 0 6px}.evolution-delta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.evolution-delta span{font-size:.72rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 8px;color:#d7e5ef;background:rgba(255,255,255,.08)}
@media(max-width:900px){.mission-dossier-grid{grid-template-columns:1fr}.revision-compare,.evolution-grid{grid-template-columns:1fr}.revision-tools{grid-template-columns:1fr}.revision-tool.flow{grid-column:auto;grid-template-columns:1fr}.field-guide-drawer{width:min(540px,96vw)}}
@media(max-width:650px){.field-guide-btn{padding:8px 9px;min-height:40px}.field-guide-btn span{display:none}.stop-rhythm{grid-template-columns:1fr 1fr}.mission-dossier-grid{grid-template-columns:1fr}.revision-head{display:block}.revision-status{display:inline-block;margin-top:7px}.revision-foot{display:block}.revision-foot .text-button{margin-top:8px}.field-guide-drawer{top:auto;bottom:0;width:100%;height:min(84%,740px);border-left:0;border-top:1px solid var(--border);border-radius:22px 22px 0 0;transform:translateY(104%)}.field-guide-drawer.open{transform:translateY(0)}}

.teacher-pattern{margin-top:20px;border:1px solid #d8e0e7;border-radius:16px;background:#fff;padding:16px}.teacher-pattern-flow{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:7px 10px;align-items:center;margin:11px 0}.teacher-pattern-flow b{font-size:.72rem;color:#3157c8}.teacher-pattern-flow span{font-size:.78rem;color:#667281}.teacher-pattern p{margin:8px 0 0;color:#536274;max-width:82ch}@media(max-width:760px){.teacher-pattern-flow{grid-template-columns:auto 1fr}}

.evolution-cause{display:grid;grid-template-columns:auto 1fr auto auto 1fr auto auto 1fr;gap:6px 8px;align-items:center;margin:12px 0;padding:10px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.evolution-cause span{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:#adc0d1}.evolution-cause strong{font-size:.78rem;color:#fff}.evolution-cause b{color:#88a8c3}@media(max-width:760px){.evolution-cause{grid-template-columns:1fr}.evolution-cause b{transform:rotate(90deg);width:max-content}}

/* V10.1 — soft linearity: future gated, past reviewable, commitments versioned */
.history-nav{margin:12px 0 0;display:grid;grid-template-columns:1fr minmax(260px,1.4fr) 1fr;gap:10px;align-items:center}
.history-nav[hidden]{display:none}
.history-nav>span:last-child{justify-self:end}
.history-nav .history-return{justify-self:end}
.history-status{text-align:center;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:#fff}
.history-status strong,.history-status span{display:block}
.history-status strong{font-size:.82rem}
.history-status span{margin-top:2px;color:var(--muted);font-size:.72rem}
.history-status.reviewing{border-color:#d7cbee;background:#faf8ff}
.history-status.reviewing strong{color:#5d46a2}
.step-dot{appearance:none;text-align:left;font:inherit;cursor:pointer}
.step-dot:disabled{cursor:not-allowed;opacity:.56}
.step-dot.locked{background:#f4f6f8;color:#87929d;border-style:dashed}
.step-dot.reviewing{border-color:#8c74cf;background:#f4f0ff;color:#5a43a0;box-shadow:0 0 0 2px rgba(101,72,173,.07)}
.step-dot.reviewing span{background:#6548ad;color:#fff}
.step-dot.frontier{border-color:#7ea0f3;background:#f5f8ff;color:#3157c8}
.step-dot.frontier span{background:#3157c8;color:#fff}
.frozen-notice{margin:0 0 18px;padding:14px 16px;border:1px solid #cfd8e5;border-left:5px solid #3157c8;border-radius:14px;background:linear-gradient(90deg,#f2f6ff,#fff);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.frozen-notice[hidden]{display:none}
.frozen-icon{width:34px;height:34px;border-radius:10px;background:#e9efff;color:#3157c8;display:grid;place-items:center;font-weight:900}
.frozen-notice strong,.frozen-notice p{display:block}
.frozen-notice p{margin:3px 0 0;color:var(--muted);font-size:.86rem;max-width:72ch}
.architecture-frozen .component-entry,.architecture-frozen .flow-builder{background:#f8fafc}
.architecture-frozen .arch-node{cursor:default;box-shadow:0 5px 14px rgba(29,44,62,.05)}
.architecture-frozen .canvas-wrap{background-color:#f4f6f8}
.mobile-node.frozen small{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
@media(max-width:760px){
  .history-nav{grid-template-columns:1fr 1fr}
  .history-status{grid-column:1/-1;grid-row:1}
  .history-nav .history-previous{grid-column:1;grid-row:2;justify-self:start}
  .history-nav .history-return{grid-column:2;grid-row:2;justify-self:end}
}
@media(max-width:480px){
  .history-nav{display:flex;flex-wrap:wrap}
  .history-status{width:100%;order:-1}
  .history-nav .history-return{margin-left:auto}
  .frozen-notice{grid-template-columns:1fr}
}

/* V11 · Adaptive Depth: optional less-guided challenge + authentic-source research trails */
.adaptive-depth{margin:24px 0 20px;border:1px solid #cfc6ea;border-radius:18px;background:linear-gradient(135deg,#fbf9ff,#f5f1ff);overflow:hidden}
.adaptive-depth>summary{list-style:none;cursor:pointer;padding:15px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;color:#4d3a86}
.adaptive-depth>summary::-webkit-details-marker{display:none}.adaptive-depth[open]>summary{border-bottom:1px solid #ddd4f1;background:rgba(255,255,255,.48)}
.adaptive-depth summary strong,.adaptive-depth summary small{display:block}.adaptive-depth summary small{margin-top:2px;color:#756a91;font-size:.79rem;font-weight:600}
.depth-badge{font-size:.69rem;font-weight:850;color:#6a579d;background:#fff;border:1px solid #d7cdec;border-radius:999px;padding:5px 8px;white-space:nowrap}
.adaptive-depth-body{padding:17px}.depth-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.depth-intro p{margin:5px 0 0;color:#5f6875;max-width:68ch}
.depth-rule{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#6b589b;background:#eee8fb;border-radius:999px;padding:6px 9px;white-space:nowrap}
.depth-problem{margin:14px 0;border:1px solid #ddd7ec;border-radius:14px;background:#fff;padding:14px}.depth-problem strong{display:block}.depth-problem p{margin:6px 0 0;color:#56616e}
.depth-supports{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.depth-support-btn{border:1px solid #d4cbe8;background:#fff;color:#5b478b;border-radius:10px;padding:8px 10px;font-weight:760;font-size:.79rem}.depth-support-btn.used{background:#eee9fb;border-color:#a99acb}.depth-support-btn:disabled{opacity:.62}
.depth-support-reveal{display:grid;gap:7px;margin:10px 0}.depth-support-reveal>div{background:#f2eef9;border-left:3px solid #8067be;border-radius:0 10px 10px 0;padding:9px 10px;color:#5c5273;font-size:.84rem}
.depth-response{margin-top:12px}.depth-response textarea{min-height:104px}.depth-status{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px;color:#766d85;font-size:.75rem}.depth-status strong{color:#574477}.depth-complete{background:#e9f5ee!important;border-color:#b7dcc7!important;color:#285b40!important}
.research-trails{margin:26px 0 18px;padding-top:22px;border-top:1px solid var(--border)}.research-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}.research-head h3{font-size:1.3rem;margin:3px 0 0}.research-note{font-size:.72rem;color:#52677a;background:#edf3f8;border-radius:999px;padding:6px 9px;font-weight:800;white-space:nowrap}
.research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.research-card{border:1px solid var(--border);border-radius:16px;background:#fff;padding:15px;display:flex;flex-direction:column;gap:10px}.research-card .research-kicker{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#5d4a96}.research-card h4{font-size:1rem}.research-claim{background:#f6f3fb;border-radius:11px;padding:10px;color:#544d64;font-size:.84rem}.research-predict{display:flex;gap:6px;flex-wrap:wrap}.research-predict button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 9px;font-size:.75rem;font-weight:760}.research-predict button.active{background:#eee9fb;border-color:#8e77c6;color:#553c96}
.research-source{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px}.research-source a{color:#3157c8;font-weight:800;font-size:.81rem}.research-source small{color:var(--muted);font-size:.69rem}.research-reflection textarea{min-height:84px;font-size:.84rem}.research-reflection label{font-size:.75rem;font-weight:800;color:#566575}.research-complete{border-color:#b8d8c6;background:linear-gradient(145deg,#fff,#f5fbf7)}
@media(max-width:900px){.research-grid{grid-template-columns:1fr}.depth-intro,.research-head{display:block}.depth-rule,.research-note{display:inline-flex;margin-top:8px}}
@media(max-width:650px){.adaptive-depth>summary{grid-template-columns:auto 1fr}.depth-badge{grid-column:2;justify-self:start}.adaptive-depth-body{padding:13px}.depth-support-btn{min-height:44px}.research-card{padding:13px}}


/* V11.1 · richer post-discussion consolidation without bloating the Field Guide */
.unlock-sequence{display:grid;gap:9px;margin:12px 0}
.unlock-sequence section{background:#fff;border:1px solid #e4deef;border-radius:11px;padding:11px 12px}
.unlock-sequence section>span{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#6c5a91;margin-bottom:4px}
.unlock-sequence section p{margin:0!important;color:#596574!important;font-size:.88rem;line-height:1.52}
.unlock-sequence section.formalise{background:#fff}
.unlock-sequence section.carry{border-color:#cfe4d7;background:#f8fcf9}
.unlock-sequence section.carry>span{color:#227a51}
.unlock-sequence strong{display:inline;font-weight:800;color:#27384a}
.unlock-tags{margin-top:10px}
@media(max-width:650px){.unlock-sequence section{padding:10px}.unlock-sequence section p{font-size:.85rem}}

/* ========================================================================== 
   V17 · TECHNICAL ATLAS VISUAL SYSTEM
   Visual-only pass: no pedagogical, content, navigation or interaction change.
   ========================================================================== */
:root{
  --bg:#f2f0e8;
  --surface:#fbfaf5;
  --surface-2:#e9e6dc;
  --text:#13191f;
  --muted:#626b70;
  --border:#c8c6bd;
  --blue:#1555d9;
  --blue-soft:#e5ebf9;
  --teal:#1555d9;--teal-soft:#e5ebf9;
  --purple:#1555d9;--purple-soft:#e5ebf9;
  --orange:#c76518;--orange-soft:#f4e6d8;
  --green:#267259;--green-soft:#e1eee8;
  --red:#b23b3b;--red-soft:#f3e1de;
  --radius:6px;
  --shadow:none;
  --atlas-ink:#13191f;
  --atlas-paper:#fbfaf5;
  --atlas-grid:#dcd9cf;
  --atlas-blue:#1555d9;
}
html{background:var(--bg)}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Arial,"Helvetica Neue",Helvetica,ui-sans-serif,system-ui,sans-serif;
  line-height:1.56;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.36;
  background-image:linear-gradient(rgba(19,25,31,.035) 1px,transparent 1px);
  background-size:100% 40px;
}
.shell{width:min(1160px,calc(100% - 34px))}
.topbar{background:rgba(242,240,232,.97);backdrop-filter:blur(10px);border-bottom:2px solid var(--atlas-ink)}
.topbar-inner{min-height:64px}
.brand{gap:12px}
.brand-mark{width:36px;height:36px;border-radius:2px;background:var(--atlas-blue);box-shadow:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;letter-spacing:.02em}
.brand-title{font-size:.9rem;letter-spacing:.02em;text-transform:uppercase}
.brand-sub{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.02em}
.actions{gap:6px}.save-pill{border-radius:2px;background:transparent;border-color:var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}
.btn{border-radius:3px;box-shadow:none;font-size:.88rem;letter-spacing:.01em;background:var(--atlas-paper)}
.btn:hover{border-color:var(--atlas-ink);transform:none}.btn.primary{background:var(--atlas-blue);border-color:var(--atlas-blue)}
.btn.soft,.design-btn,.field-guide-btn{background:transparent;border-color:var(--atlas-blue);color:var(--atlas-blue)}
.text-button{color:var(--atlas-blue);text-underline-offset:3px}
.eyebrow,.activity-label>span:first-child,.landscape-kicker,.tech-family,.tech-group-title,.dossier-kicker,.ritual-kicker,.research-kicker,.revision-label{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.1em;text-transform:uppercase;font-weight:800;
}
h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.92;letter-spacing:-.06em}
h2{letter-spacing:-.035em}.lead{font-size:1.05rem;line-height:1.6}
.hero{padding-top:48px}.hero-grid{grid-template-columns:1.05fr .95fr;gap:54px}.hero-rule{border-top:1px solid var(--atlas-ink);padding-top:12px;margin-top:28px;align-items:flex-start}.hero-rule span{width:18px;height:18px;background:var(--atlas-blue);border-radius:0;flex:none;margin-top:2px}.hero-rule p{font-size:.9rem}
.hero-landscape.hero-unresolved{min-height:330px;border-radius:0;box-shadow:none;border:2px solid var(--atlas-ink);background-color:var(--atlas-paper);background-image:linear-gradient(var(--atlas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--atlas-grid) 1px,transparent 1px);background-size:34px 34px;color:var(--atlas-ink)}
.hero-unresolved::before,.hero-unresolved::after{border-color:rgba(21,85,217,.28)}
.hero-case{width:46px;height:46px;border-radius:0;background:var(--atlas-paper);border:1px solid var(--atlas-ink);color:var(--atlas-ink);box-shadow:6px 6px 0 rgba(21,85,217,.12);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.hero-iot-core{border-radius:50%;background:var(--atlas-blue)!important;color:#fff!important;border:0!important;box-shadow:0 0 0 10px rgba(21,85,217,.12)!important}.hero-iot-core small{color:#d9e4ff!important}.hero-visual-note{left:14px;bottom:12px;transform:none;border-radius:0;background:var(--atlas-ink);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem;letter-spacing:.03em}
.stepper{gap:0;margin-top:36px;border-top:2px solid var(--atlas-ink);border-bottom:1px solid var(--border)}
.step-dot{border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;padding:11px 10px;min-height:52px;box-shadow:none}.step-dot:last-child{border-right:0}
.step-dot span{width:auto;height:auto;border-radius:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;color:var(--muted)}
.step-dot small{font-size:.72rem}.step-dot.active,.step-dot.frontier{background:var(--atlas-blue);color:#fff}.step-dot.active span,.step-dot.frontier span{background:transparent;color:#fff}.step-dot.done{background:rgba(21,85,217,.06);color:var(--text)}.step-dot.done span{background:transparent;color:var(--atlas-blue)}.step-dot.locked{border-style:solid;background:transparent;color:#8b8d89}
.activity-stage{padding-top:28px}.activity-label{border-bottom:2px solid var(--atlas-ink);padding-bottom:9px;margin-bottom:26px}.activity-label>span:first-child{font-size:.71rem;color:var(--atlas-blue)!important}.pill-neutral{margin-left:auto;border-radius:0;background:transparent!important;color:var(--atlas-ink)!important;padding:0;font-size:.83rem;font-weight:800}.pill-neutral::before{content:"/ ";color:var(--atlas-blue)}
.activity-intro{border-left:0;padding-left:0;max-width:900px;margin:22px 0 28px}.activity-intro h2,.activity-intro h3{max-width:820px}.activity-intro p{max-width:72ch}
.card,.choice-card,.usecase-card,.tech-card,.scenario-card,.event,.mystery-card,.discovery-card,.research-card,.requirement-card,.campus-position,.micro-game-card,.impact-card,.revision-tool{box-shadow:none;border-radius:4px;background:var(--atlas-paper)}
.card{border-color:var(--border)}.card.flat{background:transparent;border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}
.landscape-summary{border:0!important;border-top:1px solid var(--atlas-ink)!important;border-bottom:1px solid var(--border)!important;background:transparent!important;border-radius:0!important;padding:14px 0!important}
.usecase-grid{gap:8px}.usecase-card{grid-template-columns:44px 1fr auto;border-color:var(--border);min-height:118px}.usecase-card:hover{transform:translateY(-1px);border-color:var(--atlas-blue);box-shadow:4px 4px 0 rgba(21,85,217,.12)}.usecase-icon{border-radius:0;background:transparent;border-right:2px solid var(--atlas-blue);color:var(--atlas-blue)}
.domain-chip{border-radius:2px;background:transparent!important;border:1px solid var(--border)!important;color:var(--text)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.domain-chip.primary{border-color:var(--atlas-blue)!important;color:var(--atlas-blue)!important}.domain-chip.secondary{border-style:dashed!important}
.reflection-strip{border-radius:0;background:transparent;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 0}
.mission-brief{border-radius:0;background:var(--atlas-paper);color:var(--atlas-ink);border:2px solid var(--atlas-ink);border-left:8px solid var(--atlas-blue);box-shadow:none;grid-template-columns:1.1fr .9fr}
.mission-copy{padding:32px}.mission-meta span{border-radius:0;background:transparent;border:1px solid var(--atlas-ink);color:var(--atlas-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mission-copy>p,.mission-role span{color:var(--muted)}.mission-role{border-radius:0;border:0;border-top:1px solid var(--border);background:transparent;padding:14px 0}.mission-role strong{color:var(--atlas-blue)}
.campus-scene{border-radius:0;border:1px solid var(--atlas-ink);background:linear-gradient(180deg,#e7edf2 0 52%,#dce5d2 52%);box-shadow:inset 0 0 0 8px var(--atlas-paper)}.campus-building{border-radius:0;box-shadow:4px 4px 0 rgba(19,25,31,.08)}.campus-scene-note{border-radius:0;background:var(--atlas-ink);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.mission-dossier-grid{background:var(--atlas-ink);border-top:2px solid var(--atlas-ink)}.dossier-panel,.dossier-panel.unknown,.dossier-panel.job{background:var(--atlas-paper);color:var(--atlas-ink)}.dossier-panel>strong{color:var(--atlas-ink)}.dossier-list span{color:var(--muted)}.dossier-list b{color:var(--atlas-blue)}.dossier-kicker,.dossier-panel.unknown .dossier-kicker,.dossier-panel.job .dossier-kicker{color:var(--atlas-blue)}
.form-row input,input,select,textarea{border-radius:2px;background:#fffef9;border-color:#aaa99f}.form-row input:focus,input:focus,select:focus,textarea:focus{border-color:var(--atlas-blue)}
.micro-hint,.help-compact,.term-shelf,.tech-terms{border-radius:3px;background:transparent;border-color:var(--border)}
.canvas-wrap{border-radius:0;border:1px solid var(--atlas-ink);background-color:#f7f6f0;background-image:linear-gradient(#dedbd1 1px,transparent 1px),linear-gradient(90deg,#dedbd1 1px,transparent 1px);background-size:24px 24px}.arch-node{border-radius:2px;box-shadow:4px 4px 0 rgba(19,25,31,.10);border-color:var(--atlas-ink)}.node-type-dot{border-radius:0;background:var(--atlas-blue)}.flow-svg path{stroke:var(--atlas-ink)}.flow-svg .arrowhead{fill:var(--atlas-ink)}.flow-svg text{fill:var(--atlas-ink);stroke:#f7f6f0}
.list-item{border-radius:2px}.mini-example,.chip,.fact-chip-row span,.fact-chip,.depth-badge,.depth-rule,.research-note,.guided-progress,.family-name,.source-link,.expert-progress{border-radius:2px!important}
.stop-screen{max-width:940px;border-radius:0;box-shadow:none;border:2px solid var(--atlas-ink);border-top:2px solid var(--atlas-ink);border-left:8px solid var(--atlas-blue);background:var(--atlas-paper);text-align:left;padding:32px 38px}.stop-screen::before{display:none}.stop-orbit{width:auto;height:auto;border-radius:0;display:inline-block;margin:0 0 16px;padding:5px 9px;background:var(--atlas-blue);color:#fff;border:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.stop-screen p{margin:10px 0;max-width:720px}.stop-rhythm{display:flex;max-width:none;margin:20px 0 16px;gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stop-rhythm span{border:0;border-radius:0;background:transparent;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.stop-rhythm span.active{background:var(--atlas-ink);color:#fff}.stop-snapshot,.student-stop-question,.ritual-card{border-radius:3px}.student-stop-question{background:transparent;border-left:3px solid var(--atlas-blue);padding:12px 16px}.discussion-questions>div,.reference-grid>div{border-radius:2px;background:transparent;border:1px solid var(--border)}
.choice-grid{gap:7px}.choice-card,.requirement-card{border-radius:2px}.choice-card .choice-icon,.req-select .choice-icon{border-radius:0;background:transparent;border:1px solid var(--border);color:var(--atlas-blue)}.choice-card.state-1,.requirement-card.selected{background:#f2f5fb}.choice-card.state-2{background:var(--blue-soft);border-color:var(--atlas-blue)}.req-priority{background:transparent}.req-priority.priority{background:var(--atlas-blue);color:#fff}.selection-summary{border-left:0!important;border-top:1px solid var(--atlas-ink)!important;border-bottom:1px solid var(--border)!important}
.mission-context{border-radius:0;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-left:4px solid var(--atlas-blue);background:transparent;padding:11px 13px}.mission-context-tag{border-radius:0;background:transparent;color:var(--atlas-blue);padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
/* A single visual accent across Activities 1–6; Activity 7 keeps semantic red. */
.activity-screen[data-screen="0"],.activity-screen[data-screen="2"],.activity-screen[data-screen="4"],.activity-screen[data-screen="6"],.activity-screen[data-screen="8"],.activity-screen[data-screen="9"],.activity-screen[data-screen="10"]{--activity-accent:var(--atlas-blue);--activity-soft:var(--blue-soft)}
.activity-screen[data-screen="12"]{--activity-accent:var(--red);--activity-soft:var(--red-soft)}
.decision-compass{border-left:0;border-top:2px solid var(--atlas-ink);border-bottom:1px solid var(--border);padding-top:18px;padding-bottom:18px}.decision-question-grid{gap:0;border:1px solid var(--border)}.decision-question-grid>div{border-radius:0;background:transparent;border-right:1px solid var(--border)}.decision-question-grid>div:last-child{border-right:0}.decision-question-grid>div>span{border-radius:0;border:0;border-bottom:2px solid var(--atlas-blue);background:transparent;padding-bottom:8px}
.tech-discovery-grid{gap:8px}.discovery-card{border-radius:2px}.discovery-card.revealed{background:#f6f7f4;border-color:var(--atlas-blue)}.discovery-icon{border-radius:0;background:transparent;border:1px solid var(--atlas-blue)}.shape-chain>span:not(.shape-arrow),.arch-box{border-radius:2px;background:transparent;border:1px solid var(--border)}.family-reveal{border-radius:2px;background:var(--blue-soft);border-left:3px solid var(--atlas-blue)}.family-name{background:var(--atlas-paper)}.family-words>div{border-radius:2px}
.family-map-strip{gap:0;border:1px solid var(--border)}.family-map-strip>div{border-radius:0;border:0;border-right:1px solid var(--border);background:transparent}.family-map-strip>div:last-child{border-right:0}.tech-group{border-radius:2px;padding:14px;background:transparent}.tech-group .tech-card{background:var(--atlas-paper)}.tech-card::after{display:none}.tech-icon{border-radius:0;background:transparent;border-bottom:2px solid var(--atlas-blue)}
.mystery-grid{gap:8px}.mystery-card{border-radius:2px}.mystery-option,.scenario-option,.chip-button,.micro-option,.missing-option,.confidence-button,.research-predict button{border-radius:2px}.mystery-option.chosen,.scenario-option.selected,.chip-button.active,.micro-option.active,.missing-option.active,.confidence-button.active,.research-predict button.active{background:var(--atlas-blue);border-color:var(--atlas-blue);color:#fff}
.score-panel{border-radius:0;background:var(--atlas-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.scenario-card,.event{border-radius:2px}.scenario-icon,.event-icon{border-radius:0;background:transparent;border:1px solid var(--border);color:var(--atlas-blue)}.scenario-rationale,.scenario-twist{border-radius:2px}.campus-checkpoint{border-radius:0;border-left:5px solid var(--atlas-blue)}.checkpoint-mark{border-radius:0;background:var(--atlas-blue);color:#fff}.campus-position{border-radius:2px}.campus-position.active{background:var(--blue-soft);border-color:var(--atlas-blue);box-shadow:none}
.go-further,.adaptive-depth{border-radius:3px;background:transparent;border-color:#b9b6ad}.go-further>summary,.adaptive-depth>summary{color:var(--atlas-ink)}.challenge-mark{border-radius:0;background:var(--atlas-ink);color:#fff}.go-further[open]>summary,.adaptive-depth[open]>summary{background:#efede5}.depth-problem,.depth-support-reveal>div,.expert-decision,.research-claim{border-radius:2px}.depth-support-btn{border-radius:2px}.research-trails{border-top:2px solid var(--atlas-ink)}.research-card{border-radius:2px}.research-complete{background:#f1f6f2}.research-source a{color:var(--atlas-blue)}
.field-guide-drawer,.design-drawer{box-shadow:-10px 0 0 rgba(19,25,31,.08);border-left:2px solid var(--atlas-ink)}.design-drawer-head,.field-guide-drawer .design-drawer-head{border-bottom:2px solid var(--atlas-ink)}.design-section{border-bottom-color:var(--border)}.design-stat,.drawer-mission-facts span{border-radius:2px}.mini-architecture{border-radius:0}.drawer-flow{border-radius:2px}
.frozen-notice{border-radius:0;background:transparent;border:1px solid var(--border);border-left:5px solid var(--atlas-blue)}.frozen-icon{border-radius:0;background:var(--atlas-blue);color:#fff}.revision-studio{border-radius:0;border-left:6px solid var(--red);background:transparent}.revision-status{border-radius:2px}.revision-compare>div{border-radius:2px}.revision-tool{border-radius:2px}.design-revision-section{background:transparent}
.finish-card{max-width:940px;border-radius:0;background:var(--atlas-ink);box-shadow:none;text-align:left;border-left:8px solid var(--atlas-blue);padding:42px}.finish-mark{border-radius:0;margin:0 0 18px;background:var(--atlas-blue);color:#fff}.takeaway-grid{grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}.takeaway-grid>div{border:0;border-radius:0;border-right:1px solid rgba(255,255,255,.18);background:transparent}.takeaway-grid>div:last-child{border-right:0}.memory-card{border-radius:2px}.memory-number{border-radius:0}.design-evolution{border-radius:2px}.evolution-grid>div{border-radius:2px}.evolution-delta span{border-radius:2px}.evolution-cause{border-radius:2px}
.footer{border-top:1px solid var(--border);margin-top:32px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}
@media(max-width:900px){
  .hero-grid,.mission-brief{grid-template-columns:1fr}.hero-grid{gap:26px}.mission-copy{padding:25px}.decision-question-grid{grid-template-columns:repeat(2,1fr)}.decision-question-grid>div:nth-child(2){border-right:0}.decision-question-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
}
@media(max-width:650px){
  .shell{width:min(100% - 22px,1160px)}.topbar{border-bottom-width:1px}.brand-mark{width:32px;height:32px}.hero{padding-top:24px}.hero-landscape.hero-unresolved{min-height:220px}.stepper{border-top-width:1px}.step-dot{min-width:96px}.activity-label{align-items:baseline}.pill-neutral{margin-left:0}.mission-copy{padding:20px 16px}.mission-brief{border-left-width:5px}.stop-screen{padding:24px 18px;border-left-width:5px}.stop-rhythm{overflow-x:auto}.stop-rhythm span{white-space:nowrap}.decision-question-grid{grid-template-columns:1fr}.decision-question-grid>div{border-right:0;border-bottom:1px solid var(--border)}.decision-question-grid>div:last-child{border-bottom:0}.finish-card{padding:28px 20px;border-left-width:5px}.takeaway-grid{grid-template-columns:1fr}.takeaway-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.takeaway-grid>div:last-child{border-bottom:0}
}

/* V17 consistency patch: retain circles only when they encode nodes/sensors/status. */
.mystery-clue,.mystery-result,.confidence-row,.myth-card,.snapshot-campus-return,.snapshot-decisions>div,.snapshot-insight,.snapshot-landscape>div,.snapshot-signal,.snapshot-tech,.snapshot-flow-list span,.snapshot-head>span,.deep-fact-grid>div,.deep-question-grid span,.expected,.discussion-box,.teacher-pattern,.teacher-landscape,.landscape-map-domain,.guide-keep,.guide-number,.field-guide-progress,.campus-feedback,.micro-feedback,.ntn-diagrams>div,.ntn-lens,.concept-banner,.tech-deep,.compare-table,.expert-decision,.expert-finish,.unlock-keep,.unlock-sequence section,.history-status,.mobile-node{border-radius:2px!important}
.mystery-clue{background:var(--surface-2);border-left:3px solid var(--atlas-blue)}
.student-page.past-intro .activity-label::after{border-radius:0;background:transparent;border:1px solid var(--border);padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted)}
.domain-picker{border-radius:4px;box-shadow:12px 12px 0 rgba(19,25,31,.16);border:2px solid var(--atlas-ink)}
.domain-choice{border-radius:2px}.domain-choice>span{border-radius:0}.domain-choice.selected{background:var(--blue-soft)}
.toast{border-radius:2px;background:var(--atlas-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.icon-button{border-radius:2px}.stress-number{border-radius:0}.concept-icon,.memory-icon{border-radius:2px}

/* V18 · closed-loop activity */
.loop-scenario{display:grid;grid-template-columns:1fr;gap:18px;border-top:2px solid var(--ink)}.loop-story{padding-bottom:2px}.loop-story p{color:var(--muted);max-width:64ch}.loop-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.loop-choice{border:1px solid var(--line);background:var(--surface);padding:14px;text-align:left;cursor:pointer;min-height:0;border-radius:12px}.loop-choice strong,.loop-choice span{display:block}.loop-choice strong{font-size:.98rem;line-height:1.32}.loop-choice span{color:var(--muted);font-size:.84rem;line-height:1.45;margin-top:5px}.loop-choice.active{border:2px solid var(--atlas-blue);background:var(--blue-soft)}.loop-rationale{display:block;margin-top:12px}.loop-rationale textarea{width:100%;margin-top:6px}.loop-snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.loop-snapshot-grid span{border:1px solid var(--line);padding:8px;font:800 .7rem ui-monospace,monospace}.loop-snapshot-grid span.active{border-color:var(--atlas-blue);border-bottom:4px solid var(--atlas-blue)}@media(max-width:760px){.loop-choice-grid{grid-template-columns:1fr}.loop-snapshot-grid{grid-template-columns:repeat(2,1fr)}}

/* V18.1 · explicit bridge to Session 2 */
.next-session-bridge{margin-top:22px;border-top:2px solid currentColor;padding-top:15px;max-width:900px}.next-session-bridge strong{display:block;font-size:1.02rem;margin:5px 0}.next-session-bridge p{margin:0;color:#cbd4dc;max-width:78ch}.session-synthesis .next-session-bridge .eyebrow{color:#8bb0ff}

/* Running operational case ------------------------------------------------ */
.case-roster{margin:18px 0 8px;padding:16px 18px;border-left:4px solid var(--ink,#17212b)}
.case-roster-head{display:grid;gap:4px;margin-bottom:12px}.case-roster-head>strong{font-size:1.02rem}.case-roster-head p{margin:0;color:var(--muted,#65717b);max-width:82ch}
.case-roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.case-person{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line,#d5d9dc);background:rgba(255,255,255,.46)}.case-person>div{display:grid;gap:1px}.case-person small{color:var(--muted,#65717b);font-weight:700}.case-person em{font-style:normal;font-size:.72rem;color:var(--muted,#65717b)}
.case-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--ink,#17212b);color:#fff;font:850 .68rem ui-monospace,monospace;letter-spacing:.04em}.case-avatar.large{width:46px;height:46px;flex-basis:46px;font-size:.76rem}
.case-voice{margin:10px 0 18px;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:15px 17px;border:1px solid var(--line,#d5d9dc);border-left:5px solid var(--blue,#1557d5);background:linear-gradient(90deg,rgba(21,87,213,.055),rgba(255,255,255,.45))}.case-voice-main{min-width:0}.case-voice-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.case-voice-meta strong{font-size:.9rem}.case-voice-meta span{font-size:.78rem;color:var(--muted,#65717b);font-weight:700}.case-voice-meta em{font-style:normal;font:800 .64rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--blue,#1557d5);margin-left:auto}.case-voice blockquote{margin:6px 0 10px;font-size:1.04rem;font-weight:700;line-height:1.45;max-width:92ch}.case-decision,.case-state{display:flex;gap:8px;align-items:baseline;padding-top:7px;border-top:1px solid var(--line,#d5d9dc);font-size:.8rem}.case-decision b,.case-state b{font:850 .63rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.case-decision b{color:var(--blue,#1557d5)}.case-state{margin-top:5px;color:var(--muted,#65717b)}
@media(max-width:900px){.case-roster-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.case-roster-grid{grid-template-columns:1fr}.case-voice{grid-template-columns:1fr}.case-voice-meta em{margin-left:0}.case-decision,.case-state{display:grid;gap:3px}}

/* v1.24 — intervention clarity: STARTING POINT → NEW INPUT → DESIGN IMPACT → YOUR MOVE */
.case-voice{margin:12px 0 20px;padding:0;border:1px solid var(--line,#d5d9dc);border-left:5px solid var(--blue,#1557d5);background:var(--surface,#fff);overflow:hidden}
.case-voice>.case-avatar.large{margin:16px 0 0 16px}
.case-voice-main{padding:14px 16px 14px 0}
.case-context{display:flex;align-items:baseline;gap:8px;margin:8px 0 10px;padding:6px 9px;background:rgba(21,87,213,.05);border:1px solid rgba(21,87,213,.14);font-size:.77rem;color:var(--muted,#65717b)}
.case-context b,.case-signal-label,.case-impact b,.activity-move-label{font:850 .62rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.case-context b{color:#536274;white-space:nowrap}.case-context span{line-height:1.35}
.case-signal-label{color:var(--blue,#1557d5);margin:7px 0 2px}
.case-voice blockquote{margin:0 0 12px;font-size:1.03rem;font-weight:720;line-height:1.45;max-width:88ch}
.case-impact{display:grid;grid-template-columns:112px 1fr;gap:10px;align-items:start;padding:10px 12px;background:var(--blue-soft,#eef4ff);border-top:1px solid rgba(21,87,213,.22);font-size:.84rem}
.case-impact b{color:var(--blue,#1557d5);white-space:nowrap}.case-impact span{font-weight:720;line-height:1.4}
.activity-move-label{color:var(--blue,#1557d5);margin-bottom:5px}
.activity-intro{padding-top:1px}
@media(max-width:620px){.case-voice{grid-template-columns:1fr}.case-voice>.case-avatar.large{margin:14px 14px 0}.case-voice-main{padding:0 14px 14px}.case-impact{grid-template-columns:1fr;gap:3px}.case-context{display:grid;gap:2px}}

/* v1.26 · interaction clarity */
.work-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 20px;padding:7px;border:1px solid var(--border);border-radius:14px;background:#f7f9fc}
.work-sequence span{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 12px;border-radius:10px;color:#536477;font-size:.88rem;font-weight:760}
.work-sequence b{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#e6edf5;color:#304863;font-size:.76rem;flex:0 0 auto}
.work-sequence span:first-child{background:#fff;color:#263a50;box-shadow:0 1px 0 rgba(31,50,73,.05)}
.work-sequence span:first-child b{background:var(--accent,#3157c8);color:#fff}

.loop-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.loop-choice-group{border:1px solid var(--border);border-radius:15px;padding:14px;background:#fbfcfe;min-width:0}
.loop-choice-group:first-child{grid-column:1/-1}
.loop-choice-group-head{display:block;margin-bottom:12px}
.loop-choice-group-head b{display:block;font-size:.72rem;letter-spacing:.08em;color:#40556c}
.loop-choice-group-head span{display:block;font-size:.83rem;line-height:1.45;color:var(--muted);margin-top:5px;max-width:62ch}
.loop-choice-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.loop-choice-group:first-child .loop-choice-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.loop-coverage{margin-top:12px;padding:15px 16px}
.loop-coverage-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.loop-coverage-head strong{display:block;margin-top:3px}
.loop-ready{font-size:.7rem;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:7px 10px;background:#eef2f6;color:#68798b}
.loop-ready.ready{background:#e6f4ec;color:#17663f}
.loop-coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}
.loop-coverage-grid>div{padding:10px 11px;border-radius:10px;background:#f2f5f8;border:1px solid transparent}
.loop-coverage-grid>div.covered{background:#f0f7f3;border-color:#cfe6d8}
.loop-coverage-grid b,.loop-coverage-grid span{display:block}.loop-coverage-grid b{font-size:.78rem}.loop-coverage-grid span{font-size:.74rem;color:var(--muted);margin-top:2px}

.secondary-lens,.reference-drawer{border:1px solid var(--border);border-radius:15px;background:#fff;margin-top:14px;overflow:hidden}
.secondary-lens>summary,.reference-drawer>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:760}
.secondary-lens>summary::-webkit-details-marker,.reference-drawer>summary::-webkit-details-marker{display:none}
.secondary-lens>summary:after,.reference-drawer>summary:after{content:'＋';font-size:1.1rem;color:#75869a}
.secondary-lens[open]>summary:after,.reference-drawer[open]>summary:after{content:'−'}
.secondary-lens>summary span,.reference-drawer>summary span{font-size:.78rem;color:var(--muted);font-weight:650}
.secondary-lens .satellite-primer{margin:0;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none}
.reference-drawer-body{padding:0 16px 16px;border-top:1px solid var(--border)}
.reference-drawer .library-section-head{margin-top:16px}
.decision-locked{display:inline-flex;align-items:center;min-height:37px;padding:8px 11px;border-radius:9px;background:#eef4f1;color:#2c6549;font-size:.78rem;font-weight:850}
.transfer-challenge{margin-top:12px}

@media (max-width:980px){
  .loop-choice-grid{grid-template-columns:1fr}
}

@media (max-width:780px){
  .work-sequence{grid-template-columns:1fr}.work-sequence span{min-height:36px}
  .loop-choice-group:first-child .loop-choice-group-grid,.loop-choice-group-grid{grid-template-columns:1fr}
  .loop-choice-group-head span{max-width:none}
  .loop-coverage-grid{grid-template-columns:1fr}
  .secondary-lens>summary,.reference-drawer>summary{align-items:flex-start}.secondary-lens>summary span,.reference-drawer>summary span{display:none}
}

/* V19 · richer questions, lighter interaction, explicit v1 → v2 diagnosis */
.flow-lens-core{margin:15px 0;border-top:3px solid var(--atlas-blue)!important}.flow-lens-head{margin-bottom:10px}.flow-lens-head h3{margin:3px 0 5px;font-size:1.08rem}.flow-lens-question{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:11px 0 7px}.flow-lens-question span{font:800 .72rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted);white-space:nowrap}.challenge-select{display:grid;grid-template-columns:minmax(120px,.32fr) 1fr;gap:10px;align-items:center}.challenge-select>span{font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.shape-prediction{margin:12px 0 10px;padding-top:10px;border-top:1px solid var(--border)}.shape-prediction>strong{display:block;font-size:.82rem;margin-bottom:7px}.shape-prediction .micro-feedback{margin-top:8px}.shape-prediction .chip-button:disabled{opacity:.7;cursor:default}
.stress-question-copy{font-size:.82rem!important;margin:5px 0 7px!important}.plausible-reading{margin-top:8px!important;padding:9px 10px;border-left:3px solid var(--atlas-blue);background:var(--blue-soft);color:var(--ink)!important}.stress-target-group{margin-top:10px}.stress-target-group>small{display:block;margin-bottom:5px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.revision-cause-strip,.revision-stop-cause{display:flex;align-items:stretch;gap:7px;margin:12px 0;flex-wrap:wrap}.revision-cause-strip>span,.revision-stop-cause>span{flex:1 1 135px;border:1px solid var(--border);padding:8px 9px;background:var(--atlas-paper)}.revision-cause-strip small,.revision-cause-strip strong,.revision-stop-cause small,.revision-stop-cause strong{display:block}.revision-cause-strip small,.revision-stop-cause small{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900}.revision-cause-strip strong,.revision-stop-cause strong{font-size:.79rem;margin-top:2px}.revision-cause-strip>b,.revision-stop-cause>b{align-self:center;color:var(--muted)}.design-move-support{margin-top:11px}
.student-discussion-prompts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px auto;max-width:920px;text-align:left}.student-discussion-prompts>div{border:1px solid var(--border);background:#fff;padding:11px 12px}.student-discussion-prompts span{display:block;font:850 .66rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.student-discussion-prompts strong{font-size:.88rem;line-height:1.35}.stop-handover{position:relative;z-index:1;margin:16px auto;max-width:920px;text-align:left}.stop-compare{margin-top:10px}.revision-stop .stop-snapshot{max-width:920px}
@media(max-width:760px){.student-discussion-prompts{grid-template-columns:1fr}.challenge-select{grid-template-columns:1fr}.flow-lens-question{align-items:flex-start}.revision-cause-strip,.revision-stop-cause{display:grid;grid-template-columns:1fr}.revision-cause-strip>b,.revision-stop-cause>b{transform:rotate(90deg);justify-self:center}}

/* v1.35 — lower-friction learning interactions */
.loop-readable{border:1px solid var(--border);background:#f8fafc;padding:15px}.loop-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.loop-node{padding:8px 10px;border:1px solid #c9d3dd;background:#fff;font-size:.8rem;font-weight:800}.loop-node.new{border-bottom:4px solid var(--blue)}.loop-node.physical{border-bottom:4px solid var(--orange)}.loop-node.evidence{border-bottom:4px solid var(--teal)}.loop-sidepaths{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.loop-sidepaths span{border-left:3px solid #8aa0b6;padding:8px 10px;background:#fff;font-size:.8rem;color:var(--muted)}.loop-decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.loop-decision{border:1px solid var(--border);background:#fff;padding:13px}.loop-decision .decision-index{display:grid;place-items:center;width:24px;height:24px;background:#e9eef5;font-weight:900;font-size:.72rem;margin-bottom:8px}.loop-decision>div{display:grid;gap:6px;margin-top:10px}.loop-answer{border:1px solid var(--border);background:#fff;padding:8px;text-align:left}.loop-answer.active{border-color:var(--blue);background:var(--blue-soft)}.loop-decision small{display:block;margin-top:8px;color:var(--muted)}
.shape-use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0}.shape-use-grid span{border:1px solid var(--border);padding:7px;font-size:.76rem;color:var(--muted)}.shape-use-grid b{display:block;color:var(--text);font-size:.68rem;text-transform:uppercase}.shortlist-toggle{width:100%;border:1px solid #aebdca;background:#fff;padding:9px;text-align:center;font-weight:800}.shortlist-toggle.active{border-color:var(--teal);background:var(--teal-soft);color:#145d57}.ntn-context-note{margin:14px 0;padding:12px 14px;border-left:4px solid #718096;background:#f4f6f8}.ntn-context-note strong,.ntn-context-note span{display:block}.ntn-context-note span{color:var(--muted);margin-top:4px}
.stress-simple-grid{display:grid;gap:14px}.stress-simple-grid>div{border-top:1px solid var(--border);padding-top:13px}.stress-simple-grid p{color:var(--muted);margin:4px 0 10px}.stress-scope,.stress-move{border:1px solid var(--border);background:#fff;padding:11px;text-align:left}.stress-scope strong,.stress-scope span,.stress-move strong,.stress-move span{display:block}.stress-scope span,.stress-move span{color:var(--muted);font-size:.78rem;margin-top:3px}.stress-scope.active,.stress-move.active{border-color:var(--blue);background:var(--blue-soft)}.stress-move-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.incident-reading{padding:12px;border-left:4px solid var(--red);background:#fff8f8;margin-bottom:10px}.incident-reading strong,.incident-reading p{display:block}.ntn-revision-lens{margin-top:14px;border-left:4px solid var(--purple);background:var(--purple-soft);padding:13px}.revision-move-card{display:grid;gap:4px;padding:16px;border:1px solid var(--border);background:#fff}.revision-move-card span,.revision-summary span{color:var(--muted)}.revision-summary{display:grid;gap:4px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}
@media(max-width:760px){.loop-sidepaths,.loop-decision-grid,.stress-move-grid{grid-template-columns:1fr}.shape-use-grid{grid-template-columns:1fr 1fr}}

/* v1.35 loop semantics are carried by labels rather than unexplained colors */
.loop-node,.loop-node.existing,.loop-node.new,.loop-node.physical,.loop-node.evidence{border:1px solid #c9d3dd;border-bottom:1px solid #c9d3dd;background:#fff;color:var(--text)}
.loop-node small{display:block;margin-bottom:3px;color:var(--muted);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}


/* v1.36 · fewer mechanics, stronger reasoning */
.loop-gap-model{padding:1rem}.loop-gap-model .loop-path{display:flex;align-items:stretch;gap:.45rem;flex-wrap:wrap}.loop-gap-model .loop-node{background:var(--surface,#fff);border:1px solid var(--line,#d9e0e7);color:inherit}.loop-gap-model .loop-node small{display:block;color:var(--muted,#5c6773);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.loop-gap-model .loop-gap{border-style:dashed;min-width:180px}.loop-gap-model .loop-gap.resolved{border-style:solid}.loop-gap-question{margin:.9rem 0 0;font-weight:650}.loop-boundary-tests .loop-decision{border-top:3px solid var(--line,#d9e0e7)}
.shape-reasoning-board{margin-top:1rem}.shape-reasoning-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.reasoning-pair{white-space:nowrap;border:1px solid var(--line,#d9e0e7);border-radius:999px;padding:.45rem .7rem}.shape-probe-questions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.shape-assumption-pair{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.75rem 0}.shape-assumption-pair span{padding:.55rem;border:1px solid var(--line,#d9e0e7);border-radius:.65rem;font-size:.82rem}.shape-assumption-pair b{display:block;margin-bottom:.2rem}.probe-role-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.shortlist-toggle.secondary{background:transparent}.probe-primary{outline:2px solid currentColor}.probe-challenger{outline:2px dashed currentColor}.counterfactual-box{margin-top:.85rem;padding:.85rem;border:1px dashed var(--line,#d9e0e7);border-radius:.8rem}.counterfactual-box>strong{display:block;margin:.3rem 0}.counterfactual-options{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.counterfactual-open{box-shadow:0 0 0 2px rgba(0,0,0,.05)}
@media(max-width:760px){.shape-probe-questions,.shape-assumption-pair,.probe-role-row,.counterfactual-options{grid-template-columns:1fr}.shape-reasoning-head{display:block}.reasoning-pair{display:inline-block;margin-top:.65rem}.loop-gap-model .loop-path>b{display:none}.loop-gap-model .loop-node{width:100%}}

/* v1.39 — depth through clearer claims, not more mechanics */
.claim-ladder{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:14px;padding:13px;border:1px solid var(--border);background:#f8fafc}.claim-ladder>span{display:grid;grid-template-columns:26px 1fr;gap:7px;align-items:center;font-weight:850}.claim-ladder>span small{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--border);font-size:.7rem}.claim-ladder>b{color:var(--muted)}
.loop-guided{display:grid;gap:0;margin-top:16px;border-top:1px solid var(--border)}.loop-question{padding:16px 0;border-bottom:1px solid var(--border)}.loop-question-head{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.loop-question-head>span{width:28px;height:28px;display:grid;place-items:center;background:var(--atlas-ink);color:#fff;font-weight:900;font-size:.75rem}.loop-question-head small,.loop-question-head strong{display:block}.loop-question-head small{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.67rem;font-weight:850}.loop-question-head strong{margin-top:2px}.loop-answer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0 40px}.loop-answer{border:1px solid var(--border);background:#fff;padding:10px;text-align:left;min-height:48px}.loop-answer:hover{border-color:#91a3b7}.loop-answer.active{border-color:var(--blue);background:var(--blue-soft)}.loop-explain{margin:9px 0 0 40px;padding:10px 12px;border-left:4px solid #9aaabd;background:#f7f9fb;color:var(--muted)}.loop-explain.good{border-left-color:var(--teal);background:#f0f8f6;color:var(--ink)}.loop-consequence{margin-top:16px;padding-top:15px;border-top:2px solid var(--atlas-ink)}.loop-consequence>strong{display:block;margin:4px 0 12px}.control-loop-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.control-loop-strip span{border:1px solid var(--border);background:#fff;padding:7px 9px;font-weight:800;font-size:.8rem}.control-loop-strip b{color:var(--muted)}.operator-path{margin-top:8px;padding:8px 10px;border-left:3px solid var(--orange);background:#fff8f2;font-size:.8rem;font-weight:800}
.requirement-card{display:block;min-height:0}.requirement-card .req-select{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center}.requirement-card .req-select em{font-style:normal;text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:900;color:var(--muted)}.requirement-card.selected .req-select em{color:var(--atlas-blue)}
@media(max-width:700px){.claim-ladder{grid-template-columns:1fr;gap:6px}.claim-ladder>b{transform:rotate(90deg);justify-self:start;margin-left:10px}.loop-answer-row{grid-template-columns:1fr;margin-left:0}.loop-explain{margin-left:0}.requirement-card .req-select{grid-template-columns:34px 1fr}.requirement-card .req-select em{grid-column:2}}

/* v1.39 · compact technology-scope audit */
#mysteryGrid{grid-template-columns:1fr}
.scope-audit{display:grid;grid-template-columns:minmax(185px,.55fr) minmax(330px,1fr);gap:10px 16px;align-items:center;padding:13px 14px}
.scope-audit-head{min-width:0}.scope-audit-head>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.scope-audit-head strong{font-size:1.02rem}.scope-audit-head small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}.scope-audit .mystery-number{font-size:.62rem;letter-spacing:.07em;color:var(--muted)}
.scope-audit-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.scope-audit-control select{width:100%;min-height:42px;border:1px solid var(--border);background:#fff;color:var(--ink);padding:8px 10px;font:inherit;font-size:.82rem}.scope-audit-control .btn{min-height:42px;padding:8px 14px}
.scope-audit .mystery-result{grid-column:1/-1;margin:2px 0 0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:start}.scope-audit .mystery-result>strong{grid-row:1/3}.scope-audit .mystery-result .scope-level{font-weight:850}.scope-audit .mystery-result .clue-score{grid-column:1/-1;margin-top:4px;color:#496255}
@media(max-width:760px){.scope-audit{grid-template-columns:1fr}.scope-audit-control{grid-template-columns:1fr}.scope-audit .mystery-result{grid-template-columns:1fr}.scope-audit .mystery-result>strong{grid-row:auto}.scope-audit .mystery-result .clue-score{grid-column:auto}}
.scope-audit .mystery-result .reaudit-scope{grid-column:1/-1;justify-self:start;margin-top:4px;padding-left:0}


/* V20 — interaction clarity: one visible action path, no hidden domain dialog in A1 */
.interaction-guide{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;margin:14px 0 16px;padding:12px 14px;border-left:4px solid var(--activity-accent,var(--blue));background:#f8fafc;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.interaction-guide b{font-size:.7rem;letter-spacing:.09em;color:var(--activity-accent,var(--blue))}.interaction-guide span{font-weight:800}.interaction-guide small{grid-column:2;color:var(--muted)}
.usecase-card.selected{border-color:var(--activity-accent,var(--blue));background:var(--activity-soft,var(--blue-soft))}.usecase-card.selected .usecase-icon{font-size:1rem;font-weight:950}.usecase-action{font-size:.72rem;font-weight:850;color:var(--muted);white-space:nowrap}
.landscape-empty-domain{color:var(--muted);font-size:.78rem}.boundary-pick{margin:14px 0;border-top:2px solid var(--activity-accent,var(--blue))!important}.boundary-pick-head strong,.boundary-pick-head small{display:block}.boundary-pick-head strong{font-size:1.05rem;margin-top:4px}.boundary-pick-head small{color:var(--muted);margin-top:3px}.boundary-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.boundary-option{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;text-align:left;border:1px solid var(--border);background:#fff;padding:10px}.boundary-option span{width:28px;height:28px;display:grid;place-items:center;border-right:2px solid var(--activity-accent,var(--blue));font-weight:900}.boundary-option b{font-size:.82rem}.boundary-option.active{border-color:var(--activity-accent,var(--blue));background:var(--activity-soft,var(--blue-soft))}.snapshot-landscape>div.boundary-highlight{border-color:var(--blue);background:var(--blue-soft)}
@media(max-width:650px){.interaction-guide{grid-template-columns:1fr}.interaction-guide small{grid-column:1}.boundary-options{grid-template-columns:1fr}.usecase-action{grid-column:2;white-space:normal}}

/* v1.46 · A2 explicit open-assumption checkpoint */
.baseline-assumption-card{margin-top:14px}
.baseline-assumption-status{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--surface-soft,#f5f7fa);font-size:.92rem}
.baseline-assumption-status b{display:inline-block;margin-right:4px}

/* v1.47 continuity + resumable Session 1 */
.resume-strip{margin:12px 0 0;border-left:4px solid #3157c8;background:#eef3ff;padding:10px 13px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.resume-strip strong{font-size:.82rem}.resume-strip span{color:#536274;font-size:.8rem}.narrative-bridge{margin:8px 0 16px;border-top:1px solid #cfd8e3;border-bottom:1px solid #cfd8e3;padding:10px 0;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.narrative-bridge span{font:850 .66rem ui-monospace,monospace;letter-spacing:.08em;color:#3157c8}.narrative-bridge strong{font-size:.9rem;font-weight:750;color:#2d4056}.recap-chain{margin:12px 0 18px;padding:17px}.recap-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.recap-head strong{font-size:1rem}.recap-steps{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:13px 0 8px}.recap-steps span{border:1px solid #cbd5e1;background:#fff;padding:7px 9px;font-size:.75rem;font-weight:750}.recap-steps span.current{border-color:#3157c8;background:#eef3ff;color:#1e3a8a}.recap-steps b{color:#7b8795}.recap-chain p{margin:8px 0 0;color:#5b6775;font-size:.82rem}.step-dot.resume-open{border-style:solid}.step-dot.resume-open:not(.active):not(.reviewing){opacity:.92}
@media(max-width:650px){.narrative-bridge{grid-template-columns:1fr;gap:4px}.recap-steps b{display:none}.recap-steps span{flex:1 1 42%}}

/* v1.52 — Activity 5 simplified core route */
.compact-intro{margin-bottom:12px}.compact-compass{padding:12px 15px;margin:10px 0 14px}.compact-compass .decision-compass-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.compact-compass .decision-compass-head strong{font-size:.95rem;color:#31465e}
.shape-fit{margin:10px 0 12px;padding:9px 10px;background:#f7f9fc;border-left:3px solid #93a8c2;display:grid;gap:2px}.shape-fit b{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:#66778a}.shape-fit span{font-size:.78rem;line-height:1.35;color:#3e5165}.shortlist-toggle.single{width:100%}.shape-probe-questions.one-question{grid-template-columns:1fr}.simplified-audit-grid{display:grid;gap:12px}.mapped-tech{border:1px solid #ccd7e4;background:#fff;border-radius:14px;padding:15px}.current-mapped-tech{border-left:5px solid #3157c8;background:#f7f9ff}.mapped-tech-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:6px}.mapped-tech-title strong{font-size:1.2rem}.mapped-tech-title small{color:#64748b;font-weight:700}.mapped-tech-meaning{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #dfe6ee}.mapped-tech-meaning b{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#5e7084}.mapped-tech-meaning span{font-weight:800;color:#263b53}.mapped-tech-meaning small{color:#66778a}.contrast-picker{border:1px solid #d5dee8;background:#fff;border-radius:14px;padding:14px}.contrast-picker h3{margin:4px 0;font-size:1.05rem}.contrast-picker p{margin:0;color:#64748b;font-size:.82rem}.contrast-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px}.contrast-tech{border:1px solid #d3dce6;background:#f8fafc;border-radius:10px;padding:10px;text-align:left;cursor:pointer}.contrast-tech strong{display:block;font-size:.84rem;color:#26384d}.contrast-tech small{display:block;font-size:.7rem;line-height:1.28;color:#66778a;margin-top:3px}.contrast-tech.active{border-color:#3157c8;background:#eef3ff;box-shadow:inset 0 0 0 1px #3157c8}.tech-contrast-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}.tech-contrast-summary>div{border:1px solid #d9e1ea;background:#f8fafc;border-radius:12px;padding:12px}.tech-contrast-summary>div>span{font:800 .62rem ui-monospace,monospace;letter-spacing:.06em;color:#3157c8}.tech-contrast-summary strong{display:block;margin:4px 0;font-size:1rem}.tech-contrast-summary p{margin:0;font-size:.78rem;font-weight:750;color:#3c5065}.tech-contrast-summary small{display:block;margin-top:5px;color:#6b7886}.tech-contrast-summary>b{display:grid;place-items:center;color:#8b98a6}
@media(max-width:850px){.contrast-options{grid-template-columns:1fr 1fr}.mapped-tech-meaning{grid-template-columns:1fr}.tech-contrast-summary{grid-template-columns:1fr}.tech-contrast-summary>b{display:none}}
/* v1.55: only the activity actually open is blue. */
.step-dot.frontier:not(.active){background:#fff!important;color:var(--muted)!important;border-color:var(--border)!important}
.step-dot.frontier:not(.active) span{background:var(--surface-2)!important;color:inherit!important}
.campus-facts-recap{margin:16px 0;padding:16px}.campus-facts-recap p{margin:10px 0 0;color:var(--muted)}