.mc-practice .mc-instruction{color:var(--muted);margin:12px 0 24px}.mc-workspace{grid-template-columns:minmax(0,440px) minmax(240px,1fr);align-items:start;gap:32px;display:grid}.mc-grid{grid-template-columns:repeat(var(--mc-size,3),minmax(0,1fr));gap:6px;width:100%;max-width:360px;margin-inline:auto;display:grid}.mc-cell{aspect-ratio:1;border:1px solid var(--control-border);background:var(--card);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;padding:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1;display:grid}.mc-cell[data-given]{background:var(--accent-soft);font-weight:650}button.mc-cell{cursor:pointer}.mc-cell[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.mc-cell[data-conflict]{border:2px dashed var(--ink)}.mc-practice button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mc-controls h3{margin:0 0 12px;font-size:1rem}.mc-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.mc-practice .mc-palette button{font-variant-numeric:tabular-nums;min-height:48px;padding:8px 4px}.mc-palette button:disabled{opacity:1;color:var(--muted);background:var(--accent-soft);cursor:default}.mc-tools{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.mc-tools .btn{flex:1;padding-inline:12px}.mc-practice[data-practice=magic-squares] .mc-tools .btn{flex-basis:calc(50% - 8px);min-height:44px}.mc-practice[data-practice=magic-squares] #mc-pencil[aria-pressed=true],.mc-practice[data-practice=magic-squares] .mc-palette button[aria-pressed=true]{background:var(--accent-soft);border-style:double;border-width:3px}.mc-pencil-marks{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 4px;padding:5px;font-size:.8125rem;line-height:1.2;display:grid}.mc-pencil-more{text-align:center;grid-column:1/-1}.mc-practice .board-note{margin:12px 0}.mc-practice #mc-keyboard{font-size:.875rem}.mc-message{min-height:1.6em;margin-block:20px 0}.mc-practice[data-practice=magic-squares] .mc-cell[data-hint-source]{outline:2px dashed var(--accent);outline-offset:-5px}.mc-hint-panel{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-block:24px 0;padding-block:20px 0}.mc-hint-panel p,.mc-hint-panel li,.mc-proof-notes li{line-height:1.6}.mc-hint-panel ul,.mc-proof-notes ul{padding-inline-start:24px}.mc-hint-panel li,.mc-proof-notes li{margin-block:8px}.mc-hint-panel summary,.mc-proof-notes summary{cursor:pointer;min-height:44px;color:var(--accent);padding-block:10px}.mc-proof-notes{overflow-wrap:anywhere;margin-block:20px 0}.mc-figure{background:var(--subject-preview-surface,var(--mint));border-radius:16px;margin:0;padding:16px}.mc-figure svg{width:100%;height:auto;display:block}.mc-figure figcaption{text-align:center;color:var(--muted);margin-top:8px;font-size:.875rem}.mc-choices{gap:10px;display:grid}.mc-practice .mc-choice{text-align:start;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:56px;font-size:1rem;font-weight:500;display:flex}.mc-choice .mc-choice-letter{color:var(--muted);font-size:.875rem}.mc-choice-state{align-items:center;gap:6px;margin-inline-start:auto;display:inline-flex}.mc-choice[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft)}.mc-choice:disabled{opacity:1;color:var(--ink);cursor:default}.mc-feedback{margin-top:24px;padding-top:24px}.mc-feedback ol{padding-inline-start:24px}.mc-feedback li{margin-block:10px}.mc-feedback .btn{margin-top:12px}.mc-practice #mc-results{--muted:inherit}.mc-review{margin-top:32px}.mc-review summary{min-height:44px;color:var(--accent);cursor:pointer;font-weight:600}.mc-review article{padding-block:20px}.mc-review article+article{margin-top:20px}.mc-review h3{font-size:1.25rem}.mc-review ol{padding-inline-start:24px}.mc-review .mc-figure{max-width:440px;margin:16px 0}.mc-setup-example .cognitive-preview{max-width:440px;margin-inline:auto}.mc-practice [hidden]{display:none!important}@media (width<=40.625em){.mc-workspace{grid-template-columns:1fr;gap:24px}.mc-grid{gap:5px;max-width:340px}.mc-practice .mc-cell{font-size:1.5rem}.mc-choices{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.mc-choice:last-child{grid-column:1/-1}.mc-practice .mc-choice{gap:10px;padding:10px 12px}.mc-choice-state{flex-basis:100%;margin-inline-start:0}.mc-figure{padding:8px}}@media (forced-colors:active){.mc-cell[aria-pressed=true],.mc-choice[aria-pressed=true]{outline:3px solid highlight}}
