.depth-stage,.depth-results{min-width:0}.depth-workspace{gap:24px;min-width:0;display:grid}.depth-workspace--logic{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:36px}.depth-workspace>*,.depth-workspace fieldset{min-width:0}.depth-workspace fieldset{border:0;margin:0;padding:0}.depth-workspace legend{margin-bottom:16px;padding:0;font-size:1.25rem;font-weight:600;line-height:1.4}.depth-matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(100%,294px);margin:0 auto;display:grid}.depth-cell{aspect-ratio:1;border:1px solid var(--control-border);background:var(--card);border-radius:9px;place-items:center;min-width:0;font-size:1.875rem;font-weight:600;display:grid}.depth-cell svg{width:100%;max-width:none}.depth-pattern-guides{stroke:var(--line);stroke-width:.8px;fill:none}.depth-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0;display:grid}.depth-option{border:1px solid var(--control-border);background:var(--card);min-width:0;min-height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:12px;flex-direction:column;align-items:center;padding:12px;display:flex;position:relative}.depth-option input[type=radio]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.depth-option:has(input:checked){outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}.depth-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.depth-option:hover:not(:has(input:disabled)){background:var(--accent-soft)}.depth-option:has(input:disabled){cursor:default}.depth-option[data-state=right]{border:2px solid var(--accent);padding:11px}.depth-option[data-state=wrong]{border:2px solid var(--bad);padding:11px}.depth-option-number{align-self:start;font-size:.875rem;font-weight:650}.depth-option-content{width:100%;min-width:0;display:block}.depth-option-svg{width:100%;max-width:144px;color:var(--ink);margin-inline:auto;display:block}.depth-option-state{overflow-wrap:anywhere;align-self:start;min-height:2.8em;margin-top:8px;font-size:.875rem;font-weight:600;line-height:1.4}.depth-option-state[hidden]{visibility:hidden;display:block!important}.depth-options--logic{grid-template-columns:minmax(0,1fr);gap:10px}.depth-options--logic .depth-option{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:13px 16px;display:grid}.depth-options--logic .depth-option[data-state]{padding:12px 15px}.depth-options--logic .depth-option-state{grid-column:2;min-height:1.4em}.depth-triple{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;font-size:1rem;display:grid}.depth-triple>span{overflow-wrap:anywhere;min-width:0}.depth-triple small{color:var(--muted);margin-bottom:3px;font-size:.8125rem;display:block}.depth-fold-sequence{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));align-items:start;gap:18px;min-width:0;display:grid}.depth-fold-sequence figure{min-width:0;margin:0}.depth-fold-sequence figcaption{text-align:center;color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:.875rem;line-height:1.5}.depth-paper-outline{fill:var(--card);stroke:var(--line)}.depth-paper-retained{fill:var(--subject-surface,var(--mint));stroke:var(--control-border);stroke-width:1px}.depth-paper-guides{fill:none;stroke:var(--control-border);stroke-opacity:.35;stroke-width:.45px}.depth-paper-crease{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:3 2}.depth-paper-arrow{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.depth-logic-stimulus>p{margin:0 0 16px}.depth-logic-values{color:var(--muted);overflow-wrap:anywhere;margin:0 0 24px;font-size:.875rem}.depth-logic-values>div{flex-wrap:wrap;gap:4px 8px;margin-block:4px;display:flex}.depth-logic-values dt{font-weight:600}.depth-logic-values dd{margin:0}.depth-logic-stimulus h3{margin:0 0 12px;font-size:1.25rem}.depth-clues,.depth-explanation-steps{margin:0;padding-inline-start:24px}.depth-clues li,.depth-explanation-steps li{margin-bottom:9px;padding-inline-start:3px}.depth-notes{border-block:1px solid var(--line);margin-top:24px;padding:12px 0}.depth-notes summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:600;line-height:1.5}.depth-notes summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.depth-notes>p{color:var(--muted);margin:12px 0;font-size:.875rem}.depth-note-table{grid-template-columns:max-content repeat(3,minmax(0,1fr));align-items:center;gap:8px;font-size:.875rem;display:grid}.depth-note-table label{min-width:0}.depth-note-table select{width:100%;min-width:0;min-height:44px;font:inherit;border:1px solid var(--control-border);background:var(--card);color:var(--ink);border-radius:8px;padding:8px 4px;font-size:.875rem}.depth-note-table select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.depth-note-table strong{overflow-wrap:anywhere;max-width:6em;font-size:.8125rem}.depth-note-table select:disabled{opacity:1;color:var(--muted);border-color:var(--line)}.depth-solution-wrap{max-width:100%;overflow-x:auto}.depth-solution{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.9375rem}.depth-solution caption{text-align:start;color:var(--ink);padding-block:0 12px;font-size:1.125rem;font-weight:600}.depth-solution th,.depth-solution td{text-align:start;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:10px 7px}.depth-stage>.board-primary{width:var(--calm-action-width,220px);max-width:100%}.depth-feedback{min-width:0;min-height:3em;margin-top:24px}:is(#depth-explanation,.depth-review) p{margin:8px 0}:is(#depth-explanation,.depth-review) h3{margin:16px 0 12px;font-size:1.125rem;line-height:1.4}:is(#depth-explanation,.depth-review) .depth-matrix{margin-block:24px 0}:is(#depth-explanation,.depth-review) .depth-fold-sequence{margin-top:20px}.depth-example .depth-matrix{width:192px}.depth-example .depth-fold-sequence{max-width:650px;margin-inline:auto}.depth-example .depth-fold-sequence svg{max-width:108px}.depth-logic-example{max-width:36rem;margin-inline:auto}.depth-logic-example p{margin-top:0}.depth-logic-example .depth-logic-values{margin-bottom:0}.depth-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.depth-stage>.board-primary{width:100%}.depth-workspace--logic{grid-template-columns:minmax(0,1fr);gap:26px}.depth-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.depth-options--paper{grid-template-columns:repeat(2,minmax(0,1fr))}.depth-options--logic{grid-template-columns:minmax(0,1fr)}.depth-option{padding:10px}.depth-option[data-state=right],.depth-option[data-state=wrong]{padding:9px}.depth-fold-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 9px}.depth-fold-sequence figcaption{font-size:.8125rem}}@media (width<=380px){.depth-note-table{grid-template-columns:3.5em repeat(3,minmax(0,1fr));gap:6px}.depth-note-table select{padding-inline:2px;font-size:.8125rem}.depth-fold-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (forced-colors:active){.depth-option:has(input:checked),.depth-option[data-state=right]{border-color:highlight;outline-color:highlight}.depth-option[data-state=wrong]{border-style:dashed;border-color:canvastext}.depth-paper-retained{fill:canvas;stroke:canvastext}.depth-paper-crease,.depth-paper-arrow{stroke:highlight}.depth-paper-outline,.depth-pattern-guides,.depth-paper-guides{stroke:canvastext}.depth-option-svg{color:canvastext}}