:root{font-family:'Nunito',system-ui,sans-serif;color:#173d3d;background:#f6f4e9}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:#0e6670}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#173d3d;color:white;padding:1rem max(1rem,calc((100vw - 1100px)/2))}.topbar a{color:white;text-decoration:none}main{max-width:1100px;margin:auto;padding:1.2rem}.hero,.mission,.source-note{background:white;border:2px solid #d8e5dc;border-radius:22px;padding:1.4rem;box-shadow:0 8px 24px #173d3d10}.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:.1rem 0}.hero p{max-width:60ch;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#087e7b;font-size:.8rem;font-weight:900}.progress{height:15px;background:#e9eee8;border-radius:999px;overflow:hidden}.progress div{height:100%;width:0;background:#32aa80;transition:width .3s}.progress-text{font-weight:800}.unit-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.55rem;margin:1rem 0}.unit-nav button{border:2px solid #d5e6dc;background:white;border-radius:14px;padding:.75rem;text-align:left;color:#173d3d;font-weight:800;min-height:68px}.unit-nav button[aria-current="true"]{border-color:#0d777a;background:#e2f5ee}.unit-nav button.done::before{content:'✓ ';color:#087c61}.mission h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:.1rem 0 1rem}.visual{min-height:95px;border-radius:17px;padding:1rem;display:flex;justify-content:center;align-items:center;gap:.55rem;background:#eaf7f2;overflow:auto;margin-bottom:1rem}.visual .chip{background:white;border:2px solid #7db8ac;border-radius:12px;padding:.55rem .7rem;font-size:1.2rem;font-weight:900;white-space:nowrap}.visual .red{background:#ed7d75}.visual .blue{background:#83b6e6}.visual .bar{height:58px;width:18px;background:#239c89;border-radius:4px}.visual .dots{display:grid;grid-template-columns:repeat(5,10px);gap:5px}.visual .dots i{width:10px;height:10px;border-radius:50%;background:#df9250}.visual .square{width:65px;height:65px;background:#f7c26d;border:3px solid #336852}.visual .circle{width:65px;height:65px;background:#82b4ea;border-radius:50%;border:3px solid #336852}.visual .fraction{display:grid;grid-template-columns:repeat(4,26px);gap:2px}.visual .fraction i{width:26px;height:45px;background:#f7c26d;border:2px solid #336852}.visual .fraction i:nth-child(n+3){background:white}.visual .tally{font-size:2.6rem;letter-spacing:.2em}.visual .clock{width:95px;height:95px;border:5px solid #336852;border-radius:50%;position:relative;background:white}.visual .clock::before{content:'';position:absolute;width:4px;height:31px;background:#d9705b;left:calc(50% - 2px);top:13px;transform-origin:bottom;transform:rotate(120deg)}.visual .clock::after{content:'';position:absolute;width:5px;height:23px;background:#336852;left:calc(50% - 2px);top:22px;transform-origin:bottom;transform:rotate(25deg)}.visual .thermo{height:95px;width:28px;border:3px solid #336852;border-radius:16px;position:relative;background:linear-gradient(to top,#e65d55 63%,white 63%)}.visual .thermo::after{content:'';position:absolute;width:31px;height:31px;border:3px solid #336852;border-radius:50%;background:#e65d55;bottom:-16px;left:-5px}.visual .venn{width:85px;height:85px;border:3px solid #0d777a;border-radius:50%;margin-right:-27px;background:#92d5ca99}.visual .venn+.venn{background:#f7c26d99}.visual .grid{display:grid;grid-template-columns:repeat(5,19px);gap:3px}.visual .grid i{height:19px;background:white;border:1px solid #7db8ac}.visual .grid i:nth-child(5n+3){background:#ed7d75}.topic{padding:1.15rem 0;border-top:1px solid #dce9e0}.topic h3{margin:0 0 .45rem}.topic p{line-height:1.5}.prompt{font-weight:800}.answer-row{display:flex;gap:.5rem;flex-wrap:wrap}.answer-row input{min-width:185px;max-width:100%;flex:1;padding:.75rem;border:2px solid #aac9bd;border-radius:11px}.answer-row button,.show-answer,.mission-footer button{background:#0f7773;color:white;border:0;border-radius:11px;padding:.7rem 1rem;font-weight:800}.show-answer{background:white;color:#0f7773;border:2px solid #0f7773;margin-top:.6rem}.feedback{font-weight:800;min-height:1.5rem}.feedback.correct{color:#08734d}.feedback.try{color:#a55026}.solution{background:#f7f4df;border-left:4px solid #dfad4c;padding:.65rem 1rem;border-radius:8px}.mission-footer{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}.mission-footer button:disabled{opacity:.45;cursor:default}.source-note{margin:1rem 0;line-height:1.5}.source-note summary{font-weight:900;cursor:pointer}@media(max-width:500px){main{padding:.7rem}.hero,.mission,.source-note{padding:1rem}.unit-nav{grid-template-columns:repeat(2,1fr)}}
.project{background:#e9f6ec;border:2px solid #b8d9c4;border-radius:13px;padding:1rem;margin:.8rem 0;line-height:1.5}.project summary{font-weight:900;cursor:pointer}