.practice-lab{background:#f7f1e3;border:1px solid #d8c9a5;border-radius:16px;overflow:hidden;color:#292e36}.practice-top{padding:32px;background:#192c38;color:#fff8e8;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:4px solid #bc9749;background-image:radial-gradient(circle at 92% 20%,#c5a65f40 1px,transparent 2px),radial-gradient(circle at 78% 70%,#c5a65f50 1px,transparent 2px);background-size:70px 70px,110px 110px}.practice-top h2{font-size:34px;margin:0 0 12px}.practice-top p{margin:0;max-width:560px;line-height:1.6}.practice-top .eyebrow{color:#e7c87e;margin-bottom:12px}.practice-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px}.practice-choices article{padding:28px;background:#fffdf7;border:1px solid #d8c9a5;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}.practice-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#efe1bb;color:#77581c;font-size:30px;margin-bottom:24px}.practice-choices h3{font-size:30px;margin:0 0 12px}.practice-choices p{line-height:1.6}.practice-meta,.practice-choices small{font-size:13px;color:#616454}.practice-choices small{margin-top:16px}.practice-choices .portal-button{margin-top:auto}.practice-notes{margin:0 28px 28px;padding:20px;border:1px solid #d8c9a5;border-radius:8px;background:#fffdf7}.practice-notes summary{cursor:pointer;font-weight:600}.practice-notes p{font-size:15px;line-height:1.7}.practice-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:20px;padding:24px 28px}.practice-toolbar label{display:grid;gap:6px}.practice-toolbar select{background:#fffdf7;max-width:100%}.practice-toolbar>span{font-size:13px;padding-bottom:12px}.practice-card{padding:28px;margin:0 28px 24px;background:#fffdf7;border:1px solid #d8c9a5;border-radius:10px;min-width:0}.practice-card>p{line-height:1.7}.practice-card label{display:block;margin-top:20px}.practice-card input,.practice-card textarea{width:100%;background:#fff;box-sizing:border-box}.typing-target{padding:22px;background:#f1efea;border-radius:8px;margin:24px 0;font:24px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.typed-correct{color:#205d3b;background:#e1eddf}.typed-error{color:#8b211e;background:#fbded9;text-decoration:underline wavy}.type-next{border-bottom:3px solid #875e1d;background:#f7e8b8}.finger-guide{font-weight:600;color:#6d511d;min-height:28px}.practice-keyboard{margin:24px 0}.practice-keyboard>div{display:flex;justify-content:center;gap:5px;margin:5px 0}.practice-keyboard span{width:35px;height:35px;border:1px solid #ccc6b7;border-bottom-width:3px;border-radius:5px;display:grid;place-items:center;font:16px ui-monospace,monospace;background:#f5f1e8}.practice-keyboard .key-next{background:#193b30;color:white;border-color:#193b30}.practice-keyboard .space-key{width:160px}.practice-metrics{display:flex;justify-content:space-between;gap:15px;font-size:14px;color:#505747}.practice-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}#typing-finish:not(:empty){padding:18px;background:#e4eedc;margin-top:18px;border-radius:8px}.practice-phases{display:flex;gap:8px;padding:0 28px 24px}.practice-phases button{flex:1;border:1px solid #d8c9a5;border-radius:6px;padding:12px 8px;background:#fffdf7;font:600 14px var(--sans);cursor:pointer}.practice-phases button[aria-current]{background:#192c38;color:#fff}.reading-surface{font-family:Verdana,Arial,sans-serif;text-align:left}.reading-copy,.word-examples,.assembled-word{font-size:var(--reading-size);line-height:1.8}.reading-surface.extra-spacing .reading-copy,.reading-surface.extra-spacing input,.reading-surface.extra-spacing textarea{letter-spacing:.06em;word-spacing:.16em;line-height:2}.reading-surface h3{font-family:Verdana,Arial,sans-serif;font-size:24px;line-height:1.5}.word-examples{display:flex;gap:22px;flex-wrap:wrap;margin:24px 0}.word-examples>span{display:flex;gap:3px}.word-examples b{font-weight:500;padding:8px 12px;background:#eee5cd;border-bottom:3px solid #b0924f;border-radius:4px}.word-tiles{display:flex;flex-wrap:wrap;gap:12px}.word-tiles button{font:24px Verdana,sans-serif;padding:14px 18px;background:#f1e5c4;border:1px solid #bba369;border-radius:7px;cursor:pointer}.word-tiles button:disabled{opacity:.35;cursor:default}.assembled-word{min-height:48px;padding:14px;border-bottom:2px solid #baa978}.reading-surface input,.reading-surface textarea{font:var(--reading-size)/1.8 Verdana,Arial,sans-serif}.reading-passage p{padding:12px 16px;border-left:4px solid transparent;margin:4px 0}.reading-passage .active-line{background:#f4e8bf;border-left-color:#8b6c25}.reading-question,.writing-checklist{margin-top:28px;border:1px solid #d8c9a5;padding:20px;border-radius:8px}.reading-question legend,.writing-checklist legend{font-size:16px;line-height:1.6;padding:0 8px}.reading-question button{display:block;margin:10px 0;text-align:left}.practice-lab .practice-check{display:flex;align-items:center;gap:10px;line-height:1.6}.practice-lab .practice-check input{width:20px;min-height:20px;height:20px;flex-shrink:0;accent-color:#193b30}.practice-status:not(:empty){margin:20px 28px;padding:18px;background:#ece3c9;border-left:4px solid #98762b;line-height:1.7}.practice-footer{padding:18px 28px;font-size:12px;color:#5a6055;border-top:1px solid #d8c9a5;line-height:1.7}.sentence-starter{padding:16px;background:#f4f0e6}.practice-lab button:focus-visible,.practice-lab summary:focus-visible{outline:3px solid #a6751e;outline-offset:3px}
@media(max-width:700px){.practice-choices{grid-template-columns:1fr;padding:18px;gap:18px}.practice-top{padding:24px;align-items:flex-start;flex-direction:column}.practice-top h2{font-size:29px}.practice-card{margin:0 14px 18px;padding:18px}.practice-toolbar{padding:18px;gap:12px}.practice-toolbar label{max-width:100%}.practice-phases{padding:0 14px 18px;gap:5px}.practice-phases button{font-size:12px;padding:12px 4px}.practice-keyboard span{width:26px;height:30px;font-size:13px}.practice-keyboard>div{gap:3px}.typing-target{padding:14px;font-size:21px}.practice-metrics{flex-direction:column}.practice-notes{margin:0 18px 18px}.word-examples{gap:12px}.word-examples b{padding:6px 8px}.practice-status:not(:empty){margin:18px}.reading-question,.writing-checklist{padding:12px}}
.pencil-practice{margin:0 28px 24px;border:1px solid #d8c9a5;padding:20px;background:#fffdf7;border-radius:8px}.pencil-practice summary{cursor:pointer;font-weight:600;min-height:32px}.pencil-practice p{font-size:14px;line-height:1.7}.pencil-practice canvas{display:block;width:100%;height:200px;border:1px solid #bfb18d;border-radius:6px;touch-action:none}.word-tiles button,.practice-phases button{min-height:48px}.practice-lab input,.practice-lab textarea,.practice-lab select{font-size:18px}@media(max-width:700px){.pencil-practice{margin:0 14px 18px}}