.lesson-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.lesson-mode-tabs button{font:inherit;font-size:25px;padding:22px;border-radius:25px;border:2px solid #cbd8c7;background:#f0f7ee;color:#4d6546;cursor:pointer}.lesson-mode-tabs button:nth-child(2){background:#eef6df;border-color:#bfd79d;color:#486d32}.lesson-mode-tabs button[aria-pressed=true]{background:#4d6546;color:white;border-color:#4d6546}.lesson-mode-tabs small{display:block;font-size:16px;margin-top:10px}.course-scope-label{font-size:16px;color:#788574}.course-reader,#course-extra-games button{font:inherit;font-size:20px;padding:18px 24px;border-radius:22px;border:1px solid #c8d6c4;color:#4d6546;background:#f5f9f3;cursor:pointer;margin-bottom:22px}#course-extra-games{display:flex;gap:14px;flex-wrap:wrap}#course-extra-games[hidden]{display:none}.course-table-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.course-table-buttons button{font:inherit;font-size:22px;padding:18px;border:2px solid #ccd9c8;background:white;color:#4d6546;border-radius:23px;cursor:pointer}.course-table-buttons button[aria-pressed=true]{background:#fff0c3;border-color:#df9096;color:#a2333a}[data-course-exercises] .library-books,[data-course-exercises] .library-kind,[data-course-exercises] .library-stages{display:none}[data-library-course] .library-filter-details{display:none}[data-course-exercises] .bubble-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}[data-course-exercises] .bubble-actions button{font-size:19px;min-height:70px;border-radius:22px;padding:13px;background:#edf5eb;border:2px solid #cadbc5;color:#4d6546}[data-course-exercises] .bubble-actions button:nth-child(2n){background:#ebf6df;border-color:#bfd99e;color:#416b2d}[data-course-exercises] .bubble-actions button:nth-child(3n){background:#fff1cb;border-color:#e18e94;color:#a2353c}[data-course-exercises] #library-table-label{display:none}.month-practice{margin:20px 0 25px}.month-practice label{display:flex;align-items:center;gap:12px;font-size:19px}.month-practice select{font:inherit;padding:12px;border:1px solid #cbd8c8;border-radius:15px;background:white;color:#4d6546}.month-practice p{font-size:16px;color:#73816f}.current-course .library-goal{margin-top:20px}@media(max-width:650px){.lesson-mode-tabs{gap:10px}.lesson-mode-tabs button{font-size:22px;padding:20px 10px}.lesson-mode-tabs small{font-size:14px}.course-table-buttons{gap:9px}.course-table-buttons button{font-size:18px;padding:15px 6px}[data-course-exercises] .bubble-actions{grid-template-columns:repeat(2,minmax(0,1fr))}[data-course-exercises] .bubble-actions button{font-size:17px}}
[data-course-exercises] #library-actionbar{display:block;margin:22px 0}[data-course-exercises] #library-actionbar .library-count{margin-bottom:14px}[data-course-exercises] #library-actionbar .bubble-actions{width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}[data-course-exercises] #library-actionbar>p{margin:14px 0}[data-course-exercises] .practice-reference .source-links{display:none}@media(max-width:650px){[data-course-exercises] #library-actionbar .bubble-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.course-parent-options{margin-top:15px;border-top:1px solid #e1e7e0;padding-top:15px}.course-parent-options summary{font-size:16px;color:#74836f;cursor:pointer}.course-parent-options .radical-shortcuts{margin:17px 0}.course-parent-options>label{font-size:16px;color:#667662}.current-course .bubble-detail-actions .review-this,.current-course .bubble-detail-actions .match-this{display:none}.current-course .textbook-context>label{font-size:15px}.study-card-nav{position:sticky;bottom:-25px;background:#fffef9;border-top:1px solid #dce4da;margin:25px -25px -25px;padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:2}.study-card-nav>span{font-size:16px;color:#73826e;white-space:nowrap}.study-card-nav>div{display:flex;gap:12px}.study-card-nav button{font:inherit;font-size:20px;padding:14px 22px;border:1px solid #c9d7c5;border-radius:22px;background:#f3f8f1;color:#4d6546;cursor:pointer}.study-card-nav button.study-primary{background:#377b5e;border-color:#377b5e;color:white}.study-card-nav button:disabled{opacity:.4;cursor:default}.current-course #library-actionbar .bubble-actions:has(.start-study){grid-template-columns:minmax(180px,320px);justify-content:center}.current-course .start-study{background:#e3f3e9!important;color:#32684e!important;border-color:#a8cdb7!important}@media(max-width:650px){.study-card-nav{bottom:-20px;margin:22px -20px -20px;padding:15px 18px;flex-wrap:wrap}.study-card-nav>div{width:100%;gap:10px}.study-card-nav button{flex:1;padding:13px 10px;font-size:18px}}
.current-course .bubble-detail-actions:not(:has(.learn-strokes)){display:none}.current-course #bubble-context[hidden]{display:none}
[data-course-exercises] .bubble-dialog[open]{top:5dvh;bottom:auto;height:90dvh;max-height:90dvh;margin:0 auto;overflow-y:scroll;scrollbar-gutter:stable}.study-card-nav{top:-25px;bottom:auto;margin:-25px -25px 20px;padding:22px 65px 18px 22px;min-height:94px;align-items:center}.study-card-nav>div{display:grid;grid-template-columns:1fr 1fr;flex:1;max-width:410px}.study-card-nav button{width:100%;white-space:nowrap}.study-card-nav .study-primary{min-width:170px}.current-course .bubble-close{z-index:5}.review-lesson[data-review-course] .library-filter-details{display:none}.course-subnav a[hidden]{display:none}@media(max-width:650px){.study-card-nav{top:-20px;margin:-20px -20px 18px;padding:16px 18px;display:block;min-height:135px}.study-card-nav>span{display:block;margin:0 45px 10px 0}.study-card-nav>div{max-width:none;width:100%;gap:8px}.study-card-nav .study-primary{min-width:0;font-size:16px}.study-card-nav button{padding:13px 8px;font-size:16px}}

.review-unified-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.review-unified-tabs button{padding:16px 8px;border:2px solid #cad7c6;border-radius:18px;background:#f5f9f3;color:#4d6546;font:inherit;font-size:20px;cursor:pointer}.review-unified-tabs button[aria-pressed=true]{background:#608556;color:white;border-color:#608556}.review-tabs[hidden],.course-table-buttons[hidden]{display:none!important}@media(max-width:600px){.review-unified-tabs{gap:5px}.review-unified-tabs button{font-size:16px;padding:14px 3px}}

.course-table-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.course-table-buttons .inline-course-reader{font:inherit;font-size:20px;min-width:0;cursor:pointer}.course-table-buttons button{min-width:0}@media(max-width:600px){.course-table-buttons{gap:5px}.course-table-buttons button,.course-table-buttons .inline-course-reader{font-size:16px;padding:12px 3px}}

[data-review-tables] .library-filter-details{display:block}[data-review-tables] .course-table-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}

[data-course-exercises] #radical-shortcuts,[data-course-exercises] #library-radical-label,[data-review-tables] .library-filter-details{display:none!important}.course-pinyin-toggle{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#64735f;margin:12px 0}.course-pinyin-toggle input{width:18px;height:18px;accent-color:#608556}[data-review-tables] .lesson-mode-tabs{gap:8px;margin:14px 0}[data-review-tables] .lesson-mode-tabs button{padding:12px 20px;font-size:19px;border-radius:16px}[data-review-tables] .course-table-buttons{gap:8px;margin-bottom:12px}[data-review-tables] .course-table-buttons button{padding:12px 10px;font-size:18px;border-radius:18px}.review-unit-bubbles{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.review-unit-bubbles button{font:inherit;font-size:15px;padding:10px 16px;border:1px solid #cbd5c8;border-radius:30px;background:#f3f8f1;color:#4d6546;cursor:pointer}.review-unit-bubbles button:nth-child(3n){background:#eff6e6}.review-unit-bubbles button:nth-child(3n+1){background:#fff3d9}.review-unit-bubbles button[aria-pressed=true]{background:#608556;color:white;border-color:#608556}

.course-table-buttons .inline-course-reader{background:#398567;color:white;border-color:#2d7558;box-shadow:0 4px 0 #27624b;font-weight:600}.course-table-buttons .inline-course-reader:hover{background:#2b7256}

[data-review-tables] .review-unit-bubbles,[data-review-tables] .goal-heading,[data-review-tables] .goal-controls{justify-content:center;text-align:center}[data-review-tables] .course-table-buttons{margin-left:auto;margin-right:auto}[data-review-tables] .library-controls{text-align:center}.goal-controls>label[hidden]{display:none}

.lesson-words-layout .lesson-mode-tabs{grid-template-columns:repeat(3,1fr)}.lesson-word-workspace{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start}.lesson-word-workspace>.course-table-buttons{display:flex;flex-direction:column;position:sticky;top:16px;gap:12px}.lesson-word-main{min-width:0}.lesson-word-main .library-count,.lesson-word-main #library-actionbar{display:none}.textbook-context ruby rt{visibility:hidden;font-size:14px}.textbook-context.context-show-pinyin ruby rt{visibility:visible}.textbook-context ruby{line-height:2.5}.textbook-context>button{padding:12px 20px;border-radius:18px;border:1px solid #c8d6c4;background:#f3f8f1}@media(max-width:650px){.lesson-word-workspace{display:block}.lesson-word-workspace>.course-table-buttons{position:static;flex-direction:row}.lesson-word-workspace>.course-table-buttons button{flex:1;padding:12px 5px}.lesson-words-layout .lesson-mode-tabs button{font-size:18px;padding:15px 8px}}

.lesson-word-workspace[hidden]{display:none!important}.learn-return{display:inline-block;padding:12px 0;margin-bottom:15px;color:#4d6546}body[data-course-learn-page] .lesson-mode-tabs{display:none}.known-bubble-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:18px;padding:20px}.known-bubble-wall button{font:42px "Kaiti SC",STKaiti,serif;min-height:100px;border:2px solid #ccdbc7;background:#f0f8ed;border-radius:50%;cursor:pointer}.known-bubble-wall button:nth-child(3n+2){background:#eef7da;border-color:#c9daa1}.known-bubble-wall button:nth-child(3n){background:#fff0df;border-color:#e58b91}.known-bubble-wall button:hover{transform:scale(1.04)}
.table-learning-workspace{display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;align-items:start}.table-learning-workspace>.course-table-buttons{display:flex;flex-direction:column;position:sticky;top:15px;margin:0}.table-learning-workspace>.course-table-buttons button{width:100%;padding:15px 10px}.table-learning-main{min-width:0}.table-learning-main>.review-unit-bubbles{margin-top:0}.table-learning-page .library-controls{padding:12px}.table-learning-page .library-actionbar{display:none}@media(max-width:650px){.table-learning-workspace{display:block}.table-learning-workspace>.course-table-buttons{position:static;flex-direction:row;margin-bottom:15px}}
.table-learning-page #library-actionbar{display:none}.table-learning-page .library-goal{padding:12px;margin:12px 0}.table-learning-page .library-goal h2{font-size:18px}.table-learning-page .library-controls{margin:8px 0}.table-learning-page .library-goal button{padding:8px 13px}

.lesson-mode-tabs button[data-course-mode="learn"]{background:#e6f2e3!important;border:2px solid #6a945e!important;color:#3c5c33!important;font-weight:700;box-shadow:0 3px 0 #c0d6ba}
.lesson-mode-tabs button[data-course-mode="practice"]{background:#ffebbb!important;border:2px solid #dc4751!important;color:#a9161f!important;font-weight:700;box-shadow:0 3px 0 #e6898f}
.lesson-mode-tabs button[data-course-mode="learn"][aria-pressed="true"]{background:#527b47!important;color:#fff!important}
.lesson-mode-tabs button[data-course-mode="practice"][aria-pressed="true"]{background:#c6202b!important;color:#fff!important}

/* A single lesson starts with three large, child-friendly choices. */
.lesson-entry-shell,.lesson-practice-hub{max-width:980px;margin:26px auto 34px;padding:clamp(18px,3vw,34px);border:1px solid #ceddca;border-radius:32px;background:linear-gradient(145deg,#fff 0%,#fbfdfa 60%,#fff9ef 100%);box-shadow:0 14px 32px #315e7a18;text-align:center}
.lesson-entry-kicker,.lesson-practice-heading .eyebrow{margin:0 0 8px;color:#697d64;font-size:16px;font-weight:700}.lesson-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.lesson-entry-card{display:flex;min-height:216px;padding:22px 16px;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:2px solid #cddec8;border-radius:30px;background:#f2f9f0;color:#43603b;text-decoration:none;font:inherit;cursor:pointer;box-shadow:0 5px 0 #c9dac5;transition:transform .18s ease,box-shadow .18s ease}.lesson-entry-card:nth-child(2){border-color:#c7dca2;background:#f0f9df;color:#4d7226;box-shadow:0 5px 0 #bfd49b}.lesson-entry-card:nth-child(3){border-color:#ea868c;background:#fff4cf;color:#ac202a;box-shadow:0 5px 0 #e7888e}.lesson-entry-card:hover,.lesson-entry-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 0 #b8cdb2;outline:none}.lesson-entry-card:nth-child(2):hover,.lesson-entry-card:nth-child(2):focus-visible{box-shadow:0 8px 0 #aacb83}.lesson-entry-card:nth-child(3):hover,.lesson-entry-card:nth-child(3):focus-visible{box-shadow:0 8px 0 #e68990}.lesson-entry-card:focus-visible{outline:3px solid #5b7b52;outline-offset:3px}.lesson-entry-icon{font-size:52px;line-height:1}.lesson-entry-card strong{font-size:26px}.lesson-entry-card small{max-width:15em;font-size:15px;line-height:1.6}.lesson-entry-note{margin:5px 0 0;color:#72816e;font-size:16px}.lesson-hub-back{display:inline-block;margin:0 auto 16px;color:#4d6546;font-weight:700;text-decoration:none}.lesson-practice-heading h2{margin:0;color:#415a3a;font-size:clamp(25px,4vw,32px)}.lesson-practice-heading>p:last-child{margin:10px 0 0;color:#72816e}.lesson-practice-category-grid,.lesson-practice-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.lesson-practice-category-grid button,.lesson-practice-option{display:flex;min-height:138px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:14px;border:2px solid #ceddca;border-radius:24px;background:#f5faf4;color:#46643e;font:inherit;cursor:pointer;box-shadow:0 4px 0 #cfddcb}.lesson-practice-category-grid button:nth-child(2),.lesson-practice-option:nth-child(2){background:#f2fae4;border-color:#c8dea8;color:#4f7629;box-shadow:0 4px 0 #bdd79a}.lesson-practice-category-grid button:nth-child(3),.lesson-practice-option:nth-child(3){background:#fff5d9;border-color:#e9868d;color:#a8232c;box-shadow:0 4px 0 #e8888e}.lesson-practice-category-grid button:hover,.lesson-practice-category-grid button:focus-visible,.lesson-practice-option:hover,.lesson-practice-option:focus-visible{transform:translateY(-2px);outline:3px solid #73966a;outline-offset:2px}.lesson-practice-category-grid button[aria-pressed=true]{outline:3px solid #608556;outline-offset:2px}.lesson-practice-category-grid span,.lesson-practice-option span{font-size:35px}.lesson-practice-category-grid strong,.lesson-practice-option strong{font-size:20px}.lesson-practice-category-grid small,.lesson-practice-option small{font-size:14px;line-height:1.5}.lesson-practice-detail{min-height:142px;padding:20px;border:1px dashed #c9d7c5;border-radius:24px;background:#fff;text-align:left}.lesson-practice-detail>p{text-align:center;color:#73816f}.lesson-practice-empty,.lesson-mixed-intro,.lesson-mixed-result{text-align:center}.lesson-practice-empty button,.lesson-mixed-intro button,.lesson-mixed-result button,.lesson-mixed-challenge>[data-mixed-next]{margin-top:14px;padding:11px 20px;border:1px solid #bfd2ba;border-radius:18px;background:#f1f9ef;color:#486340;font:inherit;font-weight:700;cursor:pointer}.lesson-mixed-intro>span,.lesson-mixed-result>span{font-size:42px}.lesson-mixed-intro h3,.lesson-mixed-result h3{margin:5px 0;font-size:22px;color:#4d6546}.lesson-mixed-intro p,.lesson-mixed-result p{color:#748171}.lesson-mixed-challenge{max-width:640px;margin:auto;text-align:center}.lesson-mixed-progress{margin:0;color:#717f6d;font-size:14px}.lesson-mixed-challenge h3{margin:10px 0 18px;font-size:clamp(20px,3vw,26px);line-height:1.65}.lesson-mixed-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lesson-mixed-options button{min-height:58px;padding:9px 12px;border:1px solid #d1dbce;border-radius:16px;background:#fbfdfa;color:#3f5639;font:inherit;font-size:17px;cursor:pointer}.lesson-mixed-options button.is-correct{background:#e6f5df;border-color:#7dad68}.lesson-mixed-options button.is-wrong{background:#fff0ea;border-color:#cc7961}.lesson-mixed-feedback{min-height:25px;margin:14px 0 0;color:#486f56;font-weight:700;text-align:center}

/* Each selected item has an immediate route into the same practice choices. */
.lesson-word-current-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:16px 0 0}.lesson-word-current-actions a{padding:10px 17px;border:1px solid #c8d8c3;border-radius:18px;background:#f4faf2;color:#486440;text-decoration:none;font-weight:700}.lesson-word-current-actions a:first-child{background:#fff3d5;border-color:#e7888f;color:#aa1c26}.lesson-word-current-actions a:hover,.lesson-word-current-actions a:focus-visible{filter:brightness(.97);outline:3px solid #90aa89;outline-offset:2px}
@media(max-width:700px){.lesson-entry-shell,.lesson-practice-hub{margin:17px 0 25px;padding:18px 13px;border-radius:24px}.lesson-entry-grid,.lesson-practice-category-grid,.lesson-practice-option-grid{grid-template-columns:1fr;gap:12px}.lesson-entry-card{min-height:144px;display:grid;grid-template-columns:68px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:12px;border-radius:24px}.lesson-entry-icon{grid-row:1/3;font-size:43px}.lesson-entry-card strong{font-size:23px}.lesson-entry-card small{font-size:14px}.lesson-practice-category-grid button,.lesson-practice-option{min-height:112px}.lesson-practice-detail{padding:15px;border-radius:19px}.lesson-mixed-options{grid-template-columns:1fr}.lesson-word-current-actions a{font-size:15px;padding:9px 12px}}

.lesson-practice-category-grid a.lesson-practice-option{color:#46643e;text-decoration:none}.lesson-practice-category-grid a.lesson-practice-option:nth-child(2){color:#4f7629}.lesson-practice-category-grid a.lesson-practice-option:nth-child(3){color:#a8232c}.lesson-table-reading{text-align:left;max-width:800px;margin:20px auto 0}.lesson-table-reading>h2{text-align:center;margin:0;color:#4d6546;font-size:26px}.lesson-table-reading>h2+p{text-align:center;color:#717e6e}.lesson-reading-snippets{margin:20px 0;padding:18px;border-radius:20px;background:#fafdf9;border:1px solid #dde5db}.lesson-reading-snippets h3{margin:0 0 12px;color:#4d6546}.lesson-reading-snippets p{margin:10px 0;font:clamp(20px,2.5vw,25px)/1.9 "Kaiti SC","STKaiti","KaiTi","Songti SC","SimSun",serif;color:#3d5138}.lesson-mixed-next{text-align:center;margin:20px 0 2px}.lesson-mixed-next a{display:inline-block;padding:12px 19px;border-radius:18px;background:#eef9e5;border:1px solid #c5dca8;color:#4d7428;font-weight:700;text-decoration:none}
.lesson-text-reference .reference-bare-options{display:flex;justify-content:flex-end;margin:0 0 8px;font-size:14px;color:#64745f}

/* The three practice types use the same clear left navigation as 基础巩固. */
.lesson-practice-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start;margin-top:22px}.lesson-practice-sidebar{display:flex;position:sticky;top:16px;flex-direction:column;gap:11px;margin:0}.lesson-practice-sidebar button{min-height:116px;padding:14px 12px;text-align:left;align-items:flex-start;justify-content:center;border-radius:22px;background:#fff0df;border-color:#e7888e;color:#b42831;box-shadow:0 4px 0 #e58a90}.lesson-practice-sidebar button:nth-child(2){background:#ffe9f1;border-color:#e8b8cb;color:#8b4162;box-shadow:0 4px 0 #dfa9c0}.lesson-practice-sidebar button:nth-child(3){background:#f0eaff;border-color:#cfbfe8;color:#604886;box-shadow:0 4px 0 #bba7d9}.lesson-practice-sidebar button[aria-pressed=true]{outline-color:#6c519d;background:#6c519d;color:#fff;border-color:#6c519d}.lesson-practice-sidebar span{font-size:30px}.lesson-practice-sidebar strong{font-size:19px}.lesson-practice-sidebar small{font-size:13px}.lesson-practice-detail{min-width:0;min-height:410px;margin:0;padding:24px;border-style:solid;border-color:#dfe6dd;background:#fffdfb}.lesson-practice-detail>p{margin-top:130px}@media(max-width:700px){.lesson-practice-layout{display:block;margin-top:16px}.lesson-practice-sidebar{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lesson-practice-sidebar button{min-height:104px;padding:10px 6px;align-items:center;text-align:center}.lesson-practice-sidebar span{font-size:27px}.lesson-practice-sidebar strong{font-size:16px}.lesson-practice-sidebar small{font-size:12px}.lesson-practice-detail{min-height:220px;margin-top:16px;padding:16px}.lesson-practice-detail>p{margin-top:50px}}