.keyboard-insight{padding:26px;margin-bottom:24px;color:#35546c}.keyboard-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.keyboard-head h2{font-size:20px;margin:0 0 8px}.keyboard-head h2 small{font-size:12px;color:#6d8495;margin-left:9px}.keyboard-head p,.keyboard-note{font-size:12px;color:#647d8f;line-height:1.8}.keyboard-score{display:flex;align-items:center;flex-wrap:wrap}.keyboard-score strong{font-size:36px;color:#337db0;margin-right:14px}.keyboard-score span{font-size:13px}.keyboard-shell{background:#f3f7fa;border:1px solid #cfdee8;padding:10px;border-radius:14px;max-width:1000px;margin:0 auto}.keyboard-row{display:flex;width:100%}.kh-key{box-sizing:border-box;min-width:0;height:54px;margin:3px;padding:4px;border:1px solid #c4d3de;border-radius:6px;background:transparent;color:#526b7b;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:help;line-height:1.2;font-size:14px;box-shadow:0 2px 0 #d0dce3}.kh-key small{font-size:11px;opacity:.8;margin-top:3px}.kh-key.estimated{border-style:dashed}.kh-key:focus{outline:3px solid #418ed0;outline-offset:1px}.keyboard-insight .unseen{background:transparent}.keyboard-insight .unknown{background:#dde8ed}.keyboard-insight .good-1{background:#c8ebd3;color:#24573b}.keyboard-insight .good-2{background:#76c496;color:#143e28}.keyboard-insight .good-3{background:#268455;color:#fff}.keyboard-insight .bad-1{background:#f8d7ce;color:#81372d}.keyboard-insight .bad-2{background:#e99b8b;color:#68261e}.keyboard-insight .bad-3{background:#bd4848;color:#fff}.keyboard-legend{display:flex;flex-wrap:wrap;justify-content:center;margin:15px 0 5px;font-size:12px}.keyboard-legend>span{display:flex;align-items:center;margin:5px 12px}.keyboard-legend i{display:inline-block;width:15px;height:15px;border:1px solid #b6c8d3;border-radius:3px;margin-right:4px}.keyboard-note{margin:12px 0 20px}.keyboard-attention{border-top:1px solid #dce7ee;padding-top:20px}.keyboard-attention h3{font-size:16px;margin:0 0 8px}.keyboard-attention .mistake-recommendations{display:flex;flex-wrap:wrap;margin:-5px}.keyboard-attention article{flex:1 1 230px;display:flex;align-items:center;flex-wrap:wrap;border:1px solid #d8e5ee;border-radius:8px;padding:12px;margin:5px;background:#f6f9fc}.keyboard-attention article strong{font-size:22px;margin-right:14px;color:#91412e}.keyboard-attention article>span{font-size:13px}.keyboard-attention article button,.keyboard-attention .practice-suggestion{margin-top:10px;width:100%;font-size:13px}.keyboard-attention .practice-suggestion{color:#337db0}.keyboard-attention .muted{font-size:12px;line-height:1.8}@media(max-width:760px){.keyboard-insight{padding:14px}.keyboard-shell{padding:5px}.kh-key{height:44px;margin:2px;font-size:11px}.kh-key small{font-size:9px}.keyboard-head{display:block}.keyboard-score{margin-top:12px}.keyboard-note{font-size:11px}}