.mastery{display:none;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}.mastery.show{display:grid}.mastery-item{background:#f2efe5;padding:10px}.mastery-item span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.mastery-item b{font:600 18px 'Fraunces'}.exercise-kind{display:inline-block;background:var(--accent);padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:12px}.text-answer{display:flex;gap:8px}.text-answer input{flex:1;min-width:0;border:1px solid var(--line);padding:13px;font:inherit}.text-answer button,.token-check{border:0;background:var(--ink);color:white;padding:12px 16px;font-weight:700;cursor:pointer}.token-bank,.sentence-drop{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px dashed var(--line);min-height:54px}.sentence-drop{margin-bottom:10px;background:#f7f5ee}.token{border:1px solid var(--ink);background:white;padding:9px 11px;cursor:pointer}.result-panel{display:none;background:var(--ink);color:white;padding:24px}.result-panel.show{display:block}.result-panel h3{font:600 30px 'Fraunces';margin:5px 0}.result-panel a{color:var(--lime)}@media(max-width:760px){.mastery{grid-template-columns:1fr}.text-answer{flex-direction:column}}