.quant-stage{--muted:var(--ink);background:var(--apricot)}.quant-practice .board-setup select{height:max(52px,1.5em + 26px);line-height:1.5}.quant-example{margin-block:20px}.quant-practice[data-topic]:not([data-topic=classic]) .quant-example>.board-note,.quant-practice[data-topic]:not([data-topic=classic]) .quant-example-prompt{text-align:center;max-width:65ch;margin-inline:auto}.quant-example-diagram{max-width:160px;margin-inline:auto}.quant-expression{font-variant-numeric:tabular-nums;text-align:center;overflow-wrap:anywhere;font-size:clamp(1.5rem,4vw,2rem);font-weight:650;line-height:1.5}.quant-prompt{max-width:65ch;margin-block:24px 12px;font-size:1.25rem;line-height:1.5}.quant-expression.quant-unit{text-align:start;margin-top:16px;font-size:1rem;font-weight:650}.quant-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:20px;display:grid}.quant-option{border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--card);min-width:0;min-height:64px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:12px 16px;line-height:1.5;display:grid}.quant-option-letter{font-size:.875rem;font-weight:650}.quant-option-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.25rem;font-weight:650}.quant-option-marker{overflow-wrap:anywhere;grid-column:1/-1;min-width:0;font-size:.875rem}.quant-option-marker:empty{display:none}.quant-option[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}.quant-option-correct{background:var(--accent-soft);border:2px solid var(--accent);padding:11px 15px}.quant-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.quant-option:disabled{opacity:1;color:var(--ink);cursor:default}.quant-option:active:not(:disabled){background:var(--mint)}.quant-options[data-choices="5"] .quant-option{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;padding-inline:8px}.quant-options[data-choices="5"] .quant-option-correct{padding-inline:7px}.quant-options[data-choices="5"] .quant-option-value{overflow-wrap:normal}.quant-options[data-choices="5"] .quant-option-value[data-long]{font-size:1rem}.quant-stage{container-type:inline-size}@container (width<=15rem){.quant-stage .quant-options[data-choices="5"]{grid-template-columns:minmax(0,1fr)}.quant-stage .quant-options[data-choices="5"]>:nth-child(n){grid-column:auto}}@container (15rem<width<=20rem){.quant-options[data-choices="5"][data-labels] .quant-option-value{font-size:1rem}}@container (15rem<width<=24rem){.quant-options[data-choices="5"][data-labels] .quant-option{padding-inline:4px}.quant-practice .quant-options[data-choices="5"][data-labels] .quant-option[data-answer-state]{padding-inline:3px}.quant-practice .quant-options[data-choices="5"][data-labels] .quant-option-marker:not(:empty){flex-direction:column;gap:4px}.quant-options[data-labels] :is(.quant-option-value,[data-answer-label]){hyphens:auto}.quant-options[data-choices="5"][data-labels=half]{grid-template-columns:repeat(4,minmax(0,1fr))}.quant-options[data-choices="5"][data-labels=half]>:nth-child(n){grid-column:span 2}.quant-options[data-choices="5"][data-labels=half]>:nth-child(5){grid-column:2/span 2}}#quant-method-heading{margin-block:24px 12px;font-size:1rem}.quant-method{margin-block:12px 24px;padding-inline-start:24px}.quant-method li{margin-block:16px;padding-inline-start:4px}.quant-method p{margin-block:8px}.quant-calculation{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.25rem;font-weight:650}.quant-diagram{max-width:320px;margin-block:24px}.quant-example-diagram svg,.quant-diagram svg{width:100%;height:auto;display:block}.quant-stage .board-actions>.btn{min-height:52px}@media (hover:hover){.quant-option:hover:not(:disabled){background:var(--accent-soft)}}@media (width<=30em){.quant-practice[data-phase=setup] .board-setup{margin-bottom:12px}.practice-main:has(.context-math[data-phase=setup]){padding-top:4px}.practice-main:has(.context-math[data-phase=setup]) .practice-heading{margin-bottom:8px}.practice-main .context-math[data-phase=setup] .context-math-setup{row-gap:4px;margin-bottom:4px}.practice-main .context-math[data-phase=setup] .practice-setting{row-gap:4px}.practice-main .context-math[data-phase=setup] .free-starts-practice:not([hidden]){margin-block:0 8px}}@media (width<=22.5em){.practice-main:has(.quant-practice[data-phase=setup]) .practice-heading h1{font-size:var(--text-title-compact)}.quant-options{gap:8px}.quant-option{gap:4px 8px;padding-inline:8px}.quant-option-correct{padding-inline:7px}.quant-options[data-choices="5"] .quant-option{padding-inline:4px}.quant-options[data-choices="5"] .quant-option-correct{padding-inline:3px}.quant-options[data-choices="5"] .quant-option-value{font-size:1rem}}@media (forced-colors:active){.quant-stage{border:1px solid canvastext}.quant-option[aria-pressed=true],.quant-option:focus-visible{outline-color:highlight}.quant-option-correct{border-color:highlight}.quant-diagram svg,.quant-example-diagram svg{forced-color-adjust:none}}.quant-bounds{flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:clamp(1.25rem,3vw,2rem);display:flex}.quant-bounds>span{white-space:nowrap}