.workbook-keyboard-shell{position:sticky;top:8px;z-index:60;display:flex;width:max-content;max-width:calc(100vw - 24px);margin:-12px auto 12px;padding:6px 8px;border:1px solid #ddd7ce;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 5px 18px rgba(34,32,29,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ninth-lesson-interactive .workbook-keyboard-shell{position:sticky!important;top:8px!important;z-index:80!important;align-self:center;flex:0 0 auto}
.workbook-keyboard{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.workbook-keyboard::-webkit-scrollbar{display:none}.workbook-keyboard-label{margin-right:2px;color:#6f6a63;font:700 9px Arial,sans-serif;white-space:nowrap}.workbook-key{flex:0 0 auto;min-width:27px;height:29px;padding:0 5px;border:1px solid #ddd7ce;border-radius:6px;background:#faf8f4;color:#3b4d3a;font:700 12px Arial,sans-serif;cursor:pointer}.workbook-key:hover,.workbook-key:focus-visible{border-color:#3b4d3a;background:#eef3ed;outline:none}.workbook-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.workbook-input{width:112px;max-width:100%;height:24px;margin:0 4px;padding:1px 4px;border:0;border-bottom:1px solid #8c867e;border-radius:3px;background:transparent;font:600 12px Arial,sans-serif;color:#22201d;vertical-align:baseline;outline:none;transition:.15s ease}.workbook-input.wide{width:min(270px,70vw)}.workbook-input:focus{border-color:#3b4d3a;background:#f2f5f2;box-shadow:0 2px 0 #3b4d3a}.workbook-input.correct{border-color:#43845a;background:#eef8f1;color:#245b36}.workbook-input.incorrect{border-color:#bd5545;background:#fff1ef;color:#8f3024}
.workbook-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.workbook-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.workbook-check,.workbook-reset{height:24px;border:1px solid #d9d3ca;border-radius:6px;padding:3px 8px;background:#faf8f4;color:#5a5650;font:700 9.5px Arial,sans-serif;cursor:pointer}.workbook-reset{width:24px;padding:0;font-size:13px}.workbook-score{min-width:40px;color:#6b7a6a;font:700 9.5px Arial,sans-serif;text-align:right}.workbook-score.has-errors{color:#a43d30}
@media(max-width:850px){body{overflow-x:hidden}.workbook-keyboard-shell,.ninth-lesson-interactive .workbook-keyboard-shell{position:sticky!important;top:6px!important;width:calc(100% - 12px)!important;max-width:none!important;margin:0 auto 10px!important;padding:5px 6px!important}.workbook-keyboard{width:100%}.workbook-key{min-width:29px;height:31px;font-size:13px}.workbook-input{height:26px;font-size:13px}.workbook-actions{width:100%;justify-content:flex-end}.page{overflow:visible!important}}
@media print{.workbook-keyboard-shell,.workbook-actions{display:none!important}.workbook-input{border-radius:0;background:transparent!important}}