.spellingtest{--st-paper:#fff;--st-ink:#111;--st-ink-2:#3a3a3a;--st-rule:#999;container-type:inline-size}.spellingtest__frame{display:grid;gap:var(--space-4)}.spellingtest__frame > *{min-width:0;margin:0}.spellingtest .pill{position:relative}.spellingtest[data-guard] :is(button,select,label,summary,a){pointer-events:none}.spellingtest__top{display:grid;gap:var(--space-3);align-items:end}.spellingtest__top > .spellingtest__editor{order:1}.spellingtest__status{height:6em;overflow:hidden;line-height:1.5}@container (min-width:17.5rem){.spellingtest__status{height:4.5em}}@container (min-width:34rem){.spellingtest__top{grid-template-columns:minmax(0,1fr) auto}.spellingtest__top > [data-primary-action]{grid-row:1;grid-column:2}.spellingtest__top > .spellingtest__editor{grid-column:1 / -1}.spellingtest[data-mode="maker"] .spellingtest__top{grid-template-columns:minmax(0,1fr)}.spellingtest[data-mode="maker"] .spellingtest__top > [data-primary-action]{grid-column:1;justify-self:start}.spellingtest__status{height:3em}}.spellingtest__sheets{padding:0;border:0}.spellingtest__sheets .segmented{flex-wrap:wrap;border-radius:var(--radius)}.spellingtest details > summary{min-height:var(--tap);padding-block:var(--space-2);font-weight:700;cursor:pointer}.spellingtest details > .stack,.spellingtest details > fieldset{margin-block:var(--space-2) var(--space-3)}.spellingtest .tool-own{display:grid;gap:var(--space-2)}.spellingtest .tool-own > *{min-width:0;margin:0}.spellingtest .tool-own__label{font-weight:600}.spellingtest .tool-own__how{color:var(--ink-muted);font-weight:400}.spellingtest .tool-own__text{min-height:0;resize:vertical}.spellingtest__note{min-height:3em;color:var(--ink-muted);font-size:var(--step--1);line-height:1.5}.spellingtest__note[data-tone="bad"]{color:var(--bad);font-weight:600}.spellingtest[data-mode="maker"]:not([data-typing]) .spellingtest__own-hint{display:none}.spellingtest__own-foot{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.spellingtest__own-foot > [data-act="reset"]{margin-left:auto}.spellingtest__own-foot > .btn-ghost{padding-inline:var(--space-2)}.spellingtest[data-mode="lists"] .spellingtest__own-foot,.spellingtest[data-typing] .spellingtest__own-foot{min-height:calc(var(--tap) * 2 + var(--space-2))}@container (min-width:17.5rem){.spellingtest[data-mode="lists"] .spellingtest__own-foot:not([data-more]),.spellingtest[data-typing] .spellingtest__own-foot:not([data-more]){min-height:var(--tap)}}@container (min-width:34rem){.spellingtest[data-mode="lists"] .spellingtest__own-foot[data-more],.spellingtest[data-typing] .spellingtest__own-foot[data-more]{min-height:var(--tap)}}.spellingtest:not([data-typing]) .spellingtest__own-foot:not(:has(> :not([hidden]))){display:none}.spellingtest__editor > .tool-own{margin-block:var(--space-2) var(--space-3)}.spellingtest__sheets,.spellingtest__own{scroll-margin-top:var(--space-4)}.spellingtest .spellingtest__check.check input{display:grid;flex:none;place-content:center;width:var(--tap);height:var(--tap);margin:0 0 0 calc(var(--space-2) * -1);border:0;background:none;cursor:pointer;appearance:none}.spellingtest .spellingtest__check.check input::before{grid-area:1 / 1;width:1.625rem;height:1.625rem;border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);content:"";mask:none;transform:none}.spellingtest .spellingtest__check.check input::after{grid-area:1 / 1;place-self:center;width:0.45rem;height:0.85rem;border:solid var(--brand-ink);border-width:0 0.19rem 0.19rem 0;content:"";opacity:0;transform:translateY(-0.09rem) rotate(45deg)}.spellingtest .spellingtest__check.check input:checked::before{border-color:var(--brand);background:var(--brand)}.spellingtest .spellingtest__check.check input:checked::after{opacity:1}.spellingtest .spellingtest__check.check input:focus-visible{outline-offset:-0.375rem}@media (forced-colors:active){.spellingtest .spellingtest__check.check input{display:block;width:1.5rem;height:1.5rem;margin:0.625rem;appearance:auto}.spellingtest .spellingtest__check.check input::before,.spellingtest .spellingtest__check.check input::after{display:none}}.spellingtest__why-not{min-height:3em;margin-top:var(--space-2);line-height:1.5}.spellingtest textarea{font-family:var(--font-mono);font-size:max(16px,var(--step--1))}.spellingtest__stage{display:grid;gap:var(--space-4);align-content:start;min-height:26rem}.spellingtest[data-mode="maker"][data-state="idle"] .spellingtest__stage{height:15rem;min-height:0;padding:var(--space-2);overflow:auto;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);scrollbar-gutter:stable}@container (min-width:56rem){.spellingtest[data-mode="maker"][data-state="idle"] .spellingtest__frame{grid-template-columns:minmax(0,24rem) minmax(0,1fr);grid-template-rows:repeat(9,auto) 1fr;column-gap:var(--space-5)}.spellingtest[data-mode="maker"][data-state="idle"] .spellingtest__frame > *{grid-column:1}.spellingtest[data-mode="maker"][data-state="idle"] .spellingtest__frame > .spellingtest__stage{grid-row:1 / -1;grid-column:2;height:auto;min-height:26rem;padding:0;overflow:visible;border:0;background:none}.spellingtest[data-mode="maker"][data-state="idle"] .spellingtest__frame > .share-banner{grid-row:1;grid-column:1 / -1}.spellingtest[data-mode="maker"][data-state="idle"] .spellingtest__frame:has(> .share-banner) > .spellingtest__stage{grid-row:2 / -1}.spellingtest[data-mode="maker"][data-typing] .spellingtest__own-foot[data-more]{min-height:calc(var(--tap) * 2 + var(--space-2))}.spellingtest[data-mode="maker"] .spellingtest__top > [data-primary-action]{justify-self:stretch}.spellingtest[data-mode="maker"] .spellingtest__status{height:4.5em}}.spellingtest[data-state="test"] .spellingtest__frame > :not(.spellingtest__stage,[data-announce]),.spellingtest[data-state="results"] .spellingtest__frame > :not(.spellingtest__stage,[data-announce]){display:none}@media (max-width:40rem){.spellingtest[data-state="test"] .spellingtest__stage,.spellingtest[data-state="results"] .spellingtest__stage{min-height:100vh;min-height:100svh}}html[data-play="spellingtest"] main:has(.spellingtest) .dataset{display:none}.spellingtest__test,.spellingtest__results{display:grid;gap:var(--space-4);align-content:start;width:min(100%,36rem);margin-inline:auto}.spellingtest__count{margin:0;font-weight:700}.spellingtest__prompt{margin:0;font-size:var(--step-1)}.spellingtest__answer{min-height:3.5rem;font-size:max(16px,var(--step-2));letter-spacing:0.04em}.spellingtest__test .hint{min-height:3em;line-height:1.5}.spellingtest__test [data-off]{visibility:hidden}@container (max-width:30rem){.spellingtest__test .cluster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spellingtest__test .cluster .btn{padding-inline:var(--space-3)}}.spellingtest__score{margin:0;font-size:var(--step-2);font-weight:800}.spellingtest__score:focus{outline:0}.spellingtest__marks{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.spellingtest__mark{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-3);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.spellingtest__mark[data-right="no"]{border-color:var(--bad)}.spellingtest__mark[data-right="none"]{border-style:dashed}.spellingtest__word{font-size:var(--step-1);overflow-wrap:anywhere}.spellingtest__typed,.spellingtest__why{flex-basis:100%;color:var(--ink-muted);font-size:var(--step--1);overflow-wrap:anywhere}.spellingtest__page{display:grid;gap:var(--space-3);align-content:start;padding:clamp(0.9rem,0.4rem + 2.4cqi,2rem);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--st-paper);color:var(--st-ink)}.spellingtest__page > *{margin:0}.spellingtest__page[data-key]::before{content:"For the person who reads or marks the test";color:var(--st-ink-2);font-size:var(--step--1);font-weight:700;letter-spacing:0.04em;text-transform:uppercase}.spellingtest__head{display:grid;gap:var(--space-2)}.spellingtest__title{margin:0;font-size:var(--step-2);font-weight:800;line-height:1.15;overflow-wrap:anywhere}.spellingtest__fill{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:0;font-size:var(--step--1)}.spellingtest__sat{display:none}.spellingtest__rule{display:inline-block;width:6rem;border-bottom:1.5px solid var(--st-ink);vertical-align:baseline}.spellingtest__rule--long{width:min(11rem,40cqi)}.spellingtest__rule--line{flex:1 1 6rem;width:auto;min-width:5rem;max-width:16rem}.spellingtest__how{color:var(--st-ink-2)}.spellingtest__rows{display:block;columns:2 13rem;column-gap:var(--space-6);margin:0;padding:0;list-style:none}.spellingtest__rows--list,.spellingtest__rows--choice,.spellingtest__rows--wide{columns:1}.spellingtest__row{display:flex;align-items:baseline;gap:var(--space-2);min-height:2.6rem;break-inside:avoid;overflow-wrap:anywhere}.spellingtest__rows--list .spellingtest__row,.spellingtest__rows--key .spellingtest__row{min-height:0;padding-block:var(--space-1)}.spellingtest__n{flex:none;min-width:1.9em;color:var(--st-ink-2);font-variant-numeric:tabular-nums;text-align:right}.spellingtest__entry{display:flex;flex-wrap:wrap;gap:0 var(--space-3)}.spellingtest__entry > b{min-width:7rem}.spellingtest__sentence{color:var(--st-ink-2)}@media screen{@container (max-width:34rem){.spellingtest__sentence{flex-basis:100%}}}.spellingtest__box{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin:0;padding:var(--space-3);border:1.5px solid var(--st-ink);border-radius:var(--radius-sm);font-weight:700;list-style:none}.spellingtest__box li{min-width:0;overflow-wrap:anywhere}.spellingtest__keyhead{margin-top:var(--space-2);font-weight:800}.spellingtest__keynote{color:var(--st-ink-2);font-size:var(--step--1)}.spellingtest__rows--missing .spellingtest__row{flex-wrap:wrap}@media screen{@container (max-width:34rem){.spellingtest__rows--missing .spellingtest__rule--line{flex-basis:100%;max-width:none}}}.spellingtest__gapped{flex:0 1 auto;min-width:7.5rem;font-family:var(--font-mono);font-size:var(--step-1);letter-spacing:0.14em}.spellingtest__choices{display:grid;flex:1;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--space-1) var(--space-3)}.spellingtest__rows--choice{container-type:inline-size}@container (min-width:20.5rem){.spellingtest__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:33rem){.spellingtest__choices{grid-template-columns:repeat(4,minmax(0,1fr))}}.spellingtest__letter{font-weight:800}.spellingtest__foot{color:var(--st-ink-2);font-size:var(--step--1);text-align:right}.spellingtest__empty{padding:var(--space-5);border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--ink-muted)}@media print{main:has(.spellingtest) > :not(.tool){display:none !important}.spellingtest{--st-ink:#000;--st-ink-2:#000}.spellingtest .spellingtest__frame,.spellingtest[data-mode][data-state] .spellingtest__frame > .spellingtest__stage{display:block;height:auto;min-height:0;padding:0;overflow:visible;border:0;background:none}.spellingtest__frame > :not(.spellingtest__stage){display:none !important}.spellingtest__page{display:block;padding:0;border:0;border-radius:0;font-size:13pt}.spellingtest__page[data-key]::before{display:block;margin-bottom:3mm;font-size:9pt}.spellingtest__title{font-size:17pt}.spellingtest__fill{justify-content:space-between;margin-top:4mm;font-size:11pt}.spellingtest__rule{width:40mm;border-bottom:0.4mm solid var(--st-ink)}.spellingtest__rule--long{width:80mm}.spellingtest__rule--line{max-width:70mm}.spellingtest__how{margin-block:4mm 5mm;font-size:11pt}.spellingtest__rows{columns:2;column-gap:12mm}.spellingtest__rows--list,.spellingtest__rows--choice,.spellingtest__rows--wide{columns:1}.spellingtest__row{min-height:19mm}.spellingtest__rows--choice .spellingtest__row{min-height:9.5mm}.spellingtest__page[data-sheet="abc"] .spellingtest__row{min-height:15mm}.spellingtest__page .spellingtest__rows--list .spellingtest__row,.spellingtest__page[data-key] .spellingtest__rows--key .spellingtest__row{min-height:0;padding-block:1.2mm;font-size:11pt}.spellingtest__box{margin-bottom:5mm;padding:3mm 4mm;border:0.4mm solid var(--st-ink)}.spellingtest__choices{grid-template-columns:repeat(4,minmax(0,1fr))}.spellingtest__keyhead{margin-block:4mm 1mm;font-size:11pt}.spellingtest__keynote{margin-top:4mm;font-size:9pt}.spellingtest__foot{margin-top:4mm;font-size:8pt}.spellingtest__mark{border:0;border-bottom:0.3mm solid var(--st-rule);border-radius:0;break-inside:avoid}.spellingtest__sat{display:flex}}.spellingtest__frame{display:grid;gap:var(--space-4)}.spellingtest__frame > .spellingtest__own{order:-5}.spellingtest__frame > .spellingtest__top{order:-4}.spellingtest__frame > .spellingtest__bar{order:-3}.spellingtest__frame > .spellingtest__sheets{order:-2}.spellingtest__frame > .spellingtest__stage{order:-1}.spellingtest .spellingtest__status,.spellingtest [data-act="share"],.spellingtest .btn > .icon{display:none}.spellingtest__bar .btn,.spellingtest__sheets .pill{min-height:0;padding:0 0.2em;border:0;border-radius:0;background:none;color:var(--link);font-weight:400;text-decoration:underline;text-underline-offset:0.25em}.spellingtest__sheets .pill:has(:checked){color:inherit;text-decoration:none;font-weight:700;background:none;box-shadow:none}.spellingtest__sheets .segmented{flex-wrap:wrap;gap:var(--space-1) var(--space-3);padding:0;background:none;box-shadow:none}