/* Studio foundation pedagogy: readable instruments, focused missions, honest phases. */
:root{--muted:#4b607e}
body{font-size:15px;line-height:1.5}
button,input,select,textarea{font-size:14px}
.button,.text-button,.compare-button{font-size:13px;min-height:42px}
.overline,.eyebrow,.intro .eyebrow,.head-context,.local-status{font-size:11px;color:#4b607e}
.head-context span{font-size:10px}.chapter-nav a{font-size:14px}.chapter-nav small{font-size:12px}
.intro>div>p:last-child{font-size:15px;color:#4b607e}.intro h1{line-height:1.18}
.mission-selector label,.mission-description h2{font-size:12px;color:#425776}
.mission-selector select,.mission-description p,.mission-bar .button{font-size:14px;color:#344d73}
.workflow{flex-wrap:wrap}.workflow li{font-size:13px;color:#4b607e}.workflow b{font-size:12px;width:25px;height:25px}
.workflow .done,.workflow .done b{color:#00676d}
.learning-tools{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 24px;margin:0 0 20px;font-size:13px}
.learning-tools>details{flex:1 1 360px}.learning-tools summary{cursor:pointer;font-weight:600;color:#2549b5}
.learning-tools nav{display:flex;gap:14px;flex-wrap:wrap}.learning-tools nav a{color:#2143b5;text-decoration:underline;text-underline-offset:3px}
#mission-progress{color:#425776;font-size:12px}#guide-content{max-width:850px;padding:8px 0 0;color:#344d73}
#guide-content p{font-size:14px}#guide-content dl{display:grid;grid-template-columns:150px 1fr;gap:8px 15px}#guide-content dt{font-weight:650}#guide-content dd{margin:0}
.plot-tabs{flex-wrap:wrap;overflow:visible;gap:5px}.plot-tabs button{font-size:13px;padding:9px 12px;min-height:40px;color:#435d80}
.view-toolbar p,.view-toolbar .micro,.view-toolbar select{font-size:12px;color:#425a7d}.view-toolbar{flex-wrap:wrap}
.plot-bottom,.legend,.badge,#sample-label{font-size:12px;color:#425a7d}.legend i.slate{background:#7589a9}
.plot-bottom{flex-wrap:wrap}.chart svg text{fill:#445b7a}
.metric>span{font-size:12px;color:#425a7d}.metric strong{font-size:27px}.metric strong.long-value{font-size:19px}
.diagnostic-summary span,.diagnostic-summary p{font-size:12px;color:#425a7d;line-height:1.6}.diagnostic-summary{flex-wrap:wrap}.diagnostic-summary>div{flex:1 1 100px}
.field label,.field select{font-size:14px}.field output{font-size:13px}.field input[type=range]{min-height:28px}.range-labels{font-size:12px;color:#435978}
.controls-panel .panel-top h2{font-size:18px}.more-controls summary{font-size:13px;color:#425776}.training-status,.controls-panel>.micro{font-size:12px;color:#425a7d}
.reading h2{font-size:13px}.reading p{font-size:14px;color:#344d73}
.history-table th,.history-table td{font-size:13px}.history-table small{font-size:12px;color:#425776}.history-scroll{height:280px}
.history-table td:last-child{min-width:98px}.compare-button{margin:2px 3px 2px 0;font-size:12px;min-height:36px}
.comparison-summary{flex-wrap:wrap}.comparison-summary>span{font-size:13px;min-width:170px}.comparison-summary small{font-size:12px;color:#425776}
.empty p,.history-panel>.micro{font-size:12px;color:#425a7d}
.notebook-tools{display:flex;flex-wrap:wrap;gap:8px;padding:15px 23px 0;align-items:center}.notebook-tools label:not(.button){font-size:12px;color:#425a7d;flex-basis:100%;margin-top:8px}
.notebook-tools select{max-width:100%;min-width:0;flex:1;border:1px solid #b9c9e3;border-radius:7px;padding:9px;background:white;color:#10234a;font-size:13px}
#import-file{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}label[for=import-file]{cursor:pointer}
.notebook-tools:has(#import-file:focus-visible) label[for=import-file]{outline:3px solid #008b93;outline-offset:3px}
.concept-check{border:0;padding:0;margin:0 0 20px;min-width:0}.concept-check legend{font-size:15px;font-weight:600;line-height:1.5;padding:0;margin:0 0 12px;color:white}
.concept-check>label{display:flex;align-items:flex-start;gap:10px;border:1px solid #718aba;border-radius:8px;padding:11px 12px;margin:8px 0;font-size:14px;line-height:1.5;cursor:pointer;background:#ffffff08;color:#fff}
.concept-check input{flex-shrink:0;margin:5px 0 0;accent-color:#71d7ed;width:16px;height:16px}.concept-check label:has(:checked){border-color:#99e2ee;background:#ffffff14}
.choice-feedback{min-height:26px;margin:10px 0 0;color:#ffe1b5;font-size:13px;line-height:1.6}.choice-feedback[data-correct=true]{color:#a9f3df}
.assessment-panel .prediction label,.assessment-panel .prediction select,.assessment-panel textarea{font-size:14px}.assessment-panel .prediction label{color:#fff}
.assessment-panel .micro,.readiness{font-size:12px!important;color:#d1dff5!important}.readiness{margin-bottom:16px!important}
.assessment-panel .result-strip span,.assessment-panel .result-text{font-size:14px;color:#e0eaff}.assessment-panel .overline{color:#cfdef8}
.reason-details,.interval-details{font-size:13px;margin:14px 0 18px;color:#e0eaff}.reason-details summary,.interval-details summary{cursor:pointer;color:#d1dff5}
.reason-details p,.interval-details p{line-height:1.6;overflow-wrap:anywhere}.reason-details textarea{width:100%;min-height:80px;resize:vertical;padding:10px;border:1px solid #718aba;border-radius:8px;margin-top:8px}
#practice-status{padding:12px;background:#ffffff0c;border-radius:8px;font-size:14px;color:#bdf4e7}
.chart-table{border-top:1px solid #dbe3f0;padding:13px 23px;font-size:13px}.chart-table summary{cursor:pointer;color:#294673;font-weight:600}
#chart-data{max-height:260px;overflow:auto;margin-top:12px;overscroll-behavior:contain}#chart-data table,.freeze-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}
#chart-data caption{text-align:left;padding:0 0 10px;color:#425776}#chart-data td,#chart-data th,.freeze-table td,.freeze-table th{padding:8px 12px 8px 0;border-bottom:1px solid #dbe3f0;vertical-align:top;font-variant-numeric:tabular-nums}
#chart-data th{position:sticky;top:0;background:white}.code-bridge{margin-top:24px;padding:23px;border:1px solid #cbdaf3;border-radius:15px;background:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px}.code-bridge>div{flex:1 1 380px}.code-bridge h2{margin:5px 0;font-size:20px}.code-bridge p{font-size:14px;color:#425776;margin:8px 0 0}.code-bridge>.micro{flex-basis:100%;font-size:12px}
.method,.method summary,.method>div,.method h3{font-size:14px}.method summary>span{font-size:12px;color:#425776}.method .equation{font-size:18px}footer{font-size:12px;color:#425776}
dialog p,dialog li{font-size:14px;color:#425776}.export-options strong{font-size:14px}.export-options small{font-size:13px}.icon-button{min-height:40px;min-width:40px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #008594;outline-offset:4px}
.assessment-panel :focus-visible{outline-color:#86e3f1}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 285px}.plot-panel>.panel-top{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,1fr);gap:14px 0}.metric:nth-child(2){border:0}.mission-description p,.mission-bar .button{font-size:13px}.chart{height:350px}}
@media(max-width:760px){main{padding:18px 16px 0}.workspace{grid-template-columns:1fr}.chapter-nav a{font-size:12px;line-height:1.45}.chapter-nav a>span{font-size:11px}.intro h1{font-size:31px}.intro>div>p:last-child{font-size:15px}.mission-bar{grid-template-columns:1fr}.mission-description{grid-row:auto}.mission-bar .button{font-size:13px}.mission-selector select{font-size:14px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workflow li{font-size:12px}.workflow b{width:24px;height:24px;font-size:12px}.learning-tools{gap:12px}.learning-tools>details{flex-basis:100%}.learning-tools nav{font-size:12px}.plot-tabs button{font-size:13px;white-space:normal;padding:8px 10px}.plot-tabs{padding:0 16px 12px}.badge{font-size:11px}.view-toolbar p,.legend,#sample-label{font-size:12px}.chart{height:325px}.metric>span{font-size:12px}.metric strong{font-size:26px}.diagnostic-summary span,.diagnostic-summary p{font-size:12px}.controls-panel #controls{gap:0 18px}.field label,.field select{font-size:14px}.range-labels{font-size:12px}.training-status{font-size:12px}.reading p{font-size:14px}.history-scroll{padding:0 16px}.history-table th,.history-table td{font-size:12px}.history-table small{font-size:12px}.assessment-panel .prediction label,.assessment-panel .prediction textarea,.assessment-panel .prediction select{font-size:14px}.method summary,.method>div{font-size:14px}#guide-content dl{grid-template-columns:1fr;gap:2px}#guide-content dd{margin-bottom:10px}.code-bridge{padding:18px}.code-bridge .button{width:100%}.code-bridge h2{font-size:19px}}
@media(max-width:380px){main{padding-left:12px;padding-right:12px}.site-head{gap:8px}.site-head img{width:155px}.chapter-nav a{font-size:11px;flex-direction:column}.controls-panel #controls{grid-template-columns:1fr}.more-controls>div{grid-template-columns:1fr}.workflow li{font-size:12px}.plot-panel .panel-top h2{font-size:18px}.chart{height:300px}.controls-actions{flex-wrap:wrap}.controls-actions .button{flex-basis:100%}.mission-bar .button{font-size:13px}.comparison-summary>span{flex-basis:100%}.notebook-tools{padding:15px 16px 0}.notebook-tools .button{font-size:12px}.history-table td:last-child{min-width:76px}.history-table td,.history-table th{padding-right:7px}.compare-button{display:block;width:100%}.concept-check>label{font-size:14px}dialog{padding:20px}#freeze-details{overflow:auto}.chart-table{padding-left:16px;padding-right:16px}}

/* Current foundation experience: keep the decision visible, disclose detail on demand. */
[hidden]{display:none!important}
.phase-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #cfdbed;border-radius:13px;overflow:hidden;background:#cfdbed;margin:0 0 17px}
.phase-strip>div{position:relative;display:grid;grid-template-columns:12px 1fr;column-gap:10px;row-gap:2px;align-items:center;background:#fff;padding:14px 18px;color:#425776}
.phase-strip strong{font-size:13px;font-weight:650}.phase-strip small{grid-column:2;font-size:12px;line-height:1.4}.phase-strip .active{background:#eaf0ff;color:#173eac}.phase-strip .sealed{background:#f8faff}.phase-dot{width:7px;height:7px;background:#a1b1ca;border-radius:50%}.active .phase-dot{background:#244bf5;box-shadow:0 0 0 4px #244bf512}.sealed .phase-dot{border-radius:2px;background:#10234a}
.investigation-lens{display:grid;grid-template-columns:1.03fr 1.1fr 1fr;gap:25px;align-items:start;padding:22px 24px;margin:0 0 18px;border:1px solid #d7e1f1;border-left:4px solid #244bf5;border-radius:12px;background:#fff}
.lens-label,.control-kicker,.step-kicker{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#244bf5}.investigation-lens h2{font-size:18px;letter-spacing:-.25px;line-height:1.4;margin:7px 0 0;color:#10234a}.investigation-lens p{font-size:13px;line-height:1.65;color:#465d7d;margin:0}.investigation-lens strong{display:block;margin-bottom:5px;color:#193961;font-size:12px}
.controls-panel #controls{display:block}.mission-control{padding:15px 16px 1px;border:1px solid #c7d7ff;background:#f5f8ff;border-radius:10px;margin-bottom:20px}.mission-control .control-kicker{display:block;margin-bottom:13px}.mission-control .field{margin-bottom:17px}.more-controls{border-top:1px solid #e0e8f4;padding-top:15px}.more-controls summary{font-weight:600;line-height:1.5}.more-controls .micro{font-size:12px;color:#4b607e;line-height:1.6;margin:10px 0 0}.more-controls>div{display:block}.more-views{margin-left:auto!important;text-decoration:underline;text-underline-offset:3px}.plot-tabs .more-views{color:#3c557a;font-size:12px}
.selection-hint{flex:1 1 180px;font-size:12px;color:#3f5980}.selection-hint summary{cursor:pointer;font-weight:650}.selection-hint p{padding-top:7px}.diagnostic-summary strong{line-height:1.5}.learning-tools{align-items:center}.learning-tools>details{flex-basis:330px}.learning-tools #mission-progress{margin-left:auto}
.assessment-step{border-top:1px solid #6d88b05c;padding:18px 0 0;margin:18px 0 0;min-width:0}.assessment-step:first-child{border-top:0;margin-top:0;padding-top:0}.assessment-step>summary{cursor:pointer;font-size:15px;font-weight:650;line-height:1.45;color:#fff;margin-bottom:17px;list-style:none;display:flex;align-items:center;gap:11px}.assessment-step>summary:after{content:'−';margin-left:auto;color:#b7cffa;font-size:21px;font-weight:400}.assessment-step:not([open])>summary:after{content:'+'}.assessment-step>summary::-webkit-details-marker{display:none}.assessment-step>summary>span{display:inline-grid;place-items:center;border:1px solid #91abda70;background:#ffffff0a;border-radius:7px;width:29px;height:29px;color:#dbe8ff;font-size:11px;flex-shrink:0}.assessment-step h3{font-size:16px;line-height:1.5;color:#fff;margin:15px 0 8px}.assessment-step .step-kicker,.frozen-banner .step-kicker{color:#b7d3ff}.assessment-intro{font-size:14px;line-height:1.6;color:#e0eaff;margin:7px 0 20px}.frozen-banner{border-left:3px solid #84b1ff;padding:3px 0 3px 12px;margin:0 0 17px}.frozen-banner p{font-size:13px;line-height:1.55;margin:7px 0 0;color:#d7e5ff}.phase-caption{font-size:10px;letter-spacing:.6px;font-weight:650;line-height:1.6;color:#bed4f7;margin:0 0 12px}
.evidence-table-wrap{overflow-x:auto;margin:12px 0 22px;border:1px solid #8ca9d447;border-radius:9px;background:#071b3524;max-width:100%}.evidence-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;font-variant-numeric:tabular-nums;color:#eaf1ff}.evidence-table caption{text-align:left;caption-side:top;padding:13px 14px;color:#d3e2fb;font-size:12px;line-height:1.65;min-width:220px}.evidence-table th,.evidence-table td{padding:11px 13px;border-top:1px solid #8ca9d43b;vertical-align:top;line-height:1.5;overflow-wrap:anywhere}.evidence-table thead{background:#fff1}.evidence-table th{font-weight:550}.evidence-table tbody th{color:#d9e7fd;min-width:110px}.evidence-table td{min-width:68px}.evidence-table-wrap:focus-visible{outline-offset:3px}.transfer-attempt-status{color:#d7e6ff;font-size:12px;line-height:1.6;padding:12px 0 0}.transfer-attempt-status:empty{display:none}.concept-check:last-child{margin-bottom:8px}.choice-feedback:empty{min-height:0;margin:0}.assessment-panel .button{min-height:44px}.assessment-panel .result-strip{margin-bottom:16px}.assessment-panel .interval-details{font-size:12px}
@media(min-width:1100px){.intro h1{font-size:39px}.assessment-panel{position:relative}.lower-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr)}.history-panel{position:sticky;top:18px}}
@media(max-width:1050px){.investigation-lens{grid-template-columns:1fr 1fr;gap:15px 24px}.investigation-lens>div{grid-column:1/-1}.investigation-lens h2{font-size:18px;margin-top:5px}.phase-strip>div{padding:12px}.phase-strip small{font-size:11px}.learning-tools #mission-progress{margin-left:0}.mission-control{padding:13px 12px 1px}}
@media(max-width:760px){.phase-strip{gap:0;grid-template-columns:1fr;border-radius:11px}.phase-strip>div{grid-template-columns:10px minmax(110px,.75fr) 1fr;gap:8px;padding:10px 14px;border-bottom:1px solid #e1e9f5}.phase-strip>div:last-child{border:0}.phase-strip small{grid-column:auto;font-size:11px}.phase-strip strong{font-size:12px}.investigation-lens{padding:17px 18px;gap:13px;grid-template-columns:1fr}.investigation-lens>div{grid-column:auto}.investigation-lens h2{font-size:18px}.investigation-lens p{font-size:13px}.investigation-lens strong{display:inline;margin-right:7px}.lens-label{font-size:10px}.more-views{margin-left:0!important}.assessment-panel .panel-top{padding:20px 18px 13px}.assessment-step>summary{font-size:15px}.evidence-table th,.evidence-table td{padding:10px 11px}.evidence-table caption{padding:12px}.mission-control .field{margin-bottom:16px}.code-bridge>.micro{line-height:1.7}.history-panel{position:static}.workflow li:not(:last-child):after{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}