/* Presentación acotada a Numbers; reutiliza tarjetas, botones y parejas existentes. */
.numbers-practice{max-width:1100px;min-width:0}
.numbers-practice .vocab-entry{margin-block:16px}
.numbers-practice .vocab-controls{gap:10px;flex-wrap:wrap}
.numbers-practice .btn{white-space:normal;overflow-wrap:anywhere;min-height:48px}
.numbers-practice .number-question{padding:20px;min-width:0}
.numbers-practice .number-question p{font-size:18px;line-height:1.65;overflow-wrap:anywhere}
.numbers-practice .number-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0}
.numbers-practice .number-question .number-cue{font-size:clamp(30px,5vw,48px);font-weight:500;text-align:center;overflow-wrap:anywhere}
.numbers-practice .number-question .number-concept-cue{font-size:20px;font-weight:400;text-align:left}
.numbers-practice #number-form{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}
.numbers-practice #number-form label{flex-basis:100%}
.numbers-practice #number-input{min-height:48px;min-width:0;flex:1 1 240px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;box-sizing:border-box}
.numbers-practice .number-written{padding:14px;border-radius:10px;overflow-wrap:anywhere}
.numbers-practice .number-good{color:#286137;font-weight:600}
.numbers-practice .number-bad{color:#a43939;font-weight:600}
.numbers-practice [role="status"]{min-height:26px}
.numbers-practice :focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media(max-width:600px){.numbers-practice .number-options{grid-template-columns:minmax(0,1fr)}.numbers-practice .number-question{padding:16px}.numbers-practice #number-form button{width:100%}}