.reason-stage{--muted:var(--ink);background:var(--mint)}.reason-practice[data-topic=Math] .reason-stage{background:var(--apricot)}.reason-stage>p{margin:8px 0 20px}.reason-stage #reason-status:empty{display:none}.reason-rules summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.reason-rules p{margin:8px 0 16px;line-height:1.6}.reason-matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:280px;margin:20px auto;display:grid}.reason-cell{aspect-ratio:1;background:var(--card);border:1px solid var(--control-border);border-radius:9px;place-items:center;min-width:0;display:grid}.reason-cell svg{width:100%;display:block}.reason-missing{font-size:2rem;font-weight:600}.reason-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reason-practice:is([data-practice=order-logic],[data-practice=logical-deduction]) .reason-options{grid-template-columns:minmax(0,1fr)}.reason-options label{border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--card);cursor:pointer;align-items:center;gap:8px;min-width:0;min-height:64px;padding:12px;display:flex;position:relative}.reason-options input{opacity:0;width:1px;height:1px;position:absolute}.reason-options label:has(input:checked){outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}.reason-options label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.reason-options label:has(input:disabled){cursor:default}.reason-options label[data-correct=true]{border:2px solid var(--accent)}.reason-options .reason-letter{align-self:flex-start;font-size:.875rem;font-weight:600}.reason-options svg{width:88px;max-width:calc(100% - 24px);margin:auto;display:block}.reason-option-text{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:1.125rem}.reason-answer-state{margin-top:8px;font-size:.875rem;font-weight:600;display:block}.reason-options label:has(.reason-answer-state){flex-wrap:wrap}.reason-answer-state{flex-basis:100%}.reason-practice fieldset{border:0;min-width:0;margin:20px 0 0;padding:0}.reason-practice legend{margin-bottom:12px;font-weight:600}.reason-explanation{border-top:1px solid var(--control-border);margin-top:24px;padding-top:16px}.reason-explanation h3{margin:0 0 12px;font-size:1.25rem}.reason-explanation ol{margin:0;padding-left:24px}.reason-explanation li{margin:8px 0;line-height:1.6}.reason-equations{gap:16px;margin:24px 0;display:grid}.reason-equations>div{text-align:center;border-block:1px solid var(--control-border);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:16px 8px;font-size:1.25rem;font-weight:600;display:grid}.reason-sequence{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 0;font-size:1.75rem;font-weight:600;list-style:none;display:flex}.reason-sequence li{border-bottom:2px solid var(--control-border);padding:8px 12px}.reason-items{word-spacing:.5rem;overflow-wrap:anywhere;font-size:1.25rem;font-weight:600}.reason-order ul{padding-left:24px;line-height:1.6}.reason-order li{margin-block:12px}.reason-analogy{gap:16px;max-width:280px;margin:20px auto;display:grid}.reason-analogy .board-note{margin:0 0 8px}.reason-pair{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:12px;display:grid}.reason-pair-arrow{width:24px;height:24px;display:block}.reason-premises{margin:24px 0;padding-left:24px;line-height:1.6}.reason-premises li{margin-block:12px}.reason-practice:is([data-phase=setup],[data-phase=loading]) .reason-analogy{gap:12px;max-width:220px;margin-block:12px}.reason-folds{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr));align-items:start;gap:16px;margin:24px 0;display:grid}.reason-folds figure{min-width:0;margin:0}.reason-folds svg{width:100%;max-width:150px;margin:auto;display:block}.reason-folds figcaption{margin-top:8px;font-size:.875rem;line-height:1.5}.reason-review{border-top:1px solid var(--control-border);margin-top:24px}.reason-review summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:600}.reason-review section{border-top:1px solid var(--control-border);padding-block:20px}.reason-review h3{font-size:1.25rem}.reason-review ol{padding-left:24px;line-height:1.6}.reason-review-answer{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;font-weight:600;display:flex}.reason-review-answer svg{width:80px}.reason-practice[data-phase=setup] .reason-matrix{max-width:210px;margin-block:12px}.reason-practice[data-phase=loading] #reason-example{opacity:.6}.reason-practice[data-phase=complete] #reason-running{display:none}@media (hover:hover){.reason-options label:has(input:not(:disabled)):hover{background:var(--accent-soft)}}@media (width<=360px){.reason-options{gap:8px}.reason-options label{padding:8px}.reason-matrix{max-width:240px}}@media (forced-colors:active){.reason-options label:has(input:checked){outline-color:highlight}.reason-options label[data-correct=true]{border-color:highlight}.reason-paper{fill:canvas}}
