:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183d3a;background:#f5f7ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1160px;margin:auto;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}header>span{font-size:13px;color:#506761}.brand{font-size:24px;font-weight:850;text-decoration:none;color:#183d3a}main{max-width:1080px;padding:38px 28px 60px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:800;color:#487563}h1{font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-2px;margin:20px 0}.intro>p{font-size:17px;line-height:1.7;color:#526a63;max-width:390px}.intro .note{font-size:13px}.island{height:175px;max-width:350px;position:relative;margin-top:25px;overflow:hidden}.sun{position:absolute;right:42px;top:0;font-size:48px;color:#b87515}.tree{position:absolute;left:145px;top:12px;font-size:100px;color:#327c60;z-index:2}.land{position:absolute;left:64px;top:95px;width:230px;height:55px;background:#b4cb8e;border-radius:50%;border-bottom:17px solid #b9a377;z-index:1}.water{position:absolute;left:10px;bottom:0;width:330px;height:45px;border-radius:50%;background:#d2e9df}.card{background:white;padding:32px;border:1px solid #e0e7db;border-radius:26px;box-shadow:0 18px 45px #173d3710}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#566d65}.badge{padding:7px 10px;background:#e6f2dc;color:#365b2d;border-radius:8px;font-weight:800;letter-spacing:1px}h2{font-size:26px;letter-spacing:-.7px;margin:24px 0 8px}.card p{line-height:1.6}#instruction{color:#526a63;font-size:14px;margin-top:0}progress{width:100%;height:8px;appearance:none;border:0;border-radius:20px;overflow:hidden;background:#eaf0e6}progress::-webkit-progress-bar{background:#eaf0e6}progress::-webkit-progress-value{background:#488466}progress::-moz-progress-bar{background:#488466}.equation{font-size:52px;font-weight:800;text-align:center;letter-spacing:2px;margin:35px 0}label{font-size:13px;font-weight:750;display:block;margin-bottom:9px}.answer-row{display:flex;gap:10px}input{width:90px;min-width:0;border:2px solid #c5d5cc;border-radius:12px;padding:12px;font:700 24px system-ui;text-align:center}button{border:0;border-radius:12px;background:#235c48;color:white;font:700 14px system-ui;padding:16px 20px;cursor:pointer;min-height:48px}button:hover{background:#174432}button:disabled{opacity:.55;cursor:default}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #bf7b16;outline-offset:3px}.answer-row button{flex:1}#feedback{margin-top:20px;font-weight:650;font-size:15px;line-height:1.6}#feedback.error{color:#914b23}#feedback.success{color:#235c48}#explanation{margin-top:14px;border-radius:12px;background:#f4f7ed;padding:16px}#strategy{font-size:14px;margin-bottom:0}.dot-groups{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.group{display:flex;gap:5px;flex-wrap:wrap;max-width:120px}.dot{width:15px;height:15px;border-radius:50%;background:#347c60}.group.second .dot{background:#bb7624}.wide{width:100%;margin-top:18px}.card-footer{font-size:12px;color:#526a63;border-top:1px solid #e5ebe2;padding-top:20px;margin:28px 0 0}#summary{text-align:center;padding:20px 0}.reward{font-size:70px;color:#b87515}h3{font-size:25px}footer{text-align:center;color:#526a63;font-size:12px;padding:20px}[hidden]{display:none!important}@media(max-width:760px){header{padding:22px}header>span{font-size:11px}main{grid-template-columns:1fr;gap:22px;padding:12px 20px 30px;max-width:520px}.intro h1{font-size:38px}.intro>p{font-size:15px}.island{display:none}.intro .note{margin-bottom:0}.card{padding:24px}.equation{font-size:44px;margin:26px 0}}@media(prefers-reduced-motion:no-preference){progress{transition:all .2s}}

/* Stories use readable paragraph sizing instead of equation sizing. */
.equation.word-problem{font-size:24px;line-height:1.6;letter-spacing:0;text-align:left;font-weight:650;margin:28px 0;overflow-wrap:break-word}
@media(max-width:760px){.equation.word-problem{font-size:21px}}

.journey{font-size:13px;font-weight:700;color:#365b2d;margin-top:24px}.secondary{background:#e6f2dc;color:#234c38;width:100%;font-size:12px;padding:12px}.secondary:hover{background:#d5e8c7}.group{max-width:150px}

.save-panel{max-width:1024px;margin:0 auto 20px;padding:20px 28px;border-top:1px solid #cddacc}.save-panel p{font-size:14px;line-height:1.6}.save-actions{display:flex;flex-wrap:wrap;gap:10px}.save-actions button{font-size:13px}.save-actions .secondary{width:auto}#save-status{color:#526a63;font-size:12px}
@media(max-width:400px){.equation{font-size:34px;letter-spacing:0}.card{padding:20px}.answer-row{flex-wrap:wrap}.answer-row input{width:75px}.answer-row button{padding:12px;font-size:13px}.card-top{flex-wrap:wrap}.save-actions button{width:100%}}