.gridcalc-practice{min-width:0}.gridcalc-practice .gridcalc-stage{--muted:var(--ink);background:var(--apricot);overflow-wrap:anywhere}.gridcalc-practice .board-setup select{height:max(52px,1.5em + 26px);line-height:1.5}.gridcalc-practice .board-setup>label{margin-top:12px}.gridcalc-practice .board-setup>label:first-child{margin-top:0}.gridcalc-clock{margin-block:12px 4px}.gridcalc-clock-track{background:var(--card);border-radius:3px;height:6px;overflow:hidden}.gridcalc-clock-fill{background:var(--accent);width:100%;height:100%;transition:width .25s linear;display:block}.gridcalc-clock-text{font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:.875rem}.gridcalc-prompt{max-width:34ch;margin-block:16px 12px;font-size:clamp(1.15rem,4.6vw,1.5rem);font-weight:650;line-height:1.4}.gridcalc-example{margin:20px 0 0}.gridcalc-example .gridcalc-prompt{margin-block:0 8px;font-size:clamp(1.05rem,4vw,1.25rem)}.gridcalc-example figcaption{margin-top:8px}.gridcalc-board{margin-block:4px 12px;container-type:inline-size}.gridcalc-grid{border-collapse:separate;border-spacing:6px;font-variant-numeric:tabular-nums;margin:0 auto}.gridcalc-grid td{--cell-font:min(1.6rem, calc(14cqi - 4px));border:1px solid var(--control-border);background:var(--card);min-width:2em;color:var(--ink);text-align:center;font-size:var(--cell-font);white-space:nowrap;overflow-wrap:normal;border-radius:10px;padding:.45em .25em;font-weight:550;line-height:1.2}.gridcalc-grid[data-cols="4"] td{--cell-font:min(1.6rem, calc(10.5cqi - 4px))}.gridcalc-grid[data-cols="5"] td{--cell-font:min(1.6rem, calc(7.9cqi - 4px))}.gridcalc-grid td.is-marked{border:3px solid var(--accent);background:var(--accent-soft);padding:calc(.45em - 2px) calc(.25em - 2px);font-weight:750}@container (width<=260px){.gridcalc-grid{border-spacing:3px}.gridcalc-grid td{padding-inline:.12em}.gridcalc-grid td.is-marked{padding-inline:max(0px,.12em - 2px)}.gridcalc-grid[data-cols="4"] td{--cell-font:min(1.6rem, calc(11cqi - 2px))}.gridcalc-grid[data-cols="5"] td{--cell-font:min(1.6rem, calc(9cqi - 2px))}}.gridcalc-answer-row{flex-wrap:wrap;align-items:stretch;gap:12px;margin-block:8px;display:flex}.gridcalc-practice input[type=text]{border:1px solid var(--control-border);border-radius:var(--control-radius,12px);background:var(--card);min-width:0;min-height:52px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.04em;flex:8rem;padding:12px;font-size:1.375rem}.gridcalc-practice input[type=text]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.gridcalc-practice input[aria-invalid=true]{border-color:var(--bad);border-width:2px}.gridcalc-practice .gridcalc-check{flex:0 9rem;width:auto;min-height:52px;margin-top:0}.gridcalc-hint{margin-block:0 8px;font-size:.875rem}.gridcalc-error-text{color:var(--bad);margin-block:8px;font-weight:600}#gridcalc-feedback-line{font-variant-numeric:tabular-nums;margin-block:12px 4px;font-size:1.125rem;font-weight:650}.gridcalc-working{font-variant-numeric:tabular-nums;margin-block:4px 8px;line-height:1.6}.gridcalc-practice .board-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.gridcalc-practice .gridcalc-review{margin-block:24px}.gridcalc-practice .gridcalc-review summary{cursor:pointer;min-height:48px;padding-block:12px;font-weight:600}.gridcalc-practice .gridcalc-review>ol{padding-inline-start:0;list-style:none}.gridcalc-practice .gridcalc-review>ol>li{margin-block:24px}.gridcalc-practice .gridcalc-review h3{margin-block:0 8px;font-size:1rem}.gridcalc-practice .gridcalc-review p{margin-block:8px}.gridcalc-practice .gridcalc-review .gridcalc-prompt{margin-block:4px 8px;font-size:1.05rem}@media (width<=360px){.gridcalc-practice .gridcalc-check{flex:100%}}@media (prefers-reduced-motion:reduce){.gridcalc-clock-fill{transition:none}}@media (forced-colors:active){.gridcalc-clock-fill{forced-color-adjust:none;background:highlight}.gridcalc-clock-track{border:1px solid canvastext}.gridcalc-grid td{border-color:canvastext}.gridcalc-grid td.is-marked{border-color:highlight}}#gridcalc-all-correct{margin-top:12px}.practice-main:has(.gridcalc-practice) .practice-heading h1{hyphens:auto}