/* Content-led entry and readable conceptual reference. */
:root{--ink:#263347;--muted:#5d6878;--green:#355fa1;--border:#d8dfe8;--paper:#fff;--bg:#f6f8fb;--blue:#355fa1;--coral:#c0d0e7;--lime:#e7edf6}
body{font-size:15px;background:var(--bg)}header{min-height:86px;margin:0 4vw;border-bottom:1px solid #d5deea;gap:20px}header .identity{gap:11px}.product-mark{display:grid;place-items:center;background:#355fa1;color:white;width:40px;height:40px;border-radius:10px;font-family:Georgia,serif;font-size:27px}.product-title{font-size:16px;font-weight:650;letter-spacing:-.3px;line-height:1.3;max-width:230px}.product-title small{display:block;font-size:11px;font-weight:400;color:#67758a;letter-spacing:0;margin-top:4px}header nav{gap:18px;flex-wrap:wrap}header nav a{font-size:12px;color:#42526b}.content-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start;padding:36px 0 34px}.content-intro .eyebrow{font:11px/1.7 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;color:#586c89}.content-intro h1{font:650 clamp(28px,3vw,43px)/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:-1.1px;margin:13px 0 18px}.content-intro .intro-description{color:#5d6878;font-size:15px;max-width:580px;line-height:1.8}.entry-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:23px}.entry-links a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 16px;border:1px solid #bdcbe0;border-radius:8px;font-size:13px;text-decoration:none;color:#355fa1}.entry-links a:first-child{background:#355fa1;color:white;border-color:#355fa1}.entry-example{border:1px solid #d2deed;border-radius:15px;background:#fff;padding:21px 24px;box-shadow:0 4px 15px #26334705}.entry-example .example-kicker{display:block;color:#546c8a;font-size:11px;letter-spacing:.04em}.entry-example blockquote{margin:10px 0 12px;padding:0;border:0;font:500 21px/1.5 "Segoe UI",Arial,sans-serif;color:#263347}.entry-example .example-question{margin:7px 0 12px;font-size:13px;color:#617087}.entry-example button{font-size:12px;background:#ecf2fa;color:#355fa1;border:1px solid #c5d5e9;border-radius:7px;padding:8px 14px;min-height:38px}.entry-model{border-top:1px solid #e1e7ef;padding-top:16px;margin-top:18px}.mini-fraction{display:flex;align-items:center;gap:12px;margin:10px 0}.mini-fraction>span{width:35px;font:14px Consolas,monospace}.fraction-bar{display:grid;flex:1;height:25px;border:1px solid #8aa4c5}.fraction-bar.four{grid-template-columns:repeat(4,1fr)}.fraction-bar.eight{grid-template-columns:repeat(8,1fr)}.fraction-bar i{border-right:1px solid #8aa4c5;background:#f2f5fa}.fraction-bar i:last-child{border-right:0}.fraction-bar i:first-child{background:#658ab5}.entry-model p{font-size:13px;color:#3f5570;line-height:1.75;margin-bottom:0}.finder{border-color:#c9d5e4;margin-bottom:28px}.route-title .eyebrow{font:12px "Segoe UI",Arial,sans-serif;letter-spacing:0;font-weight:650}.route-title>span:last-child{font-size:11px}.grades{border-color:#c7d3e3;background:white}.grades button{border-color:#d9e2ed}.grades button[aria-pressed=true]{background:#e2ebf8;color:#2c4f83}.grade-number{font-family:"Segoe UI",Arial,sans-serif;font-size:30px;font-weight:550}.find-row>label{font-family:"Segoe UI",Arial,sans-serif;font-size:11px;letter-spacing:0}.outcomes .eyebrow{font:11px "Segoe UI",Arial,sans-serif;letter-spacing:.04em;color:#677890}.list-head h2{font:600 21px "Segoe UI",Arial,sans-serif;margin-top:8px}.outcome[aria-current=true]{background:#e6eef9;color:#263347;box-shadow:inset 3px 0 #5278ad}.outcome[aria-current=true] .code{color:#3c5f91}.outcome[aria-current=true] small{color:#64758b}.outcome[aria-current=true]::before{color:#3c5f91}.outcome:hover{background:#edf2f8}.panel:first-child{background:#eef3fa;border-color:#d1deee;border-radius:13px}.panel:first-child h2{font:550 clamp(23px,2.25vw,32px)/1.45 "Segoe UI",Arial,sans-serif;letter-spacing:-.5px}.panel:first-child .breadcrumb{color:#5b6e87}.panel:first-child .code-tag,.panel:first-child .outcome-links a{color:#355fa1}.panel:first-child .soft{color:#5b6e87;border-color:#d3deeb}.problem{background:white;border-color:#d3deeb}.problem strong{font:500 17px/1.5 "Segoe UI",Arial,sans-serif}.problem[aria-pressed=true]{background:#e8eff9;border-color:#98b2d4}.problem:hover{background:#eef3fb}.problem[aria-pressed=true]::after{background:#5278ad}.tabs{background:#edf2f9;border-color:#c8d6e8}.tabs button[aria-pressed=true]{background:#4a6b98}.tabs button:hover:not([aria-pressed=true]){background:#e0e9f5}.tabs button[aria-pressed=true]::before{color:#e1eaf7}.info-grid p,.prompt>p,.conflict-task>p{font-family:"Segoe UI",Arial,sans-serif}.info-grid p{font-size:20px}.primary{background:#355fa1;border-color:#355fa1}.secondary{color:#355fa1;border-color:#b1c3df}.primary:hover,.secondary:hover{background:#e1eaf7;color:#263347;border-color:#96afd0}.prompt{background:#f0f4fb;border-color:#cbd9ec}.prompt::before{background:#dfe8f5;color:#355fa1;border-color:#a5bad7}.representation-keys>span{background:#edf2f8;border-color:#d7e0ec}.conflict-task{background:#f3f0eb;border-left-color:#ab8a61}.conflict-result{background:#edf3ed;border-color:#cfdfd0}.formula{background:#e9eff8;color:#2f4f78;border-color:#d0dced}.lab-box{background-color:white;border-color:#d0dced}.prediction-trace{background:#edf2f9}.source a{color:#355fa1}.focus-mode .content-intro{display:none}footer{font-family:"Segoe UI",Arial,sans-serif;font-size:11px;color:#68788e;border-color:#cbd6e5}
.guide-shell{max-width:1250px;margin:0 auto;padding:35px 4vw 70px}.guide-top{max-width:840px}.guide-top h1{font:650 clamp(29px,3.5vw,43px)/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:-1px;margin:12px 0 18px}.guide-top>p{font-size:17px;line-height:1.9;color:#53637a}.guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:42px;align-items:start;margin-top:32px}.guide-toc{position:sticky;top:22px;display:flex;flex-direction:column;gap:0;border-left:2px solid #d9e3ef}.guide-toc a{font-size:12px;line-height:1.6;color:#4e6585;text-decoration:none;padding:8px 15px}.guide-toc a:hover{background:#e9eff8}.guide-content{max-width:790px;min-width:0}.guide-content section{margin-bottom:36px;padding-bottom:27px;border-bottom:1px solid #d9e2ec;scroll-margin-top:25px}.guide-content h2{font:650 24px/1.4 "Segoe UI",Arial,sans-serif;margin:0 0 16px;letter-spacing:-.3px}.guide-content h3{font:600 18px/1.5 "Segoe UI",Arial,sans-serif;margin:24px 0 10px}.guide-content p,.guide-content li{font-size:16px;line-height:1.95}.guide-content li{padding:3px 0}.definition{background:#e9f0fa;border:1px solid #cbdbee;border-left:4px solid #557db0;border-radius:0 12px 12px 0;padding:20px 23px;font-size:18px;line-height:1.9;margin:20px 0}.guide-note{padding:16px 20px;background:#fff;border:1px solid #d7e0eb;border-radius:10px;margin:18px 0}.guide-note p:last-child{margin-bottom:0}.guide-note .note-title{font-size:12px;font-weight:650;color:#526c91;letter-spacing:.04em}.guide-table-wrap{overflow-x:auto;margin:20px 0}.guide-table{border-collapse:collapse;width:100%;font-size:14px;background:white}.guide-table th,.guide-table td{padding:14px;border:1px solid #d8e1ed;text-align:left;vertical-align:top;line-height:1.8;min-width:150px}.guide-table th{background:#eaf0f8}.guide-example{background:white;border:1px solid #d4dfed;padding:20px 23px;border-radius:12px;margin:20px 0}.guide-example h3{margin-top:0}.guide-example .math-statement{font:22px/1.7 Consolas,monospace;color:#355fa1}.guide-content .citation{font-size:12px;color:#697a91}.guide-content .citation a{color:#536d93}.guide-case{background:white;border:1px solid #d4dfed;border-radius:12px;padding:22px;margin:18px 0}.guide-case h3{margin-top:0}.case-choices{display:flex;gap:8px;flex-wrap:wrap}.case-choices button{border:1px solid #b8cce5;border-radius:7px;background:#f0f5fb;color:#355fa1;padding:8px 11px;font-size:12px;min-height:40px}.case-choices button[aria-pressed=true]{background:#355fa1;color:white}.case-feedback{margin-top:18px;padding:17px;background:#eef3f9;border-radius:8px}.case-feedback p{font-size:14px;line-height:1.9}.guide-content details{border:1px solid #d5e0ed;background:#fff;border-radius:10px;margin:14px 0}.guide-content summary{padding:17px 20px;cursor:pointer;font-weight:600;font-size:15px}.guide-content details>div{padding:0 20px 18px}.guide-content .source{font-size:13px;line-height:1.9}.guide-next{display:inline-block;padding:12px 18px;background:#355fa1;color:white;text-decoration:none;border-radius:8px;font-size:14px}
@media(max-width:980px){.content-intro{gap:23px;grid-template-columns:1fr 1fr}.content-intro h1{font-size:32px}.guide-layout{grid-template-columns:170px minmax(0,1fr);gap:26px}header nav{gap:12px}.product-title{font-size:14px;max-width:200px}}
@media(max-width:760px){header{flex-wrap:wrap;padding:17px 0;gap:14px;min-height:0}header nav{width:100%;justify-content:flex-start;gap:16px}header nav a{font-size:12px}#focus-mode{margin-left:auto}.content-intro{display:block;padding:26px 0}.content-intro h1{font-size:31px;letter-spacing:-.7px}.content-intro .intro-description{font-size:14px;max-width:none}.entry-example{margin-top:25px;padding:20px}.entry-example blockquote{font-size:19px}.entry-links a{font-size:12px}.guide-layout{display:block;margin-top:22px}.guide-toc{position:static;display:flex;flex-direction:row;flex-wrap:wrap;border:0;gap:6px;margin-bottom:30px}.guide-toc a{padding:7px 11px;border:1px solid #cbd9eb;border-radius:7px;background:white;font-size:11px}.guide-content h2{font-size:22px}.guide-content p,.guide-content li{font-size:15px;line-height:1.9}.guide-top>p{font-size:16px}.definition{font-size:17px;padding:17px}.guide-shell{padding-top:26px}.guide-top h1{font-size:31px}.guide-case{padding:18px}.panel:first-child h2{font-size:24px}}
@media print{header,.guide-toc,.entry-links,.entry-example button,.case-choices{display:none}.guide-layout{display:block}.guide-content{max-width:none}.guide-content section{break-inside:auto}.guide-case,.guide-example{break-inside:avoid}.content-intro{display:none}body{background:white}}

.extended-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin:20px 0}.extended-controls label{display:flex;flex-direction:column;gap:8px;font-size:13px}.extended-controls input[type=range]{width:100%;accent-color:#527ca9;min-height:36px}.extended-controls output{font-variant-numeric:tabular-nums;color:#355fa1}.extended-table,#extended-history{overflow:auto;margin:18px 0}.extended-table caption,#extended-history caption{text-align:left;font-size:13px;color:#617087;margin:10px 0}.extended-table table,#extended-history table{width:100%;border-collapse:collapse}.extended-table th,.extended-table td,#extended-history th,#extended-history td{padding:10px;text-align:left;border-bottom:1px solid #d8dfe8;font-size:13px}.extended-table th{font-weight:550}#extended-model svg{display:block;width:100%;height:auto}#extended-formula{white-space:normal;overflow-wrap:anywhere}#extended-prediction,#extended-reflection{min-height:95px;width:100%}

@media(max-width:600px){#extended-model{overflow-x:auto}#extended-model svg{min-width:500px}.extended-controls{grid-template-columns:1fr}}

.focus-mode .content-intro{display:none}#atlas{scroll-margin-top:20px}.extended-controls input:focus-visible{outline:3px solid #a36713;outline-offset:3px}@media print{.content-intro,.extended-controls,#extended-reveal,.guide-case button{display:none}}

.mapping-note,.learning-evidence{border:1px solid #d1deec;background:#f7f9fc;border-radius:10px;padding:16px;margin:18px 0}.mapping-note summary{font-size:13px;cursor:pointer;color:#355fa1}.learning-evidence textarea{display:block;width:100%;min-height:85px;margin:8px 0 16px}.evidence-check{display:flex;gap:10px;align-items:start;margin:12px 0}.coverage-note{font-size:12px;color:#5d6878;line-height:1.7;margin:18px 0 0}.learning-evidence label{font-size:14px}.learning-evidence details{margin:18px 0}

/* Work records and a readable comparison of the learner's explanations. */
.record-panel{padding:24px;margin:22px 0;background:white;border:1px solid #bdcde2;border-radius:12px;max-width:960px}.record-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.record-heading h2{margin:0;font-size:24px}.record-panel label{display:block;margin:16px 0 8px}.record-panel input[type=file]{max-width:100%;padding:10px;border:1px solid #a6bcd7;border-radius:6px}.record-panel blockquote{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;padding:14px 18px;border-left:3px solid #537eb5;background:#f0f4fa}.record-panel #record-warnings{color:#695025}.record-collision{background:#fff7e9;border:1px solid #d9bf8f;border-radius:8px;padding:18px;margin:18px 0}.record-collision label{display:flex;align-items:start;gap:10px;line-height:1.7}.record-collision input{flex-shrink:0;margin-top:6px}.record-panel button:disabled{opacity:.5;cursor:not-allowed}.thinking-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 28px}.thinking-comparison>div{padding:16px;background:white;border:1px solid #cbd9e9;border-top:3px solid #6a85a9;border-radius:6px;min-width:0}.thinking-comparison>div+div{border-top-color:#427c75}.thinking-comparison p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8}.thinking-comparison .label{font-size:11px}.previous-observations{background:#f4eee4;padding:12px 18px;border-radius:6px}.previous-observations h4{margin:0}#record-message{min-height:1.6em}.record-panel[hidden],.record-panel [hidden]{display:none}#open-learning-record{min-height:40px;padding:8px 12px;border:1px solid #b9cce3;border-radius:6px;color:#355fa1;background:#f1f5fa;font-size:12px}#open-learning-record:focus-visible,.record-panel :focus-visible{outline:3px solid #9e691c;outline-offset:3px}@media(max-width:600px){.thinking-comparison{grid-template-columns:1fr}.record-panel{padding:18px}.record-heading h2{font-size:20px}}@media print{.record-panel,#download-learning-record,#practice-download{display:none}.thinking-comparison{break-inside:avoid}}

/* Fractions: keep the quantity and unit beside each other. */
.fraction-controls{flex:1 1 260px;min-width:0;border:1px solid var(--border);border-radius:10px;padding:14px}.fraction-controls legend{padding:0 8px;font-weight:650}.model-controls .fraction-controls label{display:flex;justify-content:space-between;flex-wrap:wrap;margin:8px 0}.fraction-controls p{margin:8px 0}.fraction-investigation{border-left:3px solid #b57d52;padding:4px 0 4px 18px;margin:20px 0}.fraction-cases{display:flex;flex-wrap:wrap;gap:10px}.fraction-cases button{text-align:left;flex:1 1 210px}.fraction-investigation h4{margin-top:5px}

.reflection-cell{cursor:crosshair}.reflection-cell:hover{fill:#ba805933}.reflection-cell:focus{fill:#ba805944;outline:none;stroke:#9c621b;stroke-width:2}.previous-tasks{padding:18px;border:1px solid #b4c6dc;border-left:4px solid #527ca9;border-radius:8px;margin-bottom:22px;background:#f5f8fc}.previous-tasks details{margin:12px 0}.previous-tasks pre{white-space:pre-wrap}.previous-tasks p{white-space:pre-wrap}

.lab-box.interactive-reflection{overflow-x:auto}.lab-box.interactive-reflection svg{min-width:600px;max-height:none}

.task-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0 20px}.task-actions p{flex-basis:100%;font-size:14px;margin:0}.task-actions button{min-height:44px}