[data-long-division-tool]{--green:#315f3a;--green-dark:#244b2c;--ink:#222822;--muted:#5c665b;--line:#d2dbcf;min-width:0;color:var(--ink)}[data-long-division-tool] form,[data-long-division-tool] .result-panel{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;box-shadow:0 10px 28px #25372612}[data-long-division-tool] .input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-long-division-tool] .input-grid label{display:grid;gap:6px;min-width:0;font-size:13px;font-weight:850}[data-long-division-tool] .input-grid input{width:100%;height:48px;font:800 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}[data-long-division-tool] .input-grid input[aria-invalid=true]{border-color:#a03932;box-shadow:0 0 0 3px #f1d7d4}[data-long-division-tool] .example{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.45}[data-long-division-tool] .form-actions,[data-long-division-tool] .result-actions{display:flex;gap:9px;margin-top:12px}[data-long-division-tool] button{min-height:44px;border:1px solid #aab5a7;border-radius:10px;background:#fff;padding:9px 14px;color:var(--ink);font-weight:800}[data-long-division-tool] button:hover{background:#f1f5ef}[data-long-division-tool] .primary-action{flex:1;border-color:var(--green);background:var(--green);color:#fff}[data-long-division-tool] .primary-action:hover{background:var(--green-dark)}[data-long-division-tool] .form-error{min-height:18px;margin:5px 0 -4px;color:#9b3029;font-size:12px}[data-long-division-tool] .result-panel{margin-top:14px;border-color:#b9ceb6;background:linear-gradient(145deg,#fcfefb,#f0f7ee)}[data-long-division-tool] .answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-long-division-tool] .answer-grid>div{min-width:0;border:1px solid #d2dfcf;border-radius:13px;background:#ffffffe0;padding:11px 13px}[data-long-division-tool] .answer-grid span,[data-long-division-tool] .correctness-check>span,[data-long-division-tool] .section-heading span{display:block;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}[data-long-division-tool] .answer-grid output{display:block;margin-top:2px;color:var(--green-dark);font:900 36px/1.08 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}[data-long-division-tool] .normalization{margin:8px 1px 0;color:#765d24;font-size:12px}[data-long-division-tool] .correctness-check{min-width:0;margin-top:10px;border-left:4px solid #5d9466;border-radius:8px;background:#fff;padding:10px 12px}[data-long-division-tool] .correctness-check strong{display:block;margin-top:3px;font:800 16px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}[data-long-division-tool] .correctness-check p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.45}[data-long-division-tool] .worked-layout{min-width:0;margin-top:16px}[data-long-division-tool] .section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px}[data-long-division-tool] .section-heading h2{margin:2px 0 0;font-size:20px}[data-long-division-tool] .section-heading p{max-width:320px;margin:0;color:var(--muted);font-size:12px;text-align:right}[data-long-division-tool] .division-layout{--columns:4;display:grid;grid-template-columns:minmax(52px,auto) minmax(0,calc(var(--columns) * 45px));justify-content:center;align-items:stretch;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}[data-long-division-tool] .layout-label{display:flex;align-items:center;justify-content:flex-end;padding:0 9px;color:var(--muted);font-size:10px;font-weight:800}[data-long-division-tool] .divisor-value{border-right:3px solid #3c463c;color:var(--ink);font-size:19px}[data-long-division-tool] .digit-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,45px));justify-content:start}[data-long-division-tool] .quotient-grid{border-bottom:3px solid #3c463c}[data-long-division-tool] .digit-cell{display:grid;place-items:center;min-width:0;height:40px;font-size:21px;font-weight:900}[data-long-division-tool] .dividend-grid .digit-cell{height:44px}[data-long-division-tool] .step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;counter-reset:none}[data-long-division-tool] .step-list li{min-width:0;border:1px solid #cfdbcc;border-radius:11px;background:#ffffffd1;padding:10px 11px}[data-long-division-tool] .step-heading{margin:0;color:#546052;font-size:11px;letter-spacing:.03em;text-transform:uppercase}[data-long-division-tool] .step-math{display:block;margin-top:4px;font:850 16px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}[data-long-division-tool] .step-transcript{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}[data-long-division-tool] .result-actions button{flex:1}[data-long-division-tool] .action-status{min-height:18px;margin:5px 0 0;color:#416746;font-size:12px;text-align:right}[data-long-division-tool] .copy-fallback{margin-top:8px;border:1px solid #cfdbcc;border-radius:10px;background:#fff;padding:9px 11px}[data-long-division-tool] .copy-fallback summary,[data-long-division-tool] .copy-fallback label{font-size:12px;font-weight:800}[data-long-division-tool] .copy-fallback label{display:block;margin-top:7px}[data-long-division-tool] .copy-fallback textarea{width:100%;min-height:180px;margin-top:5px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}[data-long-division-tool] .privacy-note{margin:10px 2px 0;color:var(--muted);font-size:12px;line-height:1.5}[data-long-division-tool] [hidden]{display:none!important}@media(max-width:600px){[data-long-division-tool] form,[data-long-division-tool] .result-panel{border-radius:14px;padding:13px}[data-long-division-tool] .input-grid{gap:8px}[data-long-division-tool] .input-grid input{height:46px;font-size:20px}[data-long-division-tool] .form-actions{margin-top:9px}[data-long-division-tool] button{padding:8px 10px;font-size:13px}[data-long-division-tool] .answer-grid output{font-size:31px}[data-long-division-tool] .section-heading{display:block}[data-long-division-tool] .section-heading p{margin-top:3px;text-align:left}[data-long-division-tool] .division-layout{grid-template-columns:minmax(48px,auto) minmax(0,calc(var(--columns) * 38px))}[data-long-division-tool] .digit-grid{grid-template-columns:repeat(var(--columns),minmax(0,38px))}[data-long-division-tool] .digit-cell{height:36px;font-size:19px}[data-long-division-tool] .dividend-grid .digit-cell{height:40px}[data-long-division-tool] .step-list{grid-template-columns:1fr}}@media(max-width:360px){[data-long-division-tool] .form-actions,[data-long-division-tool] .result-actions{display:grid;grid-template-columns:1fr}}@media(max-width:600px)and (max-height:540px){[data-long-division-tool] form{padding:10px}[data-long-division-tool] .input-grid input{height:42px}[data-long-division-tool] .example{margin-top:4px;font-size:11px}[data-long-division-tool] .form-actions{margin-top:6px}[data-long-division-tool] button{min-height:40px}}
