.rulefind-practice{min-width:0}.rulefind-practice .rulefind-stage{--muted:#174f3c;background:var(--mint);overflow-wrap:anywhere}.rulefind-practice .board-setup select{height:max(52px,1.5em + 26px);line-height:1.5}.rulefind-figures{flex-wrap:wrap;justify-content:center;gap:12px 16px;margin-block:16px;display:flex}.rulefind-figure{flex:0 9.25rem;justify-items:center;gap:4px;min-width:0;margin:0;display:grid}.rulefind-figure svg{width:100%;height:auto;color:var(--ink);display:block}.rulefind-figure figcaption{text-align:center;font-size:.875rem;line-height:1.4}.rulefind-asked figcaption{font-weight:650}.rulefind-figures[data-kind=frame] .rulefind-figure{flex:100%;max-width:17.5rem}.rulefind-example{margin-block:20px}.rulefind-example .rulefind-figures{margin-block:0 8px}.rulefind-example .rulefind-figure{flex-basis:7rem}.rulefind-example-solution{margin-top:12px}.rulefind-example-solution summary{min-height:44px;color:var(--accent);cursor:pointer;padding:10px 0;font-weight:600}.rulefind-example-solution .board-note{margin:0 0 4px}.rulefind-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:12px;margin-block:16px;display:grid}.rulefind-option{border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--card);min-width:0;min-height:56px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 16px;line-height:1.4;display:grid}.rulefind-option-letter{font-size:.875rem;font-weight:650}.rulefind-option-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.375rem;font-weight:650}.rulefind-option-marker{align-items:center;display:flex}.rulefind-option-marker svg{display:block}.rulefind-option-correct .rulefind-option-marker{color:var(--accent)}.rulefind-option-wrong .rulefind-option-marker{color:var(--bad)}.rulefind-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.rulefind-option:disabled{opacity:1;color:var(--ink);cursor:default}.rulefind-option[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:-2px}.rulefind-option-correct{background:var(--accent-soft);border:2px solid var(--accent);padding:9px 15px}.rulefind-option-wrong .rulefind-option-value{text-decoration:line-through 2px}.rulefind-option:active:not(:disabled){background:var(--accent-soft)}.rulefind-answer-row{flex-wrap:wrap;align-items:stretch;gap:12px;margin-block:16px 8px;display:flex}.rulefind-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;flex:8rem;padding:12px;font-size:1.375rem}.rulefind-practice input[type=text]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.rulefind-practice input[aria-invalid=true]{border-color:var(--bad);border-width:2px}.rulefind-practice .rulefind-check{flex:0 9rem;width:auto;min-height:52px;margin-top:0}.rulefind-practice input[type=text]:disabled{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink);cursor:default;background:0 0}.rulefind-hint{margin-block:0 8px;font-size:.875rem}.rulefind-error-text{color:var(--bad);margin-block:8px;font-weight:600}#rulefind-feedback-line{margin-block:16px 8px;font-size:1.125rem;font-weight:650}.rulefind-practice .rulefind-rule{hyphens:manual;max-width:65ch;margin-block:8px;font-weight:600;line-height:1.5}.rulefind-practice #rulefind-instruction{hyphens:manual}.rulefind-working{font-variant-numeric:tabular-nums;margin-block:8px 16px;padding-inline-start:0;line-height:1.6;list-style:none}.rulefind-practice .rulefind-working li{hyphens:manual;margin-block:6px}.rulefind-step{overflow-wrap:normal;max-width:100%;display:inline-block}.rulefind-practice .board-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.rulefind-practice .rulefind-review{margin-block:24px}.rulefind-practice .rulefind-review summary{cursor:pointer;min-height:48px;padding-block:12px;font-weight:600}.rulefind-practice .rulefind-review>ol{padding-inline-start:0;list-style:none}.rulefind-practice .rulefind-review>ol>li{margin-block:24px}.rulefind-practice .rulefind-review h3{margin-block:0 8px;font-size:1rem}.rulefind-practice .rulefind-review p{margin-block:8px}@media (width<=360px){.rulefind-example .rp-rule-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.rulefind-example .rp-rule-figure:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 4px)}.rulefind-practice .rulefind-check{flex:100%}.rulefind-options{gap:8px}.rulefind-option{gap:8px;padding-inline:10px}.rulefind-option-correct{padding-inline:9px}}@media (hover:hover){.rulefind-option:hover:not(:disabled){background:var(--accent-soft)}}@media (forced-colors:active){.rulefind-stage{border:1px solid canvastext}.rulefind-figure svg{forced-color-adjust:none}.rulefind-figure svg .rf-cell,.rulefind-figure svg .rf-box,.rulefind-figure svg .rf-square{fill:canvas;stroke:canvastext}.rulefind-figure svg .rf-spoke{stroke:canvastext}.rulefind-figure svg .rf-number{fill:canvastext}.rulefind-figure svg .rf-ask{stroke:highlight}.rulefind-figure svg .rf-ask-text{fill:highlight}.rulefind-option-correct{border-color:highlight}.rulefind-option-marker{color:canvastext}.rulefind-option[aria-pressed=true],.rulefind-option:focus-visible{outline-color:highlight}}