.integer-ops-session{max-width:850px;margin:auto}.integer-ops-problem{text-align:center;background:linear-gradient(135deg,#edf7f4,#eef4fa);border-radius:18px;gap:1rem;margin:1rem 0;padding:1.7rem;display:grid}.integer-ops-problem>small{color:#0b7070;text-transform:uppercase;font-weight:900}.integer-ops-problem>strong{color:#173e68;font-size:clamp(2.3rem,7vw,4.5rem)}.integer-opposite-step{background:#fff;border:2px solid #9fc7c2;border-radius:12px;justify-content:center;align-items:center;gap:1rem;width:min(100%,520px);margin:auto;padding:.7rem 1rem;display:flex}.integer-opposite-step span{color:#173e68;font-size:clamp(1.5rem,4vw,2.3rem);font-weight:950}.integer-opposite-step small{color:#0b7070;font-weight:900}.integer-ops-answer{justify-content:center;align-items:center;gap:.7rem;display:flex}.integer-ops-answer span{color:#173e68;font-size:2.5rem;font-weight:900}.integer-ops-answer input{font:inherit;text-align:center;border:3px solid #a9c0cb;border-radius:10px;width:160px;padding:.55rem;font-size:2rem;font-weight:900}.integer-ops-answer button{color:#fff;cursor:pointer;font:inherit;background:#159292;border:0;border-radius:10px;padding:.9rem 1.1rem;font-weight:900}@media (width<=560px){.integer-opposite-step,.integer-ops-answer{box-sizing:border-box;flex-direction:column;align-items:stretch}.integer-ops-answer input{box-sizing:border-box;width:100%}}.integer-match-practice{color:#17233b;-webkit-user-select:none;user-select:none;max-width:1180px;margin:auto}.integer-match-practice>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.integer-match-practice h2{margin:2px 0;font-size:clamp(1.25rem,2vw,1.8rem)}.integer-match-practice>header>strong{color:#174f9d;background:#edf5ff;border-radius:999px;padding:8px 14px}.integer-match-key{align-items:center;gap:10px;min-height:38px;margin-bottom:12px;display:flex}.integer-match-key>span{text-transform:uppercase;letter-spacing:.06em;background:#fff;border-radius:6px;padding:6px 9px;font-size:.78rem;font-weight:800}.integer-match-key .red{border-bottom:6px solid #d62828}.integer-match-key .blue{border-bottom:6px solid #1261a6}.integer-match-key p{color:#44516a;margin:0 0 0 auto;font-size:.9rem;font-weight:650}.integer-match-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.integer-match-card,.integer-match-placeholder{border-radius:12px;min-height:88px}.integer-match-card{z-index:1;cursor:grab;touch-action:none;background:linear-gradient(155deg,#fff,#f7f9fc);border:1px solid #cbd5e1;justify-content:center;align-items:center;padding:11px 8px 18px;font:800 clamp(1rem,1.65vw,1.35rem)/1.15 inherit;transition:box-shadow .18s,border-color .18s;display:flex;position:relative;box-shadow:0 5px 12px #17233b1a}.integer-match-card:after{content:"";border-radius:0 0 11px 11px;height:1cm;position:absolute;bottom:0;left:0;right:0}.integer-match-card.subtraction:after{background:#d62828}.integer-match-card.addition:after{background:#1261a6}.integer-match-card:hover{border-color:#718096;box-shadow:0 8px 18px #17233b2b}.integer-match-card.dragging{z-index:50;cursor:grabbing;opacity:.94;pointer-events:none;transition:none;box-shadow:0 18px 30px #17233b4d}.integer-match-card.matched{cursor:default;background:#eefbf4;border:2px solid #16834b;flex-direction:column;gap:2px;padding-bottom:10px}.integer-match-card.matched:after{display:none}.integer-match-card.matched span{font-size:.91rem}.integer-match-card.matched i{color:#53705f;text-transform:uppercase;font-size:.64rem;font-style:normal}.integer-match-card.matched b{color:#16834b;position:absolute;top:5px;right:7px}.integer-match-placeholder{color:#16834b;background:#f4fbf6;border:2px dashed #a8d8bb;place-items:center;font-weight:800;display:grid}.integer-match-card.bounce{animation:.42s integer-bounce}.integer-match-complete{background:#eefbf4;border:2px solid #16834b;border-radius:14px;align-items:center;gap:13px;margin-top:12px;padding:12px 16px;display:flex}.integer-match-complete>span{color:#fff;background:#16834b;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.35rem;display:grid}.integer-match-complete strong,.integer-match-complete p{margin:0;display:block}.integer-match-complete button{color:#fff;cursor:pointer;background:#16834b;border:0;border-radius:9px;margin-left:auto;padding:10px 18px;font-weight:800}@keyframes integer-bounce{0%,to{transform:translate(0)}25%{transform:translate(-11px)}50%{transform:translate(9px)}75%{transform:translate(-5px)}}@media (width<=900px){.integer-match-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.integer-match-card,.integer-match-placeholder{min-height:76px}.integer-match-key{flex-wrap:wrap}.integer-match-key p{width:100%;margin:0}}@media (width<=560px){.integer-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integer-match-practice>header{align-items:flex-start}.integer-match-card{font-size:1rem}}.two-step-practice{color:#173e68;max-width:820px;margin:auto}.two-step-practice>header{justify-content:space-between;align-items:center;display:flex}.two-step-practice>header h2{color:#173e68;margin:.2rem 0}.two-step-practice>header>strong{color:#fff;background:#173e68;border-radius:999px;padding:.45rem .8rem}.two-step-progress{background:#dce8ee;border-radius:999px;height:10px;margin:1rem 0 1.5rem;overflow:hidden}.two-step-progress i{background:#159292;height:100%;transition:width .25s;display:block}.two-step-practice form{background:#f5f8fb;border:1px solid #d3e0e9;border-radius:18px;padding:clamp(1rem,3vw,2rem)}.two-step-prompt{text-align:center;font-size:1.05rem;font-weight:800}.two-step-equation{color:#fff;text-align:center;background:#173e68;border-radius:14px;max-width:600px;margin:1rem auto;padding:1rem;font-family:Georgia,serif;font-size:clamp(2rem,7vw,3.5rem);font-weight:800}.two-step-work{gap:.45rem;max-width:360px;margin:0 auto 1.2rem;display:grid}.two-step-work span{text-align:center;border-bottom:2px solid #9bb1bd;padding:.35rem;font-family:Georgia,serif;font-size:1.55rem;font-weight:800}.two-step-choices{grid-template-columns:1fr 1fr;gap:.7rem;margin:1.3rem 0;display:grid}.two-step-choices label{cursor:pointer}.two-step-choices input{opacity:0;position:absolute}.two-step-choices span{background:#fff;border:2px solid #b8cbd5;border-radius:11px;height:100%;padding:.85rem;font-weight:800;display:block}.two-step-choices input:checked+span{background:#e3f6f0;border-color:#159292;box-shadow:0 0 0 2px #15929233}.two-step-rows{gap:.75rem;max-width:650px;margin:1.3rem auto;display:grid}.two-step-rows label{background:#fff;border:1px solid #d3e0e9;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.7rem;font-family:Georgia,serif;font-size:1.15rem;font-weight:800;display:flex}.two-step-rows input,.two-step-rows select{font:inherit;text-align:center;border:2px solid #89a9b8;border-radius:8px;max-width:110px;padding:.45rem;font-weight:900}.two-step-decision{justify-content:space-between!important;font-family:inherit!important}.two-step-decision select{max-width:170px}.two-step-submit,.two-step-feedback button{color:#fff;cursor:pointer;font:inherit;background:#159292;border:0;border-radius:9px;margin:1.2rem auto 0;padding:.8rem 1.2rem;font-weight:900;display:block}.two-step-feedback{border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem;padding:1rem;display:flex}.two-step-feedback p{margin:.25rem 0 0}.two-step-feedback.right{color:#174f46;background:#e3f4ec}.two-step-feedback.wrong{color:#69491d;background:#fff0dc}.two-step-feedback button{flex:none;margin:0}@media (width<=700px){.two-step-choices{grid-template-columns:1fr}.two-step-feedback{flex-direction:column;align-items:stretch}.two-step-feedback button{width:100%}.two-step-rows label{flex-wrap:wrap}.two-step-decision{flex-direction:column;align-items:stretch!important}.two-step-decision select{width:100%;max-width:none}}