:root{--bg:#f3f6fc;--paper:#ffffff;--ink:#071f4d;--muted:#4c5d78;--green:#e7efff;--line:#c9d5e8;--orange:#cf4b08}
body{color:var(--ink)}
.header{border-color:#c6d2e5;min-height:110px;height:auto;padding:15px 0;gap:25px}
.header nav{font-size:14px;gap:30px}.header nav a{color:#465b7c}.header nav .nav-active{color:var(--ink)}.nav-active:after{background:var(--orange)}
.maker-brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:0}.maker-brand>span{color:#4b5d78;font-size:9px;letter-spacing:.7px}.maker-brand img{width:139px;height:auto;display:block}
.brand-dot{color:#df5510}.brand-icon{background:#fff;border-color:#071f4d}.eyebrow,.section-heading .eyebrow{color:#4b5e7c}.tiny-dot{background:#2460c4}.hero-text{color:#405577;font-size:15px}.hero h1 span:after{background:#ffad66}.art-label,.art-caption{color:#526480}.art-fraction{color:#173e83}.art-line{border-color:#5079bf}.art-spark{color:#df5510}.hero-art{opacity:1}
.topic-tabs button{background:#fff;border-color:#b7c8e3;color:#294264;font-size:11px;font-weight:600}.topic-tabs button>span{color:#245dc0}.topic-tabs button:hover{background:#e3ecfc;border-color:#7296d2}.topic-tabs button.selected{background:#123d88;border-color:#123d88;color:#fff;box-shadow:0 3px 8px #123d881b}.topic-tabs button.selected>span{color:#fff}
.exercise-card,.calculator-card{border-color:#bbcce5;box-shadow:0 5px 16px #0e2d5a06}.exercise-toolbar{background:#eaf0fa;border-color:#cdd9ec}.select-label{font-size:11px;color:#4a5c77}.select-label select{font-size:12px;color:#0d2c60}.fresh-label{color:#385784;font-size:10px}.fresh-label .tiny-dot{background:#275fc4}.question-heading .eyebrow{color:#4a6080;font-size:10px}.question-prompt{font-size:16px;color:#102c57}.operation-pill{background:#e4edff;border-color:#c4d5f4;color:#1a4c9c;font-size:10px}.math-operator{color:#245dc0}.math-equals{color:#536d94}.answer-hint{color:#4e6180;font-size:11px;line-height:1.6}
.fraction-input input,.whole-input{background:#f6f9ff;border-color:#8ca4c9;color:#071f4d}.fraction-input input::placeholder,.whole-input::placeholder{color:#5a7195}.answer-input:after,.calculator-inputs .fraction-input:after{background:#5a7bad}.fraction-input input:focus,.whole-input:focus{border-color:#1757be;background:#fff;box-shadow:0 0 0 2px #2b66ce1a}.expand-indicator{color:#245dc0;font-size:23px}.expand-indicator>span{color:#526b91}
.button-primary{background:#071f4d;color:#fff}.button-primary:hover{background:#143f83}.button-outline{border-color:#829dc8;color:#173b72;background:#fff}.button-outline:hover{background:#e6efff}.button-text{color:#254c89}.button-text:hover{background:#e8f0ff}#new-task{background:#c94b0a;color:#fff;border-color:#c94b0a;font-size:12px}#new-task:hover{background:#a83805;border-color:#a83805}
.feedback{color:#ac3512;font-size:12px}.feedback.success{color:#16623f}.feedback.neutral{color:#405b85}.reload-note{color:#516785;font-size:11px}.section-note{color:#4d6382;font-size:12px}
.solution-card{background:#e4edff;border-color:#adc3e8}.solution-card .small-sticker{color:#c94b0a}.solution-card>.eyebrow{color:#375d96}.solution-card h3{color:#0a2d65}.solution-card #solution-placeholder p{color:#3a557b;font-size:12px}.solution-card #reveal-side{background:#fff;border-color:#7c9bcf;color:#153e7d}.solution-card #reveal-side:hover{background:#d5e4ff}.solution-doodle{color:#3d70bf}.solution-doodle i{color:#c94b0a}.solution-card>p.single-task-note{color:#43608b;border-color:#b6c9e9;font-size:11px}.solution-card .solution-panel{color:#304c75;font-size:12px}.solution-card .solution-panel h4{color:#0a2d65;font-size:12px}.solution-math{background:#fff;border:1px solid #bdcff0;color:#0a2d65}
.calculator-result{background:#eaf0fc;border-color:#c8d7ef}.result-kicker{color:#355b93;font-size:9px}.result-decimal{color:#365881}.empty-result{color:#536c91}.empty-result strong{color:#173f7d}.input-caption{color:#496183;font-size:9px}.calc-operator-label select{background:#e5eeff;border-color:#a5bce1;color:#174589}.calculator-steps{background:#eaf0fc;border-color:#b9cdee;color:#34517b}
.rules-grid{border-color:#c3d0e4;background:#fff}.rules-grid article{border-color:#c3d0e4!important}.rules-grid h3{color:#102f60;font-size:14px}.rules-grid p{color:#4b6080;font-size:12px}.rule-example{color:#284b80}.rules-grid article .rule-symbol{background:#e4edff;color:#245dc0}.rules-grid article:nth-child(even) .rule-symbol{background:#fff0e2;color:#a13c0d}
.footer{background:#071f4d;border-color:#071f4d;border-radius:13px;padding:23px 30px;margin-bottom:25px;gap:25px}.footer-copy{display:flex;flex-direction:column;gap:8px}.footer-brand{color:#fff}.footer-copy>span{color:#c0cfe8;font-size:11px}.footer-maker{display:flex;align-items:center;gap:10px}.footer-maker>span{font-size:10px;color:#b5c8e8}.footer-maker img{width:131px;height:auto;display:block}.footer-web{font-size:13px;color:#fff;font-weight:500;display:inline-flex;gap:14px;align-items:center}.footer-web>span{color:#ffad66;font-size:21px}.footer-web:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.maker-brand img{width:123px}.maker-brand>span{font-size:8px}.header nav{font-size:12px;gap:22px}.header{gap:20px}.topic-tabs button{font-size:10px}.select-label{font-size:10px}.fresh-label{font-size:9px}.select-label select{font-size:11px}.footer{padding:22px 25px;gap:20px}.footer-maker{flex-direction:column;gap:3px}.footer-maker img{width:118px}}
@media(max-width:790px){.header{flex-wrap:wrap;justify-content:space-between;padding:15px 0 19px;row-gap:17px}.header nav{order:3;width:100%;justify-content:center;gap:38px;font-size:13px;align-self:auto}.nav-active:after{bottom:-10px}.maker-brand{flex-direction:row;gap:8px}.maker-brand img{width:125px}.maker-brand>span{font-size:9px}.hero-text{font-size:13px}.topic-tabs button{font-size:11px}.question-prompt{font-size:14px}.answer-hint{font-size:10px}.reload-note{font-size:10px}.solution-card .solution-panel{font-size:11px}.solution-card #solution-placeholder p{font-size:11px}.rules-grid p{font-size:11px}.footer-copy>span{font-size:10px}.footer-web{font-size:11px;gap:8px}.footer-maker img{width:106px}.footer-maker>span{font-size:9px}}
@media(max-width:600px){.maker-brand{flex-direction:column;gap:0}.maker-brand img{width:118px}.maker-brand>span{font-size:8px}.solution-card .solution-panel,.solution-card #solution-placeholder p{font-size:12px}.footer{flex-wrap:wrap;padding:21px;gap:19px}.footer-copy{flex:1}.footer-maker{align-items:flex-end}.footer-web{flex-basis:100%;padding-top:14px;border-top:1px solid #314971;font-size:12px}.footer-web>span{margin-left:auto}.rules-grid article{padding:21px 17px}.rules-grid h3{font-size:13px}.rules-grid p{font-size:11px}.rules-grid article:nth-child(even){border-right:0!important}.rules-grid article:nth-last-child(-n+2){border-bottom:0!important}}
@media(max-width:520px){.header{min-height:110px;padding-top:12px;row-gap:11px}.header .brand{font-size:23px}.header .brand-icon{height:32px;width:30px;font-size:23px}.header nav{font-size:12px;gap:30px}.maker-brand img{width:105px}.hero-text{font-size:12px;max-width:256px}.topic-tabs button{font-size:10px}.select-label{font-size:9px}.select-label select{font-size:11px}.fresh-label{font-size:8px}.question-heading .eyebrow{font-size:9px}.question-prompt{font-size:14px}.answer-hint{font-size:10px}.reload-note{font-size:9px}.section-heading h2{font-size:17px}#new-task{font-size:10px}.feedback{font-size:11px}.footer-copy>span{max-width:156px;font-size:10px;line-height:1.6}.footer-maker img{width:112px}.footer-maker>span{font-size:8px}.hero-art{opacity:1}}

@media(max-width:600px){.fresh-label{display:none}.exercise-toolbar{justify-content:flex-start;gap:18px}.select-label{flex-shrink:0}}

/* Keep the next exercise and its solution close to the answer. */
.new-task-row{margin-top:16px;padding-top:16px;border-top:1px solid #d4dfef}.new-task-row #new-task{min-height:44px;padding:12px 18px}
@media(max-width:600px){.practice-grid{display:block;background:#fff;border:1px solid #bbcce5;border-radius:10px;overflow:hidden;box-shadow:0 5px 16px #0e2d5a06}.practice-grid .exercise-card{border:0;border-radius:0;box-shadow:none}.practice-grid .solution-card{height:auto;margin:0;border:0;border-top:1px solid #cdd9ec;border-radius:0;background:#fff;padding:22px 23px;box-shadow:none}.solution-card .solution-math{background:#eaf0fc}.new-task-row #new-task{width:100%;font-size:12px}.exercise-actions .button{min-height:44px}.exercise-actions{flex-wrap:wrap}.solution-card #reveal-side{min-height:44px}.solution-card>p.single-task-note{margin-top:17px}}