.division-instruction{padding:18px;border-radius:16px;background:#fff6d4;color:#6d5321;line-height:1.8}.division-guide{display:grid;grid-template-columns:1fr 1fr;max-width:340px;margin:20px auto;color:#087cb6;font-weight:900;text-align:center}.division-guide span{padding:14px}.division-guide span:nth-child(even){border-left:3px solid #087cb6}.division-guide span:nth-child(4){border-top:3px solid #087cb6;color:#078646}.division-guide span:nth-child(3){color:#c63040}.division-board{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto auto auto;border-radius:20px;padding:24px;background-color:#fffdf7;background-image:linear-gradient(#087cb60c 1px,transparent 1px),linear-gradient(90deg,#087cb60c 1px,transparent 1px);background-size:22px 22px;border:2px solid #e9c66a;margin-bottom:16px}.division-board small,.division-board label>span{display:block;font-size:11px;font-weight:900;letter-spacing:1px;margin-bottom:9px}.division-board strong{font-size:clamp(28px,7vw,45px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.division-dividend{grid-column:1;grid-row:1/3;padding:10px 12px;color:#087cb6}.division-work{display:block;font-size:12px;margin-top:30px;color:#819299;line-height:1.8}.division-divisor{grid-column:2;grid-row:1;padding:10px 16px;border-left:4px solid #087cb6;border-bottom:4px solid #087cb6;color:#087cb6}.division-quotient{grid-column:2;grid-row:2;border-left:4px solid #087cb6;padding:16px;color:#078646}.division-remainder{grid-column:1;grid-row:3;padding:12px;color:#c63040}.division-board input{width:100%;min-width:0;border:2px solid currentColor;border-radius:12px;background:white;padding:12px 7px;text-align:center;font:900 clamp(23px,5vw,32px) Nunito,'Segoe UI',sans-serif;color:inherit;box-sizing:border-box}.division-board input:focus{outline:3px solid #e7c459;outline-offset:3px}.division-note{font-size:13px;color:#607d8b;line-height:1.7}.division-screen progress{width:100%;accent-color:#0b944e;height:9px}.division-screen .addition-heading h2{font-size:clamp(20px,5vw,30px)}@media(max-width:480px){.division-board{padding:12px}.division-dividend{padding:8px 6px}.division-divisor,.division-quotient{padding:10px}.division-work{font-size:10px}.division-board small,.division-board label>span{font-size:10px;letter-spacing:0}}
.division-instruction{display:flex;gap:16px;align-items:flex-start;border:3px solid #edc139;border-left:8px solid #087cb6;box-shadow:0 6px 0 #edc13935;padding:24px!important;margin:24px 0!important;background:linear-gradient(125deg,#fff4bc,#fffbee)!important}.division-instruction-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:#087cb6;color:#fff;border-radius:14px;font-size:35px;line-height:1}.division-instruction .division-instruction-title{display:block;color:#075e91;font-size:clamp(21px,4vw,27px);font-weight:900;line-height:1.35;margin:0 0 12px}#modal .division-instruction p{font-size:clamp(17px,3vw,20px);font-weight:800;color:#294c5a;line-height:1.7;margin:0 0 12px}.division-highlight{color:#08763e;background:#e0f3d3;padding:2px 6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}#modal .division-instruction .division-zero-reminder{display:inline-block;background:#fff;border:2px solid #e7b833;border-radius:12px;padding:9px 14px;margin:0;color:#a42735;font-weight:900}.division-zero-reminder strong{display:inline-grid;place-items:center;min-width:34px;height:34px;background:#c83040;color:#fff;border-radius:9px;font-size:25px;margin:0 4px}@media(max-width:480px){.division-instruction{padding:17px!important;gap:10px;border-left-width:5px}.division-instruction-icon{width:34px;height:34px;font-size:26px;border-radius:10px}}