.practice-shell{max-width:1120px;margin:auto}.practice-top,.practice-list-head,.unit-heading,.task-caption,.unit-footer,.writing-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.practice-top .back{margin:0}.progress-pill{background:#fff1c9;color:#735421;border:1px solid #ecd28f;border-radius:30px;padding:8px 17px;font-weight:750;text-decoration:none;font-size:16px;white-space:nowrap}.practice-hero{display:flex;justify-content:space-between;align-items:center;background:#edf2df;border:1px solid #d6e3c3;border-radius:26px;padding:32px 42px;margin:24px 0}.practice-hero h1{font-size:46px;letter-spacing:-1.4px;color:#24563e;margin-top:12px}.practice-hero p{font-size:22px;line-height:1.65;margin:0;color:#536e49}.hero-spark{color:#d49b35;font-size:30px;margin-left:12px}.practice-illustration{position:relative;min-width:220px;text-align:center}.practice-illustration>span{font-size:125px;line-height:1.5}.practice-illustration i{position:absolute;font-size:48px;bottom:0;right:6px;transform:rotate(-14deg);font-style:normal}.practice-illustration b{position:absolute;left:-4px;bottom:8px;font:700 28px Georgia,serif;letter-spacing:4px;color:#9b6b38;background:#fff9e9;border:1px solid #e3d9bb;padding:5px 10px;border-radius:12px;transform:rotate(-9deg)}.practice-illustration em{position:absolute;right:2px;top:5px;font-size:33px;color:#bb9148}.grade-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.grade-card{border:1px solid #dce4cd;border-radius:16px;background:#fffefa;color:#365336;text-align:center;text-decoration:none;padding:17px 8px;display:grid;gap:3px;transition:border-color .15s,background .15s}.grade-card>span{font-size:31px;line-height:1.4}.grade-card strong{font-size:20px}.grade-card small{font-size:13px;color:#617454}.grade-card.selected{border:2px solid #386c42;background:#e7efda;padding:16px 7px;box-shadow:0 3px 0 #cedeba}.grade-card:hover{border-color:#719356;background:#f1f5e6}.practice-context{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid #d8e5d2;border-radius:14px;background:#f0f5ec}.practice-context strong{font-size:19px}.practice-context p{font-size:16px;margin:5px 0 0;max-width:670px}.practice-context .button{flex-shrink:0;font-size:16px;padding:10px 15px}.book-note{margin:10px 5px 25px;font-size:14px}.area-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 20px}.area-tabs a{border:1px solid #d2debf;background:#fffefa;border-radius:11px;padding:11px 17px;min-height:48px;text-decoration:none;font-size:17px;font-weight:700}.area-tabs a.active{background:#2c6848;border-color:#2c6848;color:#fff}.practice-filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:19px 22px;background:#f0eee4;border-radius:15px}.practice-filters label{margin:0;min-width:220px;font-size:15px}.practice-filters select{font-size:17px;background:#fffdfa}.practice-filters>.button{margin:0}.practice-filters>a{font-size:15px;padding:12px 0}.practice-list-head{margin:31px 0 18px}.practice-list-head h2{margin:0;font-size:25px}.practice-unit{padding:28px 30px;border-radius:21px;background:#fffefa;border-color:#d5e0c9;margin-bottom:25px;box-shadow:0 4px 18px #244f2b05}.unit-heading{align-items:flex-start}.unit-heading h2{font-size:27px;margin:12px 0 4px}.level-chip{display:inline-block;font-size:13px;font-weight:800;border:1px solid #b9d3ac;background:#edf5e4;color:#3e6c32;border-radius:30px;padding:4px 11px}.level-2{background:#eaf0fc;color:#3c5c84;border-color:#c2d3ec}.level-3{background:#f3ecfa;color:#705081;border-color:#dcc9e9}.level-4{background:#fff0e3;color:#905d33;border-color:#eacdac}.speech-button{border:1px solid #d9e1d0;color:#526b42;background:#f4f7ec;border-radius:9px;padding:8px 12px;min-height:44px;font-size:14px;white-space:nowrap}.speech-button:disabled{cursor:default}.knowledge{background:#f0f5e9;border:1px solid #dfe8d1;border-radius:13px;padding:15px 19px}.knowledge summary{font-weight:750;cursor:pointer;min-height:36px;font-size:17px}.knowledge>div{padding-top:9px;font-size:19px;line-height:1.85;color:#455e3a;white-space:pre-line}.practice-task{border-top:1px solid #e2e7d9;margin-top:26px;padding-top:24px;scroll-margin-top:20px}.task-caption{font-size:12px;letter-spacing:1.1px;font-weight:800;color:#788567}.task-caption .speech-button{letter-spacing:0;font-weight:500}.practice-task h3{font-size:23px;line-height:1.65;margin:12px 0 21px;color:#304d34;overflow-wrap:anywhere}.choice-fieldset{padding:0;border:0;margin:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.practice-answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.practice-answer{display:flex;align-items:center;gap:13px;border:1px solid #d7dfcd;background:#fcfcf6;padding:16px;border-radius:13px;font-size:21px;font-weight:600;margin:0;cursor:pointer;min-height:78px;overflow-wrap:anywhere}.practice-answer input{width:21px;height:21px;min-height:0;margin:0;accent-color:#306b45;flex-shrink:0}.answer-letter{display:grid;place-items:center;background:#eef1e4;border-radius:8px;width:35px;height:35px;font-size:18px;flex-shrink:0}.practice-answer:has(input:checked){border-color:#4e8051;background:#ebf3df;box-shadow:inset 0 0 0 1px #4e8051}.practice-answer.is-correct{border-color:#6f9553;background:#e8f2de}.practice-task form>.button{margin-top:17px}.feedback{border-radius:12px;padding:16px 20px;margin:18px 0;font-size:18px}.feedback p:last-child{margin-bottom:0}.feedback p{color:inherit;font-size:17px}.feedback.success,.feedback.saved{background:#edf5e3;color:#3d6235;border:1px solid #d4e4c4}.feedback.retry{background:#fff3df;color:#855e2d;border:1px solid #edd8b5}.reveal-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.reveal-form .link-button{font-size:16px;text-decoration:underline;text-underline-offset:4px}.answer-guide{margin-top:22px;padding:17px 20px;background:#fff5df;border:1px solid #ead9b3;border-radius:12px}.answer-guide summary{cursor:pointer;min-height:35px;font-weight:750}.answer-guide p{color:#6f6143;margin:10px 0 16px;font-size:19px}.answer-guide strong{color:#5c6538;font-size:20px}.writing-form textarea{font-size:21px;line-height:1.85;min-height:170px;background:#fffefa}.writing-meta{font-size:14px;color:#6c7d60;flex-wrap:wrap;margin:8px 0 20px}.self-check{border:1px solid #e1e6d6;background:#f7f8ee;border-radius:12px;padding:13px 18px;margin:22px 0}.self-check legend{font-size:16px;font-weight:750;padding:0 8px}.self-check label{font-size:16px;font-weight:500;display:flex;align-items:flex-start;gap:8px;margin:9px 0}.self-check input{display:inline-block;width:20px;height:20px;min-height:0;margin:5px 0 0;flex-shrink:0;accent-color:#356e47}.outline-builder{background:#f2f4e7;border:1px solid #dde4c9;padding:20px 24px;border-radius:15px}.outline-builder h4{font-size:21px;margin:0 0 14px}.outline-prompt{display:block;font-weight:400;font-size:16px;line-height:1.65;margin:4px 0 10px;color:#647454}.outline-builder textarea{font-size:19px;min-height:120px}.unit-footer{border-top:1px solid #e5e8dc;margin-top:25px;padding-top:17px;font-size:15px;flex-wrap:wrap}.unit-footer form{margin:0}.unit-footer .link-button{font-size:15px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.practice-note{display:flex;gap:15px;padding:20px 24px;background:#f1efdf;border-radius:15px;margin:26px 0}.practice-note>span{font-size:28px}.practice-note p{font-size:15px;color:#6b7056;margin:8px 0}.practice-note strong{font-size:18px}.practice-manage-row{display:flex;justify-content:space-between;gap:15px}.practice-editor .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-editor details>summary{cursor:pointer;min-height:48px;font-size:20px;font-weight:700}.practice-editor details[open]>summary{margin-bottom:20px}.practice-editor .question-item{padding-top:24px}.practice-editor .question-item>summary{font-size:19px}.teacher-warning{background:#fff3dd;border-color:#ead9b8}.practice-action-bar{position:sticky;bottom:10px;padding:15px;background:#fffdf2;border:1px solid #c9d7ba;border-radius:13px;box-shadow:0 3px 15px #33532612;z-index:3;margin:20px 0}.practice-action-bar form{margin:0}.practice-action-bar form>.button{margin:0}.practice-action-bar .danger{margin:0}.review-paper{background:#f8f8ee;border:1px solid #dfe4d1;padding:22px;border-radius:12px;font-size:21px;line-height:1.95}.practice-editor [data-unit-unsaved]{color:#8b6336;font-size:15px}.worksheet-tools{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:800px){.practice-hero{padding:28px}.practice-hero h1{font-size:38px}.practice-illustration{min-width:155px}.practice-illustration>span{font-size:105px}.practice-illustration b{left:0;font-size:24px}.grade-grid{gap:8px}.grade-card small{font-size:11px}.practice-context{flex-direction:column;align-items:flex-start}.practice-editor .form-grid{grid-template-columns:1fr}.unit-heading{flex-wrap:wrap}}
@media(max-width:600px){.practice-top{gap:8px}.practice-top .back{font-size:14px}.progress-pill{font-size:14px;padding:7px 12px}.progress-pill span{display:none}.practice-hero{padding:25px 23px;position:relative;min-height:230px;overflow:hidden;align-items:flex-start}.practice-hero h1{font-size:34px;letter-spacing:-1px;max-width:230px;line-height:1.25}.practice-hero p{font-size:19px;max-width:230px}.practice-hero .eyebrow{font-size:10px;letter-spacing:1px;display:block;max-width:230px}.hero-spark{display:none}.practice-illustration{position:absolute;right:-11px;bottom:-5px;min-width:120px;opacity:.9;pointer-events:none}.practice-illustration>span{font-size:95px}.practice-illustration i{font-size:31px;right:15px;bottom:0}.practice-illustration b{font-size:18px;bottom:0;left:0;padding:2px 6px}.practice-illustration em{font-size:22px;right:20px;top:-5px}.grade-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:20px 0}.grade-card{padding:12px 2px;border-radius:12px;gap:2px}.grade-card.selected{padding:11px 1px}.grade-card>span{font-size:25px}.grade-card strong{font-size:15px}.grade-card small{display:none}.practice-context{padding:18px}.practice-context strong{font-size:18px}.practice-context p{font-size:16px}.area-tabs{gap:8px}.area-tabs a{flex:1 1 calc(50% - 8px);padding:10px 12px;font-size:16px;text-align:center;display:flex;align-items:center;justify-content:center}.practice-filters{padding:17px;gap:12px}.practice-filters label{min-width:0;flex:1 1 100%}.practice-filters .button{flex:1}.practice-filters select{font-size:18px}.practice-list-head h2{font-size:24px}.practice-list-head .muted{font-size:13px;white-space:nowrap}.practice-unit{padding:21px 18px;border-radius:17px}.unit-heading h2{font-size:25px}.knowledge{padding:13px 15px}.knowledge>div{font-size:19px}.task-caption{font-size:10px;letter-spacing:.7px;gap:8px}.speech-button{font-size:13px;padding:7px 10px}.practice-task h3{font-size:23px}.practice-answers{grid-template-columns:1fr;gap:11px}.practice-answer{font-size:21px;padding:15px;min-height:73px}.practice-task form>.button{width:100%}.writing-form textarea{font-size:21px}.outline-builder{padding:18px 15px}.writing-meta{font-size:13px;gap:5px}.self-check{padding:12px}.self-check label{font-size:16px}.practice-note{padding:18px;gap:10px}.practice-note>span{font-size:22px}.practice-manage-row{flex-direction:column}.practice-action-bar{position:static}.book-note{font-size:13px}.review-paper{padding:18px}.practice-top a,.unit-footer a{min-height:44px;display:inline-flex;align-items:center}}
@media print{.practice-filters,.grade-grid,.area-tabs,.practice-hero,.practice-context,.practice-top,.speech-button,.reveal-form,.practice-note,.practice-action-bar{display:none}.practice-task{break-inside:avoid}.practice-unit{box-shadow:none}}