.mental-lesson{max-width:1100px;margin:auto;color:#173950}.mental-lesson h1{text-align:center;font-size:clamp(18px,3vw,25px);margin:3px}.mental-controls,.mental-navigation,.mental-choices{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;align-items:center;margin:5px 0}.mental-lesson label{display:inline-flex;align-items:center;gap:4px}.mental-lesson button,.mental-lesson input,.mental-lesson select{font:inherit}.mental-lesson button{padding:5px 9px;border:2px solid #075bb6;background:#e4f1ff;color:#064278;font-weight:800;cursor:pointer}.mental-lesson button[aria-pressed=true],.mental-lesson button.mental-correct{background:#006344;color:white;border-color:#004d35}.mental-lesson button.mental-wrong{background:#fff0bc;border-color:#9a5500}.mental-lesson button:disabled{opacity:.4;cursor:not-allowed}.mental-lesson button:focus-visible{outline:3px solid #a85c00;outline-offset:2px}.mental-board{background:white;border:2px solid #486d87;padding:6px}.mental-caption{background:#fff0b4;color:#693d00;border:1px solid #a96c00;margin:0;padding:5px;font-weight:800;text-align:center;min-height:2.5em}.mental-original,.mental-expression,.mental-question-equation{text-align:center;font-size:clamp(24px,4vw,34px);font-weight:900;margin:3px;color:#075bb6;min-height:1.35em}.mental-expression{color:#006344}.mental-board svg{display:block;width:100%;max-height:min(280px,35dvh)}.mental-key{font-size:13px;text-align:center;margin:2px;font-weight:700}.mental-question{background:#fff0bc;border:3px solid #a75e00;padding:7px;text-align:center}.mental-question strong{display:block}.mental-choices button{min-width:60px}.mental-question p{font-weight:800;color:#693d00;margin:4px}.mental-lesson form{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.mental-lesson form input{width:120px}.mental-lesson form small{width:100%}.mental-lesson [hidden]{display:none!important}.mental-lesson>.mental-controls{display:grid;grid-template-columns:1.1fr repeat(3,1fr)}.mental-lesson>.mental-controls button,.mental-lesson>.mental-controls label{font-size:13px!important;padding:5px 2px!important;min-width:0}.mental-lesson>.mental-controls select{min-width:0;width:100%}.mental-lesson .mental-navigation button{font-size:12px!important;padding:5px!important}@media(max-width:500px){.mental-caption{font-size:13px}.mental-lesson>.mental-controls label{font-size:0!important}.mental-lesson>.mental-controls select{font-size:13px}.mental-key{font-size:11px}.mental-board svg{min-height:120px}}@media(max-height:500px) and (min-width:650px){.mental-board{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding:3px}.mental-caption{grid-column:1/-1;min-height:0!important;font-size:11px!important;padding:2px;line-height:1.2}.mental-board svg{grid-column:1;grid-row:2/span 3;max-height:110px;align-self:center}.mental-original,.mental-expression{grid-column:2;font-size:23px!important;min-height:0;align-self:center}.mental-key{grid-column:2;font-size:10px}.mental-lesson h1{font-size:18px}.mental-controls,.mental-navigation{margin:2px 0}.mental-lesson .mental-navigation button,.mental-lesson>.mental-controls button{min-height:28px!important;padding:2px 5px!important}.mental-board:has(.mental-question:not([hidden])){display:block}.mental-choices button{font-size:12px!important;padding:3px!important;min-height:28px!important}.mental-question-equation{font-size:22px;margin:0}.mental-question p{font-size:11px}}
.mental-board svg text{font-size:32px}
.mental-board svg [data-cursor-label]{font-size:34px}