/* The per-lesson workspace intentionally reuses the familiar comprehensive-practice cards. */
.lesson-word-practice-host{min-width:0}
.lesson-word-practice{padding:20px;border:1px solid #d6e0d3;border-radius:26px;background:#fff;box-shadow:0 4px 16px #315e7a0d}
.lesson-word-practice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.lesson-word-practice-heading h2{margin:0;color:#4d6546;font-size:25px}.lesson-word-practice-heading .eyebrow{margin:0 0 4px}.lesson-word-pinyin-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#5b6f56;font-size:16px}.lesson-word-pinyin-toggle input{width:18px;height:18px;accent-color:#608556}
.lesson-word-tabs{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin:0 0 18px}.lesson-word-tabs button{display:grid;place-content:center;min-width:104px;min-height:82px;padding:11px 14px;border:2px solid #cddaca;border-radius:48%;background:#f3f8f1;color:#4d6546;font:700 16px/1.35 inherit;cursor:pointer;box-shadow:0 4px 0 #d3e0cf;transition:transform .16s ease,box-shadow .16s ease}.lesson-word-tabs button:nth-child(2){background:#eff7e8;border-color:#c5d9ac;color:#477233;box-shadow:0 4px 0 #c8dbaf}.lesson-word-tabs button:nth-child(3){background:#fff5dc;border-color:#e28d93;color:#a5363e;box-shadow:0 4px 0 #df9196}.lesson-word-tabs button:hover,.lesson-word-tabs button:focus-visible{transform:translateY(-2px);box-shadow:0 6px 0 #b5c9b0;outline:none}.lesson-word-tabs button[aria-pressed=true]{background:#608556;border-color:#608556;color:white;box-shadow:0 4px 0 #4b6942}
.lesson-word-actions{justify-content:flex-start;margin:8px 0 15px}.lesson-word-actions button{font-size:16px}.lesson-word-cards{max-width:none;margin:0 0 18px}.lesson-word-card{min-width:0}.lesson-word-card[aria-pressed=true]{box-shadow:0 0 0 3px #608556;transform:translateY(-1px)}.lesson-word-card ruby{font-family:"Kaiti SC","STKaiti","KaiTi","SimKai",serif}.lesson-word-card rt,.lesson-word-summary rt,.lesson-word-term rt{font:14px/1.25 Arial,"Microsoft YaHei",sans-serif;color:#64735f;letter-spacing:0}
.lesson-word-no-pinyin .lesson-word-card rt,.lesson-word-no-pinyin .lesson-word-current-heading rt,.lesson-word-no-pinyin .lesson-word-term rt{display:none!important}.lesson-word-no-pinyin .lesson-word-card ruby,.lesson-word-no-pinyin .lesson-word-summary strong ruby{line-height:1.25}
.lesson-word-stage{margin-top:8px}.lesson-word-summary{min-width:120px}.lesson-word-summary>p{margin:2px 0 4px;color:#677662;font-size:15px}.lesson-word-summary>strong{font-family:"Kaiti SC","STKaiti","KaiTi","SimKai",serif}.lesson-word-summary>strong ruby{display:inline-flex;flex-direction:column-reverse;align-items:center}.lesson-word-summary>small{display:block;color:#758271;margin:7px 0 11px}.lesson-word-stage-main{min-width:0}.lesson-word-strokes{min-width:0}.lesson-word-strokes .stroke-layout{justify-content:center}.lesson-word-term{min-height:210px;display:grid;place-content:center;text-align:center;padding:22px;border:1px solid #d6e0d3;border-radius:24px;background:#f9fcf8}.lesson-word-term ruby{font:54px/1.6 "Kaiti SC","STKaiti","KaiTi","SimKai",serif}.lesson-word-term rt{font-size:18px}.lesson-word-term p{max-width:420px;margin:12px 0 0;color:#72806e;font-size:16px}.lesson-word-stepper{display:grid;gap:8px;margin-top:12px}.lesson-word-stepper button{font:inherit;font-size:15px;padding:9px;border:1px solid #c8d5c4;border-radius:16px;background:white;color:#4d6546;cursor:pointer}.lesson-word-stepper button:disabled{opacity:.42;cursor:default}
.lesson-word-context{margin:24px 0 0;padding:22px;background:#fbfdfd;border:1px solid #dde4db;border-radius:20px}.lesson-word-context>button,.lesson-word-context>.context-open-lesson{display:inline-block;margin-top:14px;padding:11px 17px;border:1px solid #c8d6c4;border-radius:18px;background:#f3f8f1;color:#4d6546;text-decoration:none;font:inherit;cursor:pointer}
.lesson-word-route-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:0 0 16px}.lesson-word-route-actions a,.lesson-word-route-actions button{padding:10px 15px;border:1px solid #c8d7c4;border-radius:17px;font:700 16px/1.35 inherit;text-decoration:none;cursor:pointer}.lesson-word-route-actions button{background:#6f8d66;border-color:#5c7855;color:#fff;box-shadow:0 3px 0 #4d6646}.lesson-word-route-actions a{background:#fff3d7;color:#aa1c26;border-color:#e7888f}.lesson-word-route-actions a:last-child{background:#f4faf2;color:#496541;border-color:#c8d7c4}.lesson-word-route-actions button:hover,.lesson-word-route-actions a:hover{filter:brightness(.97)}.table-lesson-word-practice-page .table-workspace{grid-template-columns:minmax(0,1fr)}.table-lesson-word-practice-page .table-quantity-sidebar,.table-lesson-word-practice-page .table-unit-sidebar{display:none!important}
@media(max-width:900px){.lesson-word-stage{grid-template-columns:105px minmax(0,1fr);gap:12px}.lesson-word-strokes .stroke-layout{grid-template-columns:1fr}.lesson-word-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.lesson-word-practice{padding:16px;border-radius:20px}.lesson-word-practice-heading{gap:9px}.lesson-word-practice-heading h2{font-size:22px}.lesson-word-pinyin-toggle{font-size:14px}.lesson-word-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lesson-word-tabs button{min-width:0;min-height:76px;padding:8px 3px;border-radius:46%;font-size:14px}.lesson-word-actions{justify-content:center}.lesson-word-stage{display:block}.lesson-word-summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:13px;padding:8px}.lesson-word-summary>p,.lesson-word-summary>small{margin:0}.lesson-word-summary>strong{font-size:43px}.lesson-word-stepper{display:flex;margin:0}.lesson-word-stepper button{padding:8px 10px}.lesson-word-term{min-height:150px}.lesson-word-term ruby{font-size:44px}.lesson-word-context{padding:16px;margin-top:16px}.lesson-word-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lesson-word-card{font-size:27px!important;padding:13px 3px!important}}
@media(max-width:700px){.lesson-word-route-actions{justify-content:center}.lesson-word-route-actions a{font-size:15px;padding:9px 12px}.table-lesson-word-practice-page .table-workspace{display:block}}

.lesson-word-route-actions button{font-size:15px;padding:9px 12px}
.lesson-text-practice{max-width:780px;margin:0 auto;text-align:left}.lesson-text-practice>header{text-align:center;margin:0 0 16px}.lesson-text-practice>header h3{margin:0;color:#4d6546;font-size:25px}.lesson-text-practice>header p{margin:6px 0 0;color:#6e7c6a}.lesson-text-practice fieldset{margin:13px 0;padding:15px 17px 17px;border:2px solid #e0e7de;border-radius:20px;background:#fdfefc}.lesson-text-practice legend{max-width:100%;padding:0 5px;color:#4d6546;font-size:18px;line-height:1.75}.lesson-text-practice legend>b{display:inline-grid;place-items:center;min-width:56px;margin-right:8px;padding:3px 8px;border-radius:13px;background:#e9f1e6;color:#496541;font-size:14px}.lesson-text-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lesson-text-options button{display:flex;align-items:center;gap:9px;min-height:53px;padding:9px 11px;border:2px solid #d4e1d1;border-radius:16px;background:#f6faf5;color:#4d6546;text-align:left;font:inherit;cursor:pointer}.lesson-text-options button>b{display:grid;flex:0 0 auto;place-items:center;width:25px;height:25px;border-radius:50%;background:#a7bfa0;color:#fff;font-size:14px}.lesson-text-options button.is-correct{border-color:#72aa81;background:#e9f6eb;color:#285e38}.lesson-text-options button.is-wrong{border-color:#d38a7d;background:#fff0ec;color:#984336}.lesson-text-feedback{min-height:1.5em;margin:11px 2px 0;color:#386b53;font-size:16px;line-height:1.65}.lesson-text-next{display:block;margin:18px auto 0;padding:11px 20px;border:2px solid #a7c88a;border-radius:20px;background:#eaf6dd;color:#456d31;font:700 16px/1.4 inherit;cursor:pointer}.lesson-text-reference .reference-practice{margin:0}.lesson-text-reference .reference-practice>.reading-section-heading{margin:0 0 12px;padding:11px 14px;border-radius:16px;background:#f8faf7}.lesson-text-reference .reference-practice>.reading-section-heading h3{font-size:18px}.lesson-text-reference .reference-note{margin:4px 0 0;font-size:14px;line-height:1.55}.lesson-text-reference .reference-question{border-radius:19px}
@media(max-width:700px){.lesson-text-practice fieldset{padding:12px}.lesson-text-practice legend{font-size:17px}.lesson-text-options{grid-template-columns:1fr;gap:7px}.lesson-text-options button{min-height:48px}.lesson-text-reference .reference-practice>.reading-section-heading{align-items:flex-start;flex-direction:column;gap:7px}.lesson-word-route-actions button{font-size:15px;padding:9px 12px}}

/* Keep the per-lesson word workspace short, clear, and easy to scan. */
.lesson-word-practice-heading{margin-bottom:12px}.lesson-word-practice-heading h2{font-size:24px}.lesson-word-pinyin-toggle{font-size:15px}
.lesson-word-study-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 12px;border:2px solid #a8cfbf;border-radius:18px;background:#e4f4ed;color:#27674f}.lesson-word-study-bar>strong{font-size:17px}.lesson-word-study-bar>div{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.lesson-word-study-bar button{font:inherit;font-size:15px;white-space:nowrap;padding:8px 12px;border:1px solid #8fbea9;border-radius:14px;background:#fff;color:#28664f;cursor:pointer}.lesson-word-study-bar button:first-child{background:#378267;border-color:#378267;color:#fff}.lesson-word-study-bar button:last-child{background:#fff4d8;border-color:#e28e93;color:#a33038}
.lesson-word-study-bar.is-single-table{justify-content:flex-end;margin-top:-4px;padding:0 0 10px;border:0;border-radius:0;background:transparent}.lesson-word-source{margin:-6px 0 14px;color:#6a7667;font-size:13px;line-height:1.5}
.lesson-word-display{margin:0 0 20px;padding-top:2px}.lesson-word-display>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 8px}.lesson-word-display h3{margin:0;color:#586c53;font-size:16px}.lesson-word-display>header span{font-size:14px;color:#788575}.lesson-word-display .lesson-word-cards{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:9px;max-width:none;margin:0}.lesson-word-display .lesson-word-card{min-width:0;min-height:62px;padding:8px 4px!important;border-radius:18px;font:27px/1.15 "Kaiti SC","STKaiti","KaiTi","SimKai",serif!important;white-space:nowrap}.lesson-word-display .lesson-word-card ruby{display:inline-block;line-height:1.15;ruby-align:center}.lesson-word-display .lesson-word-card rt,.lesson-word-current rt,.lesson-word-term rt{font:11px/1.08 Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;color:#647360;white-space:nowrap}.lesson-word-display .lesson-word-card[aria-pressed=true]{box-shadow:0 0 0 3px #608556,0 4px 0 #b5cbaf;transform:none}
.lesson-word-current{margin-top:10px;border:1px solid #d6e0d3;border-radius:22px;background:#fdfefd;overflow:hidden}.lesson-word-current-heading{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:9px 16px;border-bottom:1px solid #dde4db;background:#f5f9f3}.lesson-word-current-heading small{color:#758271;font-size:14px;text-align:right}.lesson-word-current .lesson-word-stage-main{padding:14px;min-width:0}.lesson-word-current .lesson-word-term{min-height:150px;border:0;border-radius:16px;background:#f9fcf8}.lesson-word-current .lesson-word-term ruby{font-size:42px}.lesson-word-flash{width:100%;cursor:pointer;font:inherit;color:#4d6546}.lesson-word-flash small{display:block;margin-top:10px;color:#778773;font-size:14px}.lesson-word-flash-pinyin{font:700 34px/1.6 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.14em}
.lesson-word-strokes .stroke-word-prompt{display:none}.lesson-word-strokes .stroke-work-area{display:block}.lesson-word-strokes .stroke-layout{margin-top:10px}.lesson-word-strokes .stroke-play-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:0}.lesson-word-strokes .stroke-method-pills{gap:7px}.lesson-word-strokes .stroke-method-pills button{font-size:16px;padding:9px 12px}.lesson-word-color-details{position:relative;flex:0 0 auto}.lesson-word-color-details>summary{list-style:none;cursor:pointer;padding:8px 11px;border:1px solid #bdadd8;border-radius:16px;background:#f4edff;color:#6d4e87;font-size:14px;white-space:nowrap}.lesson-word-color-details>summary::-webkit-details-marker{display:none}.lesson-word-color-details[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0;background:#eadfff}.lesson-word-color-details .stroke-color-dots{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid #bdadd8;border-top:0;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 8px 16px #315e7a20}.lesson-word-color-details .stroke-color-dots button{width:28px;height:28px;min-height:28px}.lesson-word-color-details .stroke-custom-color{font-size:12px!important;padding:5px 8px}.lesson-word-color-details .stroke-custom-color>span:first-child{font-size:18px}.lesson-word-no-pinyin .stroke-word-prompt>b{display:none}
@media(max-width:650px){.lesson-word-study-bar{align-items:flex-start;flex-direction:column;padding:10px}.lesson-word-study-bar>div{width:100%;justify-content:space-between}.lesson-word-study-bar button{flex:1;padding:8px 6px;font-size:14px}.lesson-word-display>header{align-items:center}.lesson-word-display>header span{font-size:12px}.lesson-word-display .lesson-word-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.lesson-word-display .lesson-word-card{min-height:57px;padding:7px 2px!important;font-size:24px!important}.lesson-word-display .lesson-word-card rt{font-size:10px}.lesson-word-current-heading{align-items:flex-start;padding:11px 12px}.lesson-word-current-heading p{font-size:13px}.lesson-word-current-heading strong{font-size:35px}.lesson-word-current-heading small{font-size:12px;max-width:42%}.lesson-word-current .lesson-word-stage-main{padding:12px}.lesson-word-strokes .stroke-play-controls{align-items:stretch;flex-wrap:wrap}.lesson-word-strokes .stroke-method-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px}.lesson-word-strokes .stroke-method-pills button{font-size:13px;padding:8px 3px}.lesson-word-color-details{margin-left:auto}.lesson-word-color-details .stroke-color-dots{gap:6px}.lesson-word-color-details .stroke-color-dots button{width:25px;height:25px;min-height:25px}.lesson-word-color-details .stroke-custom-color{padding:4px 6px}.lesson-word-current .lesson-word-term{min-height:130px}.lesson-word-current .lesson-word-term ruby{font-size:36px}}

/* Larger, warmer bubbles keep the three word groups easy to spot. */
.lesson-word-tabs{gap:15px;margin-bottom:20px}.lesson-word-tabs button{min-width:128px;min-height:96px;padding:12px 17px;background:#f1f8ef;border-color:#cddaca;color:#4d6546;font-size:19px;box-shadow:0 4px 0 #c9dcc4}.lesson-word-tabs button:nth-child(2){background:#ffe8f1;border-color:#e8b7ca;color:#8d3e63;box-shadow:0 4px 0 #dfaac0}.lesson-word-tabs button:nth-child(3){background:#fff0d9;border-color:#e8878e;color:#c7252f;box-shadow:0 4px 0 #e58a90}.lesson-word-tabs button[aria-pressed=true]{background:#6c519d;border-color:#6c519d;color:#fff;box-shadow:0 4px 0 #503b78}.lesson-word-display .lesson-word-card:nth-child(4n+2){background:#fff0f6!important;border-color:#e7bfd1!important;color:#88445f!important}.lesson-word-display .lesson-word-card:nth-child(4n+3){background:#f2ecff!important;border-color:#cfc0e8!important;color:#604987!important}.lesson-word-display .lesson-word-card:nth-child(4n){background:#fff1df!important;border-color:#e7898f!important;color:#b92f38!important}.lesson-word-display .lesson-word-card[aria-pressed=true]{background:#f0f8ee!important;border-color:#97b68f!important;color:#47663f!important}@media(max-width:650px){.lesson-word-tabs{gap:8px}.lesson-word-tabs button{min-width:0;min-height:82px;padding:8px 3px;font-size:16px}}

/* Per-lesson exercises use the same visible, in-page working surface as the
   pinyin matching practice. No exercise opens a dialog. */
.lesson-inline-practice-host{min-width:0;max-width:100%}.lesson-inline-practice{max-width:980px;margin:18px auto 28px;padding:18px;border:1px solid #d5e0d2;border-radius:26px;background:#fff;box-shadow:0 6px 20px #315e7a12;overflow:hidden}.lesson-inline-back{display:inline-block;margin:0 0 12px;color:#4d6546;font-weight:700;text-decoration:none}.lesson-inline-heading{text-align:center;margin:0 0 14px}.lesson-inline-heading .eyebrow{margin:0 0 4px;color:#758571;font-size:15px}.lesson-inline-heading h2{margin:0;color:#486441;font-size:clamp(23px,4vw,29px)}.lesson-inline-practice-layout{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:start}.lesson-inline-category-nav{position:sticky;top:14px;display:flex;flex-direction:column;gap:8px}.lesson-inline-category-nav button{display:grid;place-items:center;min-height:58px;padding:8px 7px;border:2px solid #ceddca;border-radius:17px;background:#f4faf2;color:#4d6546;font:700 16px/1.25 inherit;cursor:pointer;box-shadow:0 3px 0 #c9dac5;transition:transform .15s ease,box-shadow .15s ease}.lesson-inline-category-nav button:nth-child(2){background:#eef7e7;border-color:#c7dfb5;color:#456e34;box-shadow:0 3px 0 #bfd6a9}.lesson-inline-category-nav button:nth-child(3){background:#fff0f5;border-color:#e7bed0;color:#8c4662;box-shadow:0 3px 0 #dfaec1}.lesson-inline-category-nav button:nth-child(4){background:#f2ecff;border-color:#d0c1e9;color:#624a89;box-shadow:0 3px 0 #c2b0dd}.lesson-inline-category-nav button:nth-child(5){background:#fff2dd;border-color:#e48b91;color:#b12d36;box-shadow:0 3px 0 #e18e94}.lesson-inline-category-nav button:hover,.lesson-inline-category-nav button:focus-visible{transform:translateY(-2px);outline:none}.lesson-inline-category-nav button[aria-pressed=true]{background:#608556!important;border-color:#507246!important;color:#fff!important;box-shadow:0 3px 0 #44613c!important}.lesson-inline-practice-main{min-width:0;padding:14px;border:1px solid #dce4d9;border-radius:21px;background:#fdfefc;overflow:hidden}.lesson-inline-practice-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}.lesson-inline-mode-tabs{display:flex;gap:7px;flex-wrap:wrap;min-width:0}.lesson-inline-mode-tabs button{min-height:38px;padding:7px 10px;border:1px solid #cbdac7;border-radius:15px;background:#f4f9f3;color:#4d6546;font:700 14px/1.2 inherit;cursor:pointer;white-space:nowrap}.lesson-inline-mode-tabs button:nth-child(2n){background:#f3ecff;border-color:#d4c3eb;color:#634a8b}.lesson-inline-mode-tabs button:nth-child(3n){background:#fff1de;border-color:#e7888f;color:#af323a}.lesson-inline-mode-tabs button[aria-pressed=true]{background:#608556!important;border-color:#507246!important;color:#fff!important;box-shadow:0 2px 0 #44613c}.lesson-inline-pinyin-toggle{display:flex;align-items:center;gap:5px;flex:0 0 auto;white-space:nowrap;color:#687964;font-size:14px}.lesson-inline-pinyin-toggle input{width:16px;height:16px;accent-color:#608556}.lesson-inline-activity{min-width:0;max-width:100%;overflow:hidden}.lesson-inline-empty,.lesson-inline-result{max-width:620px;margin:26px auto;padding:18px;text-align:center;border:1px dashed #cfdacc;border-radius:18px;background:#fff}.lesson-inline-empty h3,.lesson-inline-result h3{margin:0 0 7px;color:#4d6546;font-size:21px}.lesson-inline-empty p,.lesson-inline-result p{margin:0;color:#748270;line-height:1.65}.lesson-inline-result>span{font-size:36px}.lesson-inline-result button,.lesson-inline-reveal,.lesson-inline-next{margin-top:14px;padding:10px 16px;border:1px solid #b5cbaf;border-radius:16px;background:#f1f8ef;color:#496541;font:700 16px/1.3 inherit;cursor:pointer}.lesson-inline-question,.lesson-inline-pair-practice{max-width:660px;margin:0 auto;padding:4px 0 2px;text-align:center}.lesson-inline-question-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:29px;color:#6f7f6b;font-size:14px}.lesson-inline-question-top button{padding:5px 9px;border:1px solid #d3ddd0;border-radius:13px;background:#fff;color:#5a6f54;font:inherit;cursor:pointer}.lesson-inline-instruction{margin:16px 0 6px;color:#6c7c67;font-size:16px}.lesson-inline-prompt{margin:0 0 17px;color:#41573a;font:clamp(30px,7vw,46px)/1.25 "Kaiti SC","STKaiti","KaiTi","SimKai",serif;overflow-wrap:anywhere}.lesson-inline-prompt-pinyin{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.04em}.lesson-inline-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lesson-inline-answers button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:54px;padding:9px 11px;border:2px solid #d2decf;border-radius:16px;background:#fafdf9;color:#41563c;font:700 17px/1.35 inherit;overflow-wrap:anywhere;word-break:break-word;cursor:pointer}.lesson-inline-answers button:nth-child(2n){background:#f6f0ff;border-color:#d7c8ec;color:#654a8c}.lesson-inline-answers button b{display:grid;flex:0 0 auto;place-items:center;width:24px;height:24px;border-radius:50%;background:#a2bd9a;color:#fff;font-size:13px}.lesson-inline-answers button:disabled{cursor:default}.lesson-inline-answers button.is-correct,.lesson-inline-line-board button.is-correct,.lesson-inline-match-board button.is-correct{background:#e7f6e5!important;border-color:#79ad77!important;color:#2d6840!important}.lesson-inline-answers button.is-wrong,.lesson-inline-line-board button.is-wrong,.lesson-inline-match-board button.is-wrong{background:#fff0ec!important;border-color:#d4877a!important;color:#9a4438!important}.lesson-inline-feedback{min-height:1.5em;margin:12px 2px 0;color:#396c53;font-size:16px;line-height:1.55}.lesson-inline-text-practice{max-width:760px;margin:0 auto;text-align:left}.lesson-inline-text-practice .reference-practice{margin:0}.lesson-inline-text-question{margin:0 0 13px;padding:13px 15px 15px;border:2px solid #e0e8de;border-radius:19px;background:#fff}.lesson-inline-text-question legend{max-width:100%;padding:0 5px;color:#4d6546;font-size:18px;line-height:1.65}.lesson-inline-text-question legend>b{margin-right:8px;color:#496541;font-size:14px}.lesson-inline-line-board{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:14px auto;max-width:580px}.lesson-inline-line-board>div{display:grid;gap:8px}.lesson-inline-line-board button{min-width:0;min-height:49px;padding:8px 10px;border:2px solid #d2decf;border-radius:15px;background:#fbfdfa;color:#4d6546;font:700 17px/1.3 inherit;overflow-wrap:anywhere;cursor:pointer}.lesson-inline-line-board>div:first-child button{background:#f4faf3}.lesson-inline-line-board>div:last-child button{background:#f4efff;border-color:#d5c7eb;color:#654a8b}.lesson-inline-line-board button.is-selected,.lesson-inline-match-board button.is-selected{outline:3px solid #608556;outline-offset:1px}.lesson-inline-match-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:580px;margin:14px auto}.lesson-inline-match-board button{min-width:0;min-height:51px;padding:8px 10px;border:2px solid #d2decf;border-radius:15px;background:#f5faf4;color:#4d6546;font:700 17px/1.3 inherit;overflow-wrap:anywhere;cursor:pointer}.lesson-inline-match-board button:nth-child(3n+2){background:#fff0f5;border-color:#e5c1d1;color:#8a4863}.lesson-inline-match-board button:nth-child(3n){background:#f3edff;border-color:#d4c5e9;color:#644b8b}.lesson-inline-stroke-picker{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:12px 0}.lesson-inline-stroke-picker button{min-width:40px;min-height:40px;padding:5px 9px;border:1px solid #cedbca;border-radius:14px;background:#f4faf3;color:#4d6546;font:700 20px/1.2 "Kaiti SC","STKaiti","KaiTi","SimKai",serif;cursor:pointer}.lesson-inline-stroke-picker button[aria-pressed=true]{background:#608556;border-color:#507246;color:#fff}.lesson-inline-stroke-host{min-width:0;max-width:100%;overflow:hidden}.lesson-inline-stroke-host .stroke-layout{max-width:680px;margin:10px auto;grid-template-columns:minmax(0,1fr)}.lesson-inline-stroke-host .stroke-work-area{max-width:680px;margin:0 auto}.lesson-inline-stroke-host .stroke-play-controls{max-width:680px;margin-left:auto;margin-right:auto}.lesson-inline-stroke-host .stroke-color-dots{max-width:100%;flex-wrap:wrap}.lesson-inline-stroke-host .stroke-stage{max-width:100%;margin-left:auto;margin-right:auto}.lesson-inline-no-pinyin .lesson-inline-pinyin-hint{display:none!important}
@media(max-width:700px){.lesson-inline-practice{margin:14px 0 22px;padding:13px;border-radius:21px}.lesson-inline-practice-layout{display:block}.lesson-inline-category-nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:11px}.lesson-inline-category-nav button{min-height:48px;padding:6px 3px;border-radius:15px;font-size:14px}.lesson-inline-practice-main{padding:11px;border-radius:17px}.lesson-inline-practice-tools{align-items:flex-start;flex-direction:column;margin-bottom:11px}.lesson-inline-mode-tabs{width:100%;gap:6px}.lesson-inline-mode-tabs button{flex:1 1 auto;min-height:36px;padding:7px 8px;font-size:13px}.lesson-inline-pinyin-toggle{align-self:flex-end}.lesson-inline-question-top{font-size:13px}.lesson-inline-instruction{margin-top:11px;font-size:15px}.lesson-inline-prompt{margin-bottom:13px;font-size:clamp(28px,12vw,40px)}.lesson-inline-answers{grid-template-columns:1fr;gap:7px}.lesson-inline-answers button{min-height:48px;font-size:16px}.lesson-inline-line-board{gap:10px}.lesson-inline-line-board button,.lesson-inline-match-board button{min-height:45px;padding:7px;font-size:16px}.lesson-inline-match-board{gap:7px}.lesson-inline-text-question{padding:11px}.lesson-inline-text-question legend{font-size:17px}.lesson-inline-stroke-host .stroke-method-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.lesson-inline-stroke-host .stroke-method-pills button{min-width:0;padding:8px 3px;font-size:13px}}

/* Every exercise keeps the familiar preview and card-revision tools, but now
   inside the same page instead of an old dialog. */
.lesson-inline-preview,.lesson-inline-flash{max-width:660px;margin:0 auto;padding:4px 0 2px;text-align:center}.lesson-inline-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin:15px auto;max-width:620px}.lesson-inline-preview-card{display:grid;place-items:center;gap:6px;min-width:0;min-height:96px;padding:10px 8px;border:2px solid #cfddcb;border-radius:18px;background:#f4faf2;color:#496541;font:inherit;cursor:pointer;overflow:hidden;transition:transform .16s ease,background .16s ease}.lesson-inline-preview-card:nth-child(4n+2){background:#fff0f6;border-color:#e9bfd1;color:#88445f}.lesson-inline-preview-card:nth-child(4n+3){background:#f3edff;border-color:#d3c2e9;color:#624a89}.lesson-inline-preview-card:nth-child(4n){background:#fff1df;border-color:#e7898f;color:#b92f38}.lesson-inline-preview-card:hover,.lesson-inline-preview-card:focus-visible{transform:translateY(-2px);outline:3px solid #a2be9b;outline-offset:2px}.lesson-inline-preview-card strong{font:34px/1.1 "Kaiti SC","STKaiti","KaiTi","SimKai",serif;overflow-wrap:anywhere}.lesson-inline-preview-card small,.lesson-inline-flash-card small{max-width:100%;color:inherit;font:700 16px/1.35 Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.05em;overflow-wrap:anywhere}.lesson-inline-preview-card .lesson-inline-pinyin-hint{max-height:0;opacity:0;transform:translateY(5px);transition:max-height .16s ease,opacity .16s ease,transform .16s ease}.lesson-inline-preview-card.is-flipped .lesson-inline-pinyin-hint{max-height:2.2em;opacity:1;transform:none}.lesson-inline-no-pinyin .lesson-inline-pinyin-hint{display:none!important}.lesson-inline-flash-card{display:grid;place-items:center;gap:9px;width:min(100%,430px);min-height:205px;margin:13px auto;padding:20px;border:2px solid #cddbc9;border-radius:25px;background:linear-gradient(145deg,#f4faf3,#f5efff);color:#41563c;font:inherit;cursor:pointer;box-shadow:0 5px 0 #c0d2bb;transition:transform .16s ease,box-shadow .16s ease}.lesson-inline-flash-card:hover,.lesson-inline-flash-card:focus-visible{transform:translateY(-2px);box-shadow:0 7px 0 #a8bea2;outline:none}.lesson-inline-flash-card strong{font:clamp(48px,9vw,68px)/1.12 "Kaiti SC","STKaiti","KaiTi","SimKai",serif}.lesson-inline-flash-card .lesson-inline-pinyin-hint{max-height:0;opacity:0;transform:translateY(7px);transition:max-height .18s ease,opacity .18s ease,transform .18s ease}.lesson-inline-flash-card.is-flipped .lesson-inline-pinyin-hint{max-height:2.4em;opacity:1;transform:none}.lesson-inline-flash-card>span{color:#70806b;font-size:14px}.lesson-inline-flash-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.lesson-inline-flash-actions button{min-height:40px;padding:8px 13px;border:1px solid #cfdbcb;border-radius:15px;background:#fff;color:#4d6546;font:700 15px/1.25 inherit;cursor:pointer}.lesson-inline-flash-actions button[data-lip-known]{background:#e9f6e6;border-color:#a9d1aa;color:#2e6a42}.lesson-inline-flash-actions button[data-lip-not-yet]{background:#fff2df;border-color:#e38c92;color:#b02d36}.lesson-inline-flash-actions button:disabled{opacity:.46;cursor:default}@media(max-width:700px){.lesson-inline-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.lesson-inline-preview-card{min-height:80px;padding:8px 4px;border-radius:15px}.lesson-inline-preview-card strong{font-size:28px}.lesson-inline-preview-card small,.lesson-inline-flash-card small{font-size:14px}.lesson-inline-flash-card{min-height:172px;border-radius:21px}.lesson-inline-flash-card strong{font-size:50px}.lesson-inline-flash-actions{gap:6px}.lesson-inline-flash-actions button{min-height:37px;padding:7px 9px;font-size:14px}}

/* The lesson word page is one continuous learning surface: all characters
   first, then any real multi-character words.  A one-table lesson does not
   repeat a redundant group title. */
.lesson-word-all-groups{display:grid;gap:10px;margin:2px 0 0}.lesson-word-group{min-width:0;padding:9px 10px;border:1px solid #dde5db;border-radius:18px;background:#fdfefd}.lesson-word-group-words{border-color:#ead5b6;background:#fffdfa}.lesson-word-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 7px}.lesson-word-group>header h3{margin:0;color:#4d6546;font-size:17px}.lesson-word-group>header span{color:#788575;font-size:13px}.lesson-word-group .lesson-word-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:8px;margin:0!important}.lesson-word-group-words .lesson-word-cards{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.lesson-word-group .lesson-word-card{min-height:64px!important;padding:8px 4px!important;font-size:29px!important}.lesson-word-group .lesson-word-card rt{font-size:12px!important;line-height:1.2!important}.lesson-word-group-words .lesson-word-card{font-size:23px!important}.lesson-word-current{margin-top:11px}.lesson-word-context{margin-top:12px!important}

/* Four answer choices get four stable, child-friendly colours. */
.lesson-inline-answers button:nth-child(1),.lesson-inline-text-practice .short-reading-options button:nth-child(1),.lesson-text-options button:nth-child(1){background:#f1f8ef!important;border-color:#c0d4bb!important;color:#496541!important}.lesson-inline-answers button:nth-child(2),.lesson-inline-text-practice .short-reading-options button:nth-child(2),.lesson-text-options button:nth-child(2){background:#f3edff!important;border-color:#d2c1e9!important;color:#624a89!important}.lesson-inline-answers button:nth-child(3),.lesson-inline-text-practice .short-reading-options button:nth-child(3),.lesson-text-options button:nth-child(3){background:#fff1df!important;border-color:#e7898f!important;color:#b12d36!important}.lesson-inline-answers button:nth-child(4),.lesson-inline-text-practice .short-reading-options button:nth-child(4),.lesson-text-options button:nth-child(4){background:#fff0f6!important;border-color:#e6bfd0!important;color:#88445f!important}.lesson-inline-answers button:nth-child(1) b,.lesson-inline-text-practice .short-reading-options button:nth-child(1) b,.lesson-text-options button:nth-child(1) b{background:#7aa16f}.lesson-inline-answers button:nth-child(2) b,.lesson-inline-text-practice .short-reading-options button:nth-child(2) b,.lesson-text-options button:nth-child(2) b{background:#8465b3}.lesson-inline-answers button:nth-child(3) b,.lesson-inline-text-practice .short-reading-options button:nth-child(3) b,.lesson-text-options button:nth-child(3) b{background:#d86e75}.lesson-inline-answers button:nth-child(4) b,.lesson-inline-text-practice .short-reading-options button:nth-child(4) b,.lesson-text-options button:nth-child(4) b{background:#bd6687}.lesson-inline-text-practice .short-reading-options button{line-height:1.55!important}.lesson-inline-text-practice .short-reading-options button b,.lesson-text-options button>b{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:50%;color:#fff!important;font:700 16px/1 Arial,sans-serif!important}.lesson-inline-no-pinyin .lesson-inline-text-practice rt,.lesson-inline-no-pinyin .lesson-text-practice rt{display:none!important}

@media(max-width:650px){.lesson-word-group{padding:8px}.lesson-word-group .lesson-word-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.lesson-word-group-words .lesson-word-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-word-group .lesson-word-card{min-height:57px!important;font-size:24px!important}.lesson-word-group-words .lesson-word-card{font-size:20px!important}.lesson-inline-text-practice .short-reading-options button b,.lesson-text-options button>b{width:27px;height:27px;margin-right:6px;font-size:14px!important}}

.lesson-inline-answers button.is-correct,.lesson-inline-text-practice .short-reading-options button.answer-correct,.lesson-text-options button.answer-correct{background:#e7f6e5!important;border-color:#79ad77!important;color:#2d6840!important}.lesson-inline-answers button.is-wrong,.lesson-inline-text-practice .short-reading-options button.answer-wrong,.lesson-text-options button.answer-wrong{background:#fff0ec!important;border-color:#d4877a!important;color:#9a4438!important}

/* The earlier classroom cards had two real faces.  Keep that feeling in the
   current in-page practice surface: a card never shows its answer underneath
   the prompt, and the child can choose which side appears first. */
.lesson-inline-practice-tools{align-items:flex-start;flex-wrap:wrap}.lesson-inline-card-front-switch{display:flex;align-items:center;gap:4px;min-height:34px;padding:3px 5px;border:1px solid #d8caea;border-radius:15px;background:#fbf8ff;color:#624a89;font-size:13px;white-space:nowrap}.lesson-inline-card-front-switch>span{padding:0 3px;font-weight:700}.lesson-inline-card-front-switch button{min-height:27px;padding:4px 9px;border:1px solid transparent;border-radius:11px;background:transparent;color:inherit;font:700 13px/1.2 inherit;cursor:pointer}.lesson-inline-card-front-switch button[aria-pressed=true]{border-color:#a48ac9;background:#7956a5;color:#fff}.lesson-inline-preview-card,.lesson-inline-flash-card{row-gap:0}.lesson-inline-preview-card .lesson-inline-flip-front,.lesson-inline-flash-card .lesson-inline-flip-front{display:block;max-width:100%;max-height:3.35em;margin:0;overflow:hidden;opacity:1;transform:scale(1);transition:max-height .2s ease,margin .2s ease,opacity .18s ease,transform .2s ease}.lesson-inline-preview-card .lesson-inline-flip-back,.lesson-inline-flash-card .lesson-inline-flip-back{display:block;max-width:100%;max-height:0;margin:0;overflow:hidden;opacity:0;transform:scale(.82);transition:max-height .2s ease,margin .2s ease,opacity .18s ease,transform .2s ease}.lesson-inline-preview-card.is-flipped .lesson-inline-flip-front,.lesson-inline-flash-card.is-flipped .lesson-inline-flip-front{max-height:0;margin:0;opacity:0;transform:scale(.82)}.lesson-inline-preview-card.is-flipped .lesson-inline-flip-back,.lesson-inline-flash-card.is-flipped .lesson-inline-flip-back{max-height:3.35em;margin:0;opacity:1;transform:scale(1)}.lesson-inline-preview-card .lesson-inline-flip-front-pinyin,.lesson-inline-preview-card .lesson-inline-flip-back-pinyin{font:700 17px/1.45 Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.055em}.lesson-inline-flash-card .lesson-inline-flip-front-pinyin,.lesson-inline-flash-card .lesson-inline-flip-back-pinyin{font:700 clamp(27px,6vw,43px)/1.42 Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.055em}.lesson-inline-preview-card .lesson-inline-flip-back:not(.lesson-inline-flip-back-pinyin){font:34px/1.1 "Kaiti SC","STKaiti","KaiTi","SimKai",serif}.lesson-inline-flash-card .lesson-inline-flip-back:not(.lesson-inline-flip-back-pinyin){font:clamp(48px,9vw,68px)/1.12 "Kaiti SC","STKaiti","KaiTi","SimKai",serif}.lesson-inline-flip-cue{display:block;min-height:1.25em;margin-top:8px;color:#70806b;font-size:13px;line-height:1.25}.lesson-inline-match-board.lesson-inline-clear-board{grid-template-columns:repeat(3,minmax(0,1fr));max-width:660px}.lesson-inline-match-board button.is-clearing{animation:lesson-inline-card-clear .28s ease forwards}.lesson-inline-match-board button.is-cleared{visibility:hidden;pointer-events:none}@keyframes lesson-inline-card-clear{0%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.055)}100%{opacity:0;transform:scale(.72)}}
@media(max-width:700px){.lesson-inline-card-front-switch{order:3}.lesson-inline-match-board.lesson-inline-clear-board{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-inline-preview-card .lesson-inline-flip-front-pinyin,.lesson-inline-preview-card .lesson-inline-flip-back-pinyin{font-size:15px}.lesson-inline-flash-card .lesson-inline-flip-front-pinyin,.lesson-inline-flash-card .lesson-inline-flip-back-pinyin{font-size:clamp(25px,8vw,38px)}}

/* Preview reveals a reading above the character; only flash cards turn over. */
.lesson-inline-feedback:empty{display:none}.lesson-inline-preview-pinyin{display:block;max-width:100%;max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(5px);color:inherit;font:700 16px/1.35 Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.055em;transition:max-height .18s ease,margin .18s ease,opacity .16s ease,transform .18s ease}.lesson-inline-preview-card.is-revealed .lesson-inline-preview-pinyin{max-height:2.2em;margin-bottom:4px;opacity:1;transform:none}.lesson-inline-no-pinyin .lesson-inline-preview-pinyin{display:none!important}

/* Keep a lesson's inventory short: open one group only when it is needed and
   page through larger sets instead of turning the study screen into a wall. */
.lesson-word-all-groups{gap:10px}.lesson-word-group{padding:0;overflow:hidden}.lesson-word-group>summary{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 13px;cursor:pointer;list-style:none;color:#4d6546;font-weight:700}.lesson-word-group>summary::-webkit-details-marker{display:none}.lesson-word-group>summary span{font-size:17px}.lesson-word-group>summary small{margin-left:auto;color:#788575;font-size:13px;font-weight:400}.lesson-word-group>summary::after{content:"＋";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f3f8f1;color:#4d6546;font-size:20px;font-weight:400;line-height:1}.lesson-word-group[open]>summary{border-bottom:1px solid #e0e8de;background:#fafdf9}.lesson-word-group[open]>summary::after{content:"−"}.lesson-word-group .lesson-word-cards{padding:10px 10px 0}.lesson-word-page-nav{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 10px 11px}.lesson-word-page-nav button{min-width:72px;padding:7px 10px;border:1px solid #cedbca;border-radius:14px;background:#f4faf3;color:#4d6546;font:700 14px/1.25 inherit;cursor:pointer}.lesson-word-page-nav button:last-child{background:#f3edff;border-color:#d5c6eb;color:#624a89}.lesson-word-page-nav button:disabled{opacity:.38;cursor:default}.lesson-word-page-nav span{color:#717f6d;font-size:13px}.lesson-word-card.is-completed{border-color:#ced2cc!important;background:#f0f2ef!important;color:#7d878e!important;box-shadow:none!important;filter:grayscale(.7)}.lesson-word-card.is-completed rt{color:#8b969d!important}.lesson-word-item-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 14px 14px}.lesson-word-item-actions button{min-height:37px;padding:7px 11px;border:1px solid #ccd9c8;border-radius:15px;background:#fff;color:#4d6546;font:700 14px/1.25 inherit;cursor:pointer}.lesson-word-item-actions [data-lwp-complete][aria-pressed=true]{border-color:#cbcfc9;background:#f0f2ef;color:#778188}.lesson-word-item-actions [data-lwp-next]{border-color:#b9d8c5;background:#e8f6ec;color:#27674f}.lesson-word-item-actions button:disabled{opacity:.45;cursor:default}

/* Ruby is part of every Hanzi-based question, so the exercise pinyin switch
   now hides and reveals pinyin rather than merely changing a class name. */
.lesson-inline-practice ruby{ruby-position:over;ruby-align:center;white-space:nowrap}.lesson-inline-practice ruby rt{font:700 .48em/1.1 Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.055em;color:currentColor}.lesson-inline-no-pinyin .lesson-inline-practice ruby rt{display:none!important}.lesson-inline-flash-card{position:relative;grid-template-areas:"face";align-content:center;justify-items:center}.lesson-inline-flash-card .lesson-inline-flip-front,.lesson-inline-flash-card .lesson-inline-flip-back{grid-area:face;align-self:center;justify-self:center;width:100%;text-align:center}.lesson-inline-flash-card .lesson-inline-flip-front-pinyin,.lesson-inline-flash-card .lesson-inline-flip-back-pinyin{display:grid;place-items:center;text-align:center}.lesson-inline-flash-actions button[data-lip-not-yet],.lesson-inline-flash-actions button[data-lip-known]{display:grid;place-items:center;min-width:42px;min-height:42px;padding:7px;border-radius:50%;font-size:22px;line-height:1}.lesson-inline-flash-actions button[data-lip-not-yet]{background:#fff2df}.lesson-inline-flash-actions button[data-lip-known]{background:#e9f6e6}
@media(max-width:650px){.lesson-word-group>summary{min-height:43px;padding:8px 11px}.lesson-word-group>summary span{font-size:16px}.lesson-word-item-actions{padding:0 12px 12px}.lesson-word-item-actions button{font-size:13px}.lesson-word-page-nav{gap:8px;padding-top:8px}.lesson-word-page-nav button{min-width:66px;padding:7px 8px}.lesson-inline-flash-actions button[data-lip-not-yet],.lesson-inline-flash-actions button[data-lip-known]{min-width:39px;min-height:39px;font-size:20px}}

/* A disappearance round keeps its three columns while every card is easy to distinguish. */
.lesson-inline-clear-board button:nth-child(12n+1){background:#f1f8ef;border-color:#c0d4bb;color:#496541}.lesson-inline-clear-board button:nth-child(12n+2){background:#f3edff;border-color:#d2c1e9;color:#624a89}.lesson-inline-clear-board button:nth-child(12n+3){background:#fff1df;border-color:#e7898f;color:#b12d36}.lesson-inline-clear-board button:nth-child(12n+4){background:#fff0f6;border-color:#e6bfd0;color:#88445f}.lesson-inline-clear-board button:nth-child(12n+5){background:#edf7e7;border-color:#bdd9a9;color:#456e34}.lesson-inline-clear-board button:nth-child(12n+6){background:#fff7cf;border-color:#e7898f;color:#a52831}.lesson-inline-clear-board button:nth-child(12n+7){background:#e4f8f2;border-color:#a8d8cb;color:#236c5e}.lesson-inline-clear-board button:nth-child(12n+8){background:#f4faf3;border-color:#d2e0ce;color:#65815d}.lesson-inline-clear-board button:nth-child(12n+9){background:#ffefe9;border-color:#ebbca9;color:#985039}.lesson-inline-clear-board button:nth-child(12n+10){background:#edf5eb;border-color:#becfb9;color:#435f3c}.lesson-inline-clear-board button:nth-child(12n+11){background:#f9edff;border-color:#debee9;color:#7b4c8d}.lesson-inline-clear-board button:nth-child(12n){background:#fff5e7;border-color:#e38c92;color:#b0323a}

/* Each inline lesson exposes a single pinyin switch.  Hide the nested
   reference switch so a child cannot leave the two controls out of sync. */
.lesson-inline-text-practice .reference-bare-options{display:none!important}

.lesson-word-flash-note{font:600 16px/1.6 inherit;color:#758571}

/* The pinyin-off state lives on this same section (not on its parent), so
   target the two classes together. This applies to every Hanzi prompt and
   Hanzi card in choices, line-up, matching and disappearance exercises. */
.lesson-inline-practice.lesson-inline-no-pinyin ruby rt{display:none!important}

/* Preview is the complete lesson reference: every card stays still and its
   readings follow the explicit “看拼音” switch. */
.lesson-inline-preview-card{cursor:default!important}.lesson-inline-preview-card:hover{transform:none!important;outline:none!important}.lesson-inline-practice:not(.lesson-inline-no-pinyin) .lesson-inline-preview-pinyin{max-height:2.2em!important;margin:0 0 4px!important;opacity:1!important;transform:none!important}.lesson-inline-practice.lesson-inline-no-pinyin .lesson-inline-preview-pinyin{display:none!important}