.textbook-overview{padding-bottom:100px}.textbook-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 12px}.textbook-heading h1{font-size:23px;margin:0}.textbook-heading p{font-size:12px;color:#7e886c;margin:4px 0}.textbook-heading>button{font-size:12px;padding:8px;min-height:44px;max-width:112px}.textbook-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.textbook-directory article{border:1px solid #e1e6d3;background:#fffef9;border-radius:12px;overflow:hidden}.textbook-directory article.selected{border:2px solid #73994d;background:#eef5df}.textbook-pick{border:0;background:transparent;color:#315b3e;display:flex;align-items:center;gap:4px;width:100%;min-height:48px;padding:8px;font-size:17px;text-align:left}.textbook-pick strong{overflow-wrap:anywhere;font-weight:600}.textbook-pick small{font:10px system-ui;color:#9b9d86}.textbook-counts{display:flex;gap:12px;padding:0 8px 6px;color:#7d866e;font-size:11px}.textbook-counts .has-errors{color:#a64d3b}.textbook-main-actions{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:10px max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));background:#f7f8eef2;border-top:1px solid #dfe4cf;z-index:10}.textbook-main-actions button{min-height:48px;font-size:16px;max-width:500px;overflow-wrap:anywhere}.textbook-main-actions button.primary{flex:1}.textbook-quiz{max-width:520px;margin:5px auto;background:#fffef9;border:1px solid #e2e6d4;border-radius:18px;padding:12px;box-shadow:0 6px #e9edda}.textbook-meta{display:flex;justify-content:space-between;font-size:12px;color:#879172}.textbook-word{text-align:center;font-size:var(--word-size,32px);line-height:1.2;margin:10px 0 8px;overflow-wrap:anywhere}.textbook-answer-row{display:flex;align-items:center;gap:5px;border-bottom:2px solid #789459;margin:0 6px 5px;color:#577348;font-size:25px}.textbook-answer-row input{width:100%;min-width:0;border:0;background:transparent;box-shadow:none;border-radius:0;font:24px/1.5 Andika,Arial,sans-serif;padding:0;text-align:center;min-height:40px;color:#385d40}.textbook-answer-row input::placeholder{font:14px system-ui;color:#a1a48f}.textbook-feedback{font-size:12px;text-align:center;min-height:37px;line-height:1.4;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:4px 0}.textbook-feedback b{font-size:19px;overflow-wrap:anywhere}.textbook-feedback small{font-size:11px}.textbook-feedback.right{color:#4f803d}.textbook-feedback.wrong:has(b){color:#a94d3d;background:#fff2dd;border-radius:7px;padding:3px}.textbook-keyboard{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.textbook-key{font:20px/1.2 Andika,Arial,sans-serif;color:#345e40;background:#f0f4e4;border:1px solid #dce4c9;border-radius:8px;padding:3px 0;min-height:37px;min-width:0}.textbook-key:active{background:#cdddac}.textbook-key:disabled{opacity:.5}.textbook-edit{display:flex;justify-content:space-between;gap:5px;margin-top:7px}.textbook-edit button{font-size:12px;min-height:35px;padding:4px 9px}.textbook-submit{display:flex;justify-content:center;margin:7px 0 0}.textbook-submit button{min-height:43px;padding:7px 28px;font-size:17px}body[data-screen="textbook"] footer{display:none}@media(max-width:680px){body[data-screen="textbook"] header{height:50px;padding:6px 12px}body[data-screen="textbook"] main{padding:0 8px}body[data-screen="textbook"] .letter-page-top{padding:10px 0;margin-bottom:4px;font-size:12px}.textbook-quiz{padding:10px;margin-top:3px}.textbook-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.textbook-pick{font-size:15px}}@media(min-width:700px){.textbook-directory{grid-template-columns:repeat(5,minmax(0,1fr))}}
.textbook-keyboard{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}
@media(max-width:680px){body[data-screen="textbook"] .letter-page-top{margin-top:0;padding:8px 0}.textbook-word{margin:6px 0}.textbook-feedback{min-height:31px}.textbook-key{min-height:35px}.textbook-edit{margin-top:5px}.textbook-submit{margin-top:5px}}
@media(max-height:620px) and (max-width:680px){body[data-screen="textbook"] header{height:44px}.textbook-word{font-size:28px;margin:4px 0}.textbook-key{min-height:33px}.textbook-feedback{min-height:27px}}