.learn-mend-main{display:grid;grid-template-columns:repeat(18,minmax(58px,1fr));gap:4px;margin:18px 0 10px;min-width:1050px;overflow-x:auto}.learn-mend-family{display:grid;grid-template-columns:repeat(14,minmax(58px,1fr));gap:4px;margin:4px 0 18px 120px;min-width:820px;overflow-x:auto}.learn-element{min-height:58px;padding:5px;border:1px solid #d2e2cd;background:#f8fbf6;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2px}.learn-element small{color:#6d7a6c;font-size:10px}.learn-element b{font-size:14px;color:#244d2b}.learn-element span{font-size:11px;color:#39753c}.mendeleev-recall-status{margin:18px 0 0;color:#2d713a}.learn-mend-recall-main,.learn-mend-recall-family{overflow:visible}.learn-element-input{background:#fff}.learn-element-input input{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid #aec8a9;background:transparent;padding:3px 0;color:#243b28;font:600 11px Montserrat,Arial,sans-serif;outline:0;text-align:center}.learn-element-input input:focus{border-bottom:2px solid #2d743b;background:#f1f9ed}.mendeleev-recall-actions{text-align:center;margin:20px 0}.learn-element-result.correct{border-color:#70af5c;background:#f1faed}.learn-element-result.wrong{border-color:#ce7567;background:#fff7f6}.learn-element-result.wrong span{color:#a24739;font-size:9px;line-height:1.2}@media(max-width:700px){.learn-mend-main{overflow-x:auto}.learn-mend-family{margin-left:0;overflow-x:auto}.learn-mend-recall-main,.learn-mend-recall-family{overflow-x:auto}}