:root{--font-question: var(--read);--font-answer: var(--read);--font-choice: var(--read);--font-direction: var(--ui);--reading-leading: 1.35;--direction-size: .875rem;--rule-size: 1.125rem;--print-question-size: 19px;--print-answer-size: 18px;--print-choice-size: 16px}.tool{--question-max: 3rem;--question-min: 1.5rem;--answer-max: 2.5rem;--answer-min: 1.375rem;--choice-max: 1.5rem;--choice-min: 1.125rem;--input-size: 1.5rem;--response-max: 1.5rem;--response-min: 1.125rem;--stage-size: 30rem;--reading-gutter: clamp(16px, 4vw, 48px)}.tool .sentence{margin:0;font-family:var(--font-question);font-size:max(var(--question-min),calc(var(--question-max) * var(--reading-scale, 1)));font-weight:400;line-height:var(--reading-leading);text-wrap:pretty;overflow-wrap:anywhere;color:var(--edge)}.tool .sentence.right{color:var(--leaf);font-family:var(--font-answer);font-size:max(var(--answer-min),calc(var(--answer-max) * var(--reading-scale, 1)));font-weight:700}.tool :is(.slide,.example:not(.one))>.sentence.right{padding:8px 0 8px 18px;border-left:3px solid var(--leaf)}.tool :is(.slide,.example:not(.one))>.sentence.right:before{content:"Answer";display:block;margin-bottom:4px;color:var(--leaf);font:700 var(--direction-size)/1.5 var(--font-direction)}.tool .example.one .sentence.right{font-weight:400}.tool .sentence:has(.options){line-height:1.65}.tool .sentence .options{margin-block:.15em}.tool .options .opt{min-height:44px;font-family:var(--font-choice);font-size:max(var(--choice-min),calc(var(--choice-max) * var(--reading-scale, 1)));font-weight:400;line-height:var(--reading-leading)}.tool .taps .w{min-height:44px}.tool .slide .label,.tool .example .label{font:var(--weight-control) var(--direction-size)/1.5 var(--font-direction);flex:none;margin:0;color:var(--soft);font-variant-numeric:tabular-nums;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}.tool .label .count{margin:0;color:var(--tomato);font-size:var(--direction-size);font-weight:700}.tool .label .prompt{grid-column:1 / -1;grid-row:2;color:var(--edge);font-size:1rem;font-weight:600}.tool .label .score{grid-column:2;grid-row:1}.tool .sentence:has(.assignment-rows){font-size:max(var(--response-min),calc(var(--response-max) * var(--reading-scale, 1)));line-height:1.6}.tool :is(.learn,.stage) .assignment-context{margin:8px 0 24px;font-size:max(var(--question-min),calc(var(--question-max) * var(--reading-scale, 1)));line-height:var(--reading-leading)}.tool :is(.learn,.stage) .assignment-instruction{display:block;margin:0 0 8px;color:var(--soft);font:600 1rem/1.5 var(--font-direction)}.tool :is(.learn,.stage) .assignment-targets{gap:8px;margin:0 0 20px;font:600 max(var(--choice-min),calc(var(--choice-max) * var(--reading-scale, 1)))/1.5 var(--font-direction)}.tool :is(.learn,.stage) .assignment-targets>span{padding:4px 12px;border:1px solid var(--rule);background:var(--surface)}.tool :is(.learn,.stage) .assignment-rows{display:grid;gap:8px}.tool :is(.learn,.stage) .assignment-rows>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0}.tool :is(.learn,.stage) .assignment-blank{margin-left:0;min-width:9ch;border-color:var(--outline)}.tool :is(.learn,.stage) .inline-answer{font-weight:700}.tool :is(.learn,.stage) .assignment-row{font:400 var(--input-size)/1.5 var(--font-answer)}.tool :is(.learn,.stage) .assignment-choice{font:600 max(var(--choice-min),calc(var(--choice-max) * var(--reading-scale, 1)))/1.5 var(--font-direction)}.tool .rule{min-block-size:5rem;margin:0 0 20px;display:flex;align-items:center;font:var(--weight-label) var(--rule-size)/1.6 var(--font-direction)}.tool .typed{min-block-size:5rem;max-block-size:9rem;font:400 var(--input-size)/var(--reading-leading) var(--font-answer)}.tool .stage{block-size:var(--stage-size);display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:20px;padding:24px var(--reading-gutter)}.tool .slide{display:flex;flex-direction:column;justify-content:safe center;width:100%;cursor:pointer;min-block-size:0;min-inline-size:0;block-size:100%;gap:12px;overflow:auto}.tool .slide>*{flex:none}body:not(.projecting) .tool[data-view=solo] .stage:has(.assignment-form){block-size:auto;grid-template-rows:auto auto}body:not(.projecting) .tool[data-view=solo] .slide:has(.assignment-form){block-size:auto;overflow:visible}body:not(.projecting) .tool[data-view=solo] .stage:has(.sentence-options){block-size:auto;grid-template-rows:auto auto}body:not(.projecting) .tool[data-view=solo] .slide:has(.sentence-options){block-size:auto;overflow:visible}body:not(.projecting) .tool[data-view=board] .stage:has(.assignment-rows){block-size:auto;grid-template-rows:auto auto}body:not(.projecting) .tool[data-view=board] .slide:has(.assignment-rows){block-size:auto;overflow:visible}.tool .slide>.right[hidden]{display:block!important;visibility:hidden}.tool .controls{align-self:end}.tool .learn{padding:24px var(--reading-gutter)}.tool .examples{gap:0}.tool .learn .example{--question-max: 2rem;--question-min: 1.125rem;--answer-max: 1.75rem;--answer-min: 1.125rem;--choice-max: 1.25rem;--choice-min: 1rem;--response-max: 1.375rem;block-size:auto;min-inline-size:0;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:16px 0;overflow:visible}.tool .example>*{flex:none}.tool .example .label{margin:0}.tool .learn-foot{margin-top:20px}@media(max-width:640px){.tool{--question-max: 2rem;--question-min: 1.25rem;--answer-max: 1.75rem;--answer-min: 1.125rem;--choice-max: 1.25rem;--stage-size: 32rem;--input-size: 1.25rem}.tool .learn .example{--question-max: 1.625rem;--answer-max: 1.5rem}.tool :is(.learn,.stage) .assignment-context{margin-bottom:20px}}.projecting .tool{--question-max: 6rem;--question-min: 1.5rem;--answer-max: 5rem;--answer-min: 1.375rem;--choice-max: 3rem;--choice-min: 1.125rem;--response-max: 3.25rem;--input-size: 2rem;--direction-size: 1rem;--rule-size: 1.375rem;--reading-gutter: clamp(24px, 5vw, 80px)}.projecting .tool .stage{block-size:auto;flex:1;min-block-size:0}.projecting .tool[data-view=learn] .learn{flex:1;min-block-size:0;display:flex;flex-direction:column;gap:16px}.projecting .tool .rule{flex:none;min-block-size:0;margin:0}.projecting .tool .examples{flex:1;min-block-size:0;display:flex}.projecting .tool .learn .example{--question-max: 5rem;--question-min: 1.5rem;--answer-max: 4rem;--answer-min: 1.375rem;--choice-max: 2.5rem;--choice-min: 1.125rem;--response-max: 3.25rem;block-size:100%;max-block-size:none;overflow:auto;justify-content:safe center;width:100%;padding:0}.projecting .tool .learn-foot{flex:none;margin:0}.projecting .tool .example:not(.on){display:none}.projecting .tool .slide{flex:initial}.projecting .tool .label .prompt{font-size:1.5rem}.projecting .tool :is(.learn,.stage) .assignment-instruction{font-size:1.375rem}.projecting .tool .why{font-size:1.25rem}@media print{.tool .stage,.tool .learn{display:none!important}}