:root{color:#183136;font-synthesis:none;--ink:#183136;--deep:#102a2e;--paper:#f8faf6;--mint:#8ee3c1;--mint-dark:#167a63;--line:#cbd7d0;--amber:#f2b95f;--red:#d86d5f;--shadow:0 18px 50px #102a2e17;background:#edf1ed;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.skip-link{z-index:100;color:#000;background:#fff;padding:.8rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #e1a440}.app-shell{grid-template-rows:4.5rem 1fr;grid-template-columns:17rem 1fr;min-height:100vh;display:grid}.topbar{background:var(--deep);color:#fff;z-index:20;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 1.6rem;display:flex;position:sticky;top:0}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:.7rem;display:flex}.brand-mark{width:2.5rem;height:2.5rem;color:var(--mint);border:1px solid #6fbba2;border-radius:.7rem;place-items:center;display:grid}.brand strong{letter-spacing:.16em;font-size:.86rem;display:block}.brand small{color:#bdd0ca;font-size:.72rem;display:block}.top-status{align-items:center;gap:1rem;display:flex}.rank-chip,.status-pill{color:#145b4c;background:#d9f7ea;border-radius:99px;padding:.35rem .7rem;font-size:.78rem;font-weight:700}.sidebar{border-right:1px solid var(--line);background:#f7f9f5;height:calc(100vh - 4.5rem);padding:1.25rem .85rem;position:sticky;top:4.5rem;overflow:auto}.nav-label,.overline,.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#5b756e;font-size:.72rem;font-weight:700}.nav-label{margin:1.5rem .75rem .5rem}.nav-item{color:#43605a;text-align:left;background:0 0;border:0;border-radius:.7rem;align-items:center;gap:.65rem;width:100%;margin:.15rem 0;padding:.75rem;display:flex}.nav-item:hover{background:#eaf1ec}.nav-item.active{color:#123e36;background:#dcebe3}.nav-item strong{font-size:.79rem;display:block}.nav-item small{margin-top:.1rem;font-size:.68rem;display:block}.nav-index{border:1px solid #acc0b7;border-radius:50%;flex:0 0 1.5rem;place-items:center;height:1.5rem;font-size:.7rem;display:grid}.nav-icon{margin-left:auto}.reset-link{color:#62726e;background:0 0;border:0;align-items:center;gap:.5rem;margin:2rem .75rem;font-size:.78rem;display:flex}main{min-width:0}.page{max-width:1200px;margin:auto;padding:2.2rem clamp(1.1rem,3vw,3rem) 4rem}.page-heading,.mission-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.8rem;display:flex}.page-heading h1,.mission-header h1,.welcome h1{color:var(--deep);margin:.15rem 0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:400;line-height:.98}.page-heading p,.mission-header p{color:#56706a;max-width:42rem}.primary,.secondary{border:0;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;padding:.8rem 1rem;font-weight:700;display:inline-flex}.primary{background:var(--deep);color:#fff}.primary:hover{background:#1c4548}.secondary{color:#153f37;background:#e2eee8}.primary.large{padding:1rem 1.2rem;font-size:1rem}.progress-strip,.panel{background:var(--paper);border:1px solid var(--line);border-radius:1rem;box-shadow:0 1px #ffffffb3}.progress-strip{margin-bottom:1rem;padding:1rem 1.2rem}.progress-strip>div:first-child{justify-content:space-between;margin-bottom:.55rem;display:flex}.track,.meter{background:#dfe7e1;border-radius:99px;height:.45rem;overflow:hidden}.track span,.meter span{background:var(--mint-dark);border-radius:inherit;height:100%;display:block}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:1rem;display:grid}.panel{padding:1.3rem}.pipeline-panel{grid-row:span 2}.panel-title{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel h2{color:var(--deep);margin:.15rem 0;font-size:1.15rem}.pipeline{gap:.55rem;display:grid}.pipeline-step{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:.8rem;grid-template-columns:2.2rem 1fr;column-gap:.7rem;padding:.8rem;display:grid}.pipeline-step>span{background:#edf2ee;border-radius:.6rem;grid-row:1/3;place-items:center;width:2.1rem;height:2.1rem;display:grid}.pipeline-step small{color:#668078;grid-column:2}.pipeline-step.current{border-color:#2d8a72;box-shadow:inset 3px 0 #2d8a72}.pipeline-step.done>span{color:#146954;background:#d7f4e8}.mastery-row{margin:1rem 0}.mastery-row>div:first-child{justify-content:space-between;margin-bottom:.4rem;font-size:.84rem;display:flex}.mastery-row strong{font-size:.78rem}.notebook-panel ol{margin:0;padding-left:1.25rem}.notebook-panel li{color:#526d66;padding:.45rem 0}.empty-state{text-align:center;color:#71837e;padding:1.5rem}.badge-list{flex-wrap:wrap;gap:.6rem;display:flex}.badge-list span{background:#fff3d5;border:1px solid #e9cc87;border-radius:.6rem;align-items:center;gap:.4rem;padding:.55rem .7rem;font-size:.82rem;font-weight:600;display:flex}.muted{color:#70817d}.welcome{background:linear-gradient(135deg,#e8eee8 0%,#f8f8f2 52%,#d8e9e2 100%);place-items:center;min-height:100vh;padding:clamp(1rem,4vw,4rem);display:grid}.welcome-card{width:min(1180px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #b9ccc3;border-radius:1.4rem;padding:clamp(1.3rem,4vw,3.5rem)}.eyebrow{border-bottom:1px solid var(--line);align-items:center;gap:.45rem;padding-bottom:.7rem;display:inline-flex}.welcome-grid{grid-template-columns:1.3fr .75fr;align-items:center;gap:clamp(2rem,6vw,6rem);margin-top:2rem;display:grid}.welcome h1{max-width:14ch;font-size:clamp(3.1rem,7vw,6.2rem)}.lead{color:#4e6862;max-width:39rem;font-size:1.1rem;line-height:1.7}.privacy-note{color:#6e807b;font-size:.78rem}.case-file{background:var(--deep);color:#e9f5ef;border-radius:1rem;flex-direction:column;justify-content:center;min-height:28rem;padding:1.6rem;display:flex;position:relative;overflow:hidden}.case-file:after{content:"";border:1px solid #40615c;border-radius:50%;width:15rem;height:15rem;position:absolute;bottom:-5rem;right:-6rem}.case-file svg{color:var(--mint);margin:2rem 0 1rem}.case-file h2{margin:.2rem 0;font-family:Instrument Serif,serif;font-size:2rem}.case-file p{color:#96b8ad;margin-bottom:.3rem}.case-file>strong{font-size:1rem;line-height:1.5}.case-top{color:#8fb0a6;letter-spacing:.12em;justify-content:space-between;font-size:.68rem;display:flex;position:absolute;top:1.2rem;left:1.6rem;right:1.6rem}.case-file dl{border-top:1px solid #40615c;grid-template-columns:repeat(3,1fr);margin-top:2rem;padding-top:1rem;display:grid}.case-file dt{color:#8fb0a6;font-size:.7rem}.case-file dd{margin:.3rem 0;font-weight:700}.mission-header{border-bottom:1px solid var(--line);justify-content:flex-start;align-items:center;padding-bottom:1.5rem}.mission-number{color:#9bad9f;font-family:Instrument Serif,serif;font-size:4rem;line-height:1}.mission-header h1{font-size:clamp(2.3rem,4.5vw,3.8rem)}.lesson-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.concept-panel,.decision-panel,.threshold-panel,.matrix-panel{min-height:23rem}.model-flow{justify-content:space-between;align-items:center;gap:.8rem;margin:2.5rem 0;display:flex}.model-flow>span{background:#e9f1ec;border-radius:.8rem;flex:1;padding:1rem;font-weight:700}.model-flow small{color:#6d7f7a;margin-top:.35rem;font-weight:400;display:block}.concept-panel details{border-top:1px solid var(--line);padding-top:1rem}.concept-panel summary{cursor:pointer;font-weight:700}.decision-panel>p{line-height:1.6}.choices{gap:.7rem;margin:1.2rem 0;display:grid}.choice{text-align:left;width:100%;color:var(--ink);background:#fff;border:1px solid #bbcbc4;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.9rem;display:flex}.choice:hover,.choice.selected{background:#eef8f3;border-color:#247862}.choice:disabled{cursor:default}.feedback{border-radius:.75rem;margin-top:1rem;padding:.9rem 1rem}.feedback p{margin:.25rem 0 0;line-height:1.5}.feedback.good{color:#155d4b;background:#dff5e9}.feedback.caution{color:#71451e;background:#fff0dc}.next-action{margin:1.2rem 0 0 auto}.table-wrap{overflow:auto}.table-panel table{border-collapse:collapse;width:100%;font-size:.83rem}.table-panel caption{text-align:left;color:#657973;margin-bottom:.7rem}.table-panel th,.table-panel td{text-align:left;white-space:nowrap;border-bottom:1px solid #d8e0dc;padding:.65rem}.table-panel .flagged{color:#75451a;background:#fff1d8;font-weight:700}.table-note{color:#765a2e;font-size:.8rem}.status-pill.warning{color:#724a16;background:#fff0d0}.threshold-value{color:var(--mint-dark);font-size:1.8rem}.threshold-panel input{width:100%;accent-color:var(--mint-dark);margin:1rem 0}.range-labels{color:#637a73;justify-content:space-between;font-size:.75rem;display:flex}.metric-cards{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:2rem;display:grid}.metric-cards div{background:#e8f1ec;border-radius:.7rem;padding:.9rem}.metric-cards span,.metric-cards strong{display:block}.metric-cards span{color:#61756f;font-size:.74rem}.metric-cards strong{margin-top:.2rem;font-size:1.5rem}.matrix{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:2.2rem;padding-left:1.5rem;display:grid;position:relative}.matrix-cell{border-radius:.7rem;padding:1rem}.matrix-cell strong,.matrix-cell span{display:block}.matrix-cell strong{font-size:1.5rem}.good-cell{background:#dff3e8}.danger-cell{background:#f8ded9}.caution-cell{background:#fff0d2}.matrix-axis{text-transform:uppercase;letter-spacing:.1em;color:#697d77;font-size:.68rem;position:absolute}.matrix-axis.top{top:-1.3rem;left:42%}.matrix-axis.side{writing-mode:vertical-rl;top:35%;left:-.1rem;transform:rotate(180deg)}.prompt-panel{grid-template-columns:1fr 1fr;align-items:center;gap:1.5rem;margin-top:1rem;display:grid}.choices.horizontal{grid-template-columns:1fr 1fr}.scenario-card{max-width:850px;margin:auto;padding:clamp(1.2rem,4vw,2.5rem)}.scenario-label{color:var(--mint-dark);align-items:center;gap:.5rem;font-weight:700;display:flex}.choice-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.5rem;display:grid}.choice-grid .choice{align-items:flex-start;min-height:8rem}.ethics-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.ethics-card{position:relative}.ethics-card.resolved{border-color:#73aa95}.case-number{letter-spacing:.12em;color:#758781;font-size:.7rem}.ethics-card>p{min-height:5.5rem;line-height:1.55}.ethics-card .secondary{width:100%}.defense-grid{grid-template-columns:.9fr 1.1fr;gap:1rem;display:grid}.review-sheet dl{margin:0}.review-sheet dl div{border-bottom:1px solid var(--line);padding:.8rem 0}.review-sheet dt{text-transform:uppercase;letter-spacing:.1em;color:#6e817b;font-size:.72rem}.review-sheet dd{margin:.25rem 0 0}.locked-panel{text-align:center;padding:3rem}.certificate{background:var(--deep);color:#fff;border-radius:1rem;align-items:center;gap:1rem;margin-top:1rem;padding:1.4rem;display:flex}.certificate .overline{color:var(--mint)}.certificate h2,.certificate p{margin:.2rem 0}.certificate button{margin-left:auto}@media (width<=900px){.app-shell{display:block}.topbar{position:sticky}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:.55rem;display:flex;position:static;overflow:auto}.sidebar .nav-label,.reset-link,.nav-icon,.nav-item small{display:none}.nav-item{width:auto;min-width:max-content}.nav-index{display:none}.dashboard-grid,.lesson-grid,.defense-grid,.welcome-grid{grid-template-columns:1fr}.pipeline-panel{grid-row:auto}.ethics-grid,.choice-grid,.prompt-panel{grid-template-columns:1fr}.case-file{min-height:24rem}.page-heading{flex-direction:column;align-items:flex-start}.model-flow{flex-direction:column;align-items:stretch}.model-flow>svg{align-self:center;transform:rotate(90deg)}}@media (width<=560px){.topbar{padding:0 .8rem}.rank-chip{display:none}.page{padding:1.3rem .8rem 3rem}.mission-header{align-items:flex-start}.mission-number{font-size:2.6rem}.metric-cards,.choices.horizontal{grid-template-columns:1fr}.welcome{padding:.6rem}.welcome-card{padding:1rem}.welcome h1{font-size:3rem}.case-file dl{grid-template-columns:1fr;gap:.7rem}.certificate{flex-wrap:wrap;align-items:flex-start}.certificate button{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-button{color:#e8f6ef;background:0 0;border:1px solid #4f766d;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.78rem;display:inline-flex}.auth-button:hover{background:#1d4445}.auth-dot{background:var(--mint);border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 .2rem #8ee3c126}.signal-panel{color:#eaf8f1;background:linear-gradient(120deg,#102a2e,#1a4443);border-color:#315d57;grid-column:1/-1}.signal-panel h2{color:#fff}.signal-panel .overline{color:var(--mint)}.signal-panel p{color:#c0d8cd;max-width:60rem;line-height:1.55}.signal-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.2rem 0;display:grid}.signal-grid span{background:#ffffff14;border:1px solid #a4e2c833;border-radius:.7rem;padding:.7rem}.signal-grid b,.signal-grid small{display:block}.signal-grid b{color:var(--mint);font-size:1.35rem}.signal-grid small{color:#a9c7bb;margin-top:.2rem;font-size:.72rem}.signal-panel .secondary{color:#123e36;background:#d7f4e8}.auth-backdrop{z-index:50;background:#081b1d9e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.auth-panel{background:var(--paper);border:1px solid var(--line);border-radius:1rem;width:min(27rem,100%);padding:1.6rem;position:relative;box-shadow:0 22px 70px #0000004d}.auth-panel h2{color:var(--deep);margin:.2rem 0;font-family:Instrument Serif,Georgia,serif;font-size:2.1rem}.auth-close{color:#60736d;background:0 0;border:0;font-size:1.5rem;position:absolute;top:.8rem;right:1rem}.oauth-button{width:100%;color:var(--ink);background:#fff;border:1px solid #b8cbc1;border-radius:.65rem;justify-content:center;align-items:center;gap:.6rem;margin-top:.7rem;padding:.75rem;font-weight:700;display:flex}.oauth-button:hover{border-color:var(--mint-dark);background:#f1faf5}.oauth-button.github{background:var(--deep);border-color:var(--deep);color:#fff}.auth-footnote{color:#748681;margin-top:1rem;line-height:1.45;display:block}@media (width<=900px){.signal-panel{grid-column:auto}.signal-grid{grid-template-columns:1fr}}