body{background:#f3f1e9;color:#173c42}.hero{background:transparent;color:#173c42;border-radius:0;padding:25px 0;grid-template-columns:1fr}.hero img{display:none}.hero h1{font:normal clamp(2.5rem,5vw,3.8rem)/1.05 Georgia,serif;letter-spacing:-.04em}.hero em{color:#0b716d}.hero .eyebrow,.hero .teacher-note{color:#476b64}.studio{background:#fffdf8;border-color:#b9cfc2;border-radius:14px}.surface{background:#eff5ed;border-color:#b9cfc2;gap:35px;padding:30px}.stage-copy h3{font-family:Georgia,serif;font-weight:normal;color:#173c42}.stage-copy .ask{color:#365e57}.route-bar button{border-radius:7px}.route-bar button[aria-selected=true]{background:#173c42}.primary{background:#0b716d;border-color:#0b716d}.model-wrap{border-left:1px solid #b5cbbd;padding-left:28px}.model{min-height:210px}.strategy-brief{display:flex;gap:6px;margin:14px 0 16px}.strategy-brief span{flex:1;border-top:3px solid #c8d6cb;padding:9px 5px;font-size:.8rem;color:#50746a}.strategy-brief b{margin-left:6px}.strategy-brief [aria-current=step]{border-color:#0b716d;color:#173c42}.progress{margin-bottom:12px}.progress>div{display:none}.structure-proof{background:#fffdf8;border:1px solid #b7cbbc;padding:10px 15px;border-radius:6px;text-align:center;font-weight:bold;font-size:.92rem;margin-top:18px}.model-description{color:#355e56;font-size:.88rem;margin:10px 0 0}.caption{min-height:0;margin-bottom:0}.start-marker{position:absolute;bottom:0;transform:translateX(-50%);font-size:.72rem;font-weight:bold;white-space:nowrap;color:#173c42;border-bottom:7px solid #173c42;padding-bottom:7px}.projector .surface .teacher-note{display:block}.projector .model-description{display:block}.projector .strategy-brief{margin:7px 0}.resources{background:#e3eee3}.array{background:#294b46}.array .known{background:#23766c}.array .extra{background:#daaa56}.ten-frame{border-color:#173c42}.dot.a{background:#23766c}.dot.b{background:#daaa56}.array-label{color:#173c42}:focus-visible{outline:3px solid #a66618!important;outline-offset:4px!important}
@media(max-width:700px){.surface{padding:18px;gap:18px}.model-wrap{border-left:0;border-top:1px solid #b5cbbd;padding-left:0;padding-top:20px}.hero{padding:20px 0}.strategy-brief b{margin-left:0;display:block}.array .cell{width:21px;height:21px}.structure-proof{font-size:.88rem}.start-marker{font-size:.68rem}}

/* Keep controls after the model so they never cover its evidence. */
.controls{position:static}.model-wrap{align-self:stretch}.projector .surface .ask{display:block}

html{scrollbar-gutter:stable}