/* A calm textbook workspace, using the school's navy and restrained gold. */
/* The shared lesson design below is scoped away from textbook directories. */
body.school-book-directory main .unit-index{display:block!important;width:100%!important;max-width:none!important;margin:18px auto!important;padding:0!important}
body.school-book-directory main .unit-index .unit-directory[hidden]{display:none!important}
body.school-book-directory main .unit-index .review-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.school-book-units{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.school-book-units button{border:1px solid #dee2dd;border-radius:20px;background:#fff;color:#2d4128;padding:9px 15px;cursor:pointer;font:600 14px/1.5 'Noto Sans SC',sans-serif}.school-book-units button[aria-pressed=true]{background:#2d4128;color:#fff;border-color:#2d4128}
.school-book-extra summary{cursor:pointer;color:#626f5e;padding:10px;font-size:14px}.school-book-extra .review-table-entry{display:flex!important;gap:8px;margin:6px 0!important}.school-book-extra .review-table-entry a{min-height:38px!important;padding:8px 14px!important;font-size:14px!important;width:auto!important}.school-book-tools>button:before{content:'🎲 ';}.school-book-tools>a:nth-of-type(1):before{content:'🎯 ';}.school-book-tools>a:nth-of-type(2):before{content:'✍️ ';}
@media(max-width:700px){body.school-book-directory main .unit-index .review-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body.school-book-directory main .unit-index .lesson-directory-card{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.school-book-units button{padding:7px 11px;font-size:13px}.school-book-directory .class-main{padding:16px!important}}
body.school-book-directory main .unit-index .unit-directory{display:block!important;padding:20px!important;border:1px solid #dee2dd!important;background:#faf9f6!important;border-radius:16px!important;margin:0!important;box-shadow:none!important}
body.school-book-directory main .unit-index .unit-directory h2{width:auto!important;min-width:0!important;margin:0 0 16px!important;font-size:22px!important;text-align:left!important}
body.school-book-directory main .unit-index .lesson-directory-card{display:flex!important;justify-content:flex-start!important;text-align:left!important;min-height:85px!important;padding:12px!important;border-radius:12px!important}
body.school-book-directory main .unit-index .lesson-directory-copy{align-items:flex-start!important;text-align:left!important;padding:0!important}
body.school-book-directory main .unit-index .lesson-thumbnail{position:static!important;transform:none!important;width:48px!important;height:60px!important}
@media(max-width:700px){body.school-book-directory main .unit-index{grid-template-columns:1fr!important}}
.lesson-workspace{border-radius:16px;overflow:hidden}.lesson-workspace .lesson-workspace-nav button{display:flex;align-items:center;justify-content:center;gap:10px}
.lesson-workspace-nav button::before{content:attr(data-icon);font-size:25px;line-height:1.2}
.lesson-workspace .lesson-workspace-nav [data-workspace-tab=text][aria-selected=true]{background:#f3f8f1;border-bottom-color:#7c9475}.lesson-workspace .lesson-workspace-nav [data-workspace-tab=recognize][aria-selected=true]{background:#fff5df;border-bottom-color:#ca6269}.lesson-workspace .lesson-workspace-nav [data-workspace-tab=write][aria-selected=true]{background:#edf6ef;border-bottom-color:#749f7e}.lesson-workspace .lesson-workspace-nav [data-workspace-tab=words][aria-selected=true],.lesson-workspace .lesson-workspace-nav [data-workspace-tab=practice][aria-selected=true]{background:#f3eefb;border-bottom-color:#9b85b7}
.lesson-workspace-intro p{flex:1}.lesson-workspace .lesson-child-sound{padding:8px 10px;border:1px solid #dee2dd;background:white;color:#2d4128;min-width:42px;font-size:20px;border-radius:12px}
.lesson-child-games{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson-child-games>button,.lesson-more-games button{display:flex;align-items:center;gap:7px;border:1px solid #dee2dd;background:#f8faf7;color:#2d4128;border-radius:12px;padding:10px 15px;min-height:44px;font:600 15px/1.5 'Noto Sans SC',sans-serif;box-shadow:none;cursor:pointer}.lesson-child-games button span:first-child{font-size:21px}.lesson-child-games button[aria-pressed=true]{background:#2d4128;color:#fff;border-color:#2d4128}.lesson-more-games summary,.lesson-more-content summary{font-size:14px;color:#626f5e;padding:10px;cursor:pointer}.lesson-more-games>div{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.lesson-more-content label{padding:10px}.lesson-workspace .lesson-inline-practice-tools:empty{display:none}
.lesson-workspace .lesson-inline-practice .lesson-inline-preview-card,.lesson-workspace .lesson-inline-practice .lesson-inline-flash-card,.lesson-workspace .lesson-inline-practice .lesson-inline-match-board button,.lesson-workspace .lesson-inline-practice .short-reading-options button,.lesson-workspace .lesson-inline-practice .lesson-inline-answers button{border-radius:14px!important}
.lesson-workspace .lesson-inline-preview-card:nth-child(4n+1),.lesson-workspace .lesson-inline-match-board button:nth-child(4n+1),.lesson-workspace .lesson-inline-answers button:nth-child(4n+1),.lesson-workspace .short-reading-options button:nth-child(4n+1){background:#f3f8f1!important}.lesson-workspace .lesson-inline-preview-card:nth-child(4n+2),.lesson-workspace .lesson-inline-match-board button:nth-child(4n+2),.lesson-workspace .lesson-inline-answers button:nth-child(4n+2),.lesson-workspace .short-reading-options button:nth-child(4n+2){background:#fff5e3!important}.lesson-workspace .lesson-inline-preview-card:nth-child(4n+3),.lesson-workspace .lesson-inline-match-board button:nth-child(4n+3),.lesson-workspace .lesson-inline-answers button:nth-child(4n+3),.lesson-workspace .short-reading-options button:nth-child(4n+3){background:#edf6ef!important}.lesson-workspace .lesson-inline-preview-card:nth-child(4n+4),.lesson-workspace .lesson-inline-match-board button:nth-child(4n+4),.lesson-workspace .lesson-inline-answers button:nth-child(4n+4){background:#f5eef9!important}
.lesson-workspace .lesson-inline-flash-card.is-flipped{animation:child-card-turn .25s ease}.lesson-workspace .lesson-inline-answers button:hover:not(:disabled){transform:translateY(-2px);transition:transform .15s}.lesson-workspace .lesson-inline-answers button.is-correct,.lesson-workspace .short-reading-options button.answer-correct{background:#dcefe2!important;border-color:#749f7e!important}.lesson-workspace .lesson-inline-answers button.is-wrong,.lesson-workspace .short-reading-options button.answer-wrong{background:#fbe2e0!important;border-color:#bb7a78!important}
.lesson-workspace .lesson-inline-practice .lesson-inline-match-board button.is-selected{background:#2d4128!important;color:#fff!important;border-color:#2d4128!important}
.school-book-directory .unit-index .unit-directory{border-radius:16px!important}.school-book-directory .unit-index .lesson-directory-card{border-radius:12px!important}
@keyframes child-card-turn{0%{transform:rotateY(-25deg) scale(.97)}100%{transform:rotateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.lesson-workspace .lesson-inline-flash-card.is-flipped{animation:none}.lesson-workspace .lesson-inline-answers button:hover:not(:disabled){transform:none;transition:none}}
body.school-book-directory{background:#fff!important;color:#283d23;font-family:'Noto Sans SC','Noto Sans',sans-serif}
.school-book-directory .class-main{max-width:1180px;margin:0 auto;padding:28px 28px 50px!important}
.school-book-directory .review-heading{padding:0!important;margin:22px 0!important;border:0!important;box-shadow:none!important;background:none!important}
.school-book-directory .review-heading h1{font:700 34px/1.4 'Noto Serif SC',serif!important;margin:0 0 10px!important;color:#283d23!important}
.school-book-directory .school-book-intro{font-size:16px;color:#626f5e;margin:0}
.school-book-volumes{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 16px;border-bottom:1px solid #dee2dd;padding-bottom:16px}
.school-book-volumes a{padding:10px 18px;border:1px solid #dee2dd;border-radius:5px;color:#2d4128;background:#fff;font-size:16px;text-decoration:none}
.school-book-volumes a[aria-current=page]{background:#2d4128;color:#fff;border-color:#2d4128}
.school-book-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 26px;padding:0!important}
.school-book-tools button,.school-book-tools a{width:auto!important;min-height:42px!important;height:auto!important;margin:0!important;padding:9px 18px!important;border:1px solid #dee2dd!important;border-radius:5px!important;background:#fff!important;color:#2d4128!important;box-shadow:none!important;font:600 14px/1.5 'Noto Sans SC',sans-serif!important;text-decoration:none!important;cursor:pointer}
.school-book-tools #random-review-lesson{background:#fff7e7!important;border-color:#dc9398!important;color:#aa1f28!important}
.school-book-directory .unit-directory h2{text-align:left!important;display:flex;align-items:center;gap:12px}
.school-book-directory .unit-directory h2::before{content:attr(data-unit-index);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f3e7cb;color:#b8353e;font:600 14px/1 sans-serif}
.school-book-directory .lesson-directory-card{position:relative!important;align-items:center!important;gap:16px!important;text-align:left!important;transition:border-color .15s,transform .15s}
.school-book-directory .lesson-directory-card:hover{border-color:#ca6269!important;transform:translateY(-2px)!important}
.school-book-directory .lesson-thumbnail{position:static!important;transform:none!important;border-radius:3px!important;object-fit:cover!important;flex:none}
.school-book-directory .lesson-directory-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;min-height:0!important;padding:0!important;text-align:left!important;flex:1;min-width:0}
.school-book-directory .lesson-directory-copy small,.school-book-directory .lesson-directory-copy strong{width:auto!important;text-align:left!important;padding:0!important}
.school-book-directory .lesson-directory-copy em{position:static!important;margin-left:auto!important;color:#757d72!important;background:none!important;border:0!important}
@media(max-width:700px){.school-book-directory .class-main{padding:20px 16px 35px!important}.school-book-directory .review-heading h1{font-size:28px!important}.school-book-volumes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.school-book-volumes a{padding:10px;text-align:center;font-size:14px}.school-book-tools{gap:8px}.school-book-tools button,.school-book-tools a{padding:8px 12px!important}}
@media(prefers-reduced-motion:reduce){.school-book-directory .lesson-directory-card{transition:none}.school-book-directory .lesson-directory-card:hover{transform:none!important}}
body:has(.unit-index){background:#fff!important}
body .unit-index{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
body .unit-index .unit-directory{display:block!important;border:1px solid #dee2dd!important;border-radius:3px!important;background:#faf9f6!important;padding:22px!important;box-shadow:none!important}
body .unit-index .unit-directory h2{width:auto!important;font-size:22px!important;margin:0 0 16px!important}
body .unit-index .review-links{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body .unit-index .lesson-directory-card{display:flex!important;min-height:85px!important;padding:12px!important;border:1px solid #dee2dd!important;border-radius:3px!important;background:white!important;box-shadow:none!important}
body .unit-index .lesson-directory-copy strong{font-size:18px!important;line-height:1.5!important}
body .unit-index .lesson-directory-copy small,body .unit-index .lesson-directory-copy em{font-size:14px!important;line-height:1.5!important;background:none!important}
body .unit-index .lesson-thumbnail{width:48px!important;height:60px!important}
@media(max-width:700px){body .unit-index{grid-template-columns:1fr!important}body .unit-index .unit-directory{padding:16px!important}}
.lesson-workspace .reader-controls>[role=tablist],.lesson-workspace .reader-download{width:auto!important;flex:none!important;margin:0!important}
.lesson-workspace .lesson-inline-match-board button.is-selected,.lesson-workspace .lesson-inline-line-columns button.is-selected{background:#2d4128!important;color:#fff!important;border-color:#2d4128!important}
.lesson-workspace .lesson-inline-match-board button.is-matched,.lesson-workspace .lesson-inline-line-columns button.is-matched{background:#edf6ef!important;color:#245d36!important;border-color:#749f7e!important}
@media(max-width:700px){.lesson-workspace .lesson-workspace-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-workspace .reader-head{justify-content:flex-start!important}.lesson-workspace .reader-head fieldset{flex:none!important;min-width:0!important;width:auto!important}.lesson-workspace .reader-controls{gap:6px!important}.lesson-workspace .reader-controls button{min-height:34px!important;padding:6px 8px!important}.lesson-workspace .reader-display label{font-size:14px!important}.lesson-workspace .reader-font-size{margin-left:auto!important}}
.lesson-workspace .reader-head{min-height:0!important;padding:0 0 12px!important}
.lesson-workspace .reader-controls{align-items:center!important;min-height:0!important;padding:12px 0!important}
.lesson-workspace .reader-controls>button{width:auto!important;flex:none!important;margin:0!important;padding:8px 12px!important}
.lesson-workspace .reader-controls [data-mode=text]{display:block!important}
.lesson-workspace .lesson-inline-reader[data-reader-mode=text] [data-mode=text]{display:none!important}
.lesson-workspace .reader-hint{display:none!important}
.lesson-workspace-nav button{font-size:16px!important;font-weight:600;font-family:inherit}
.lesson-workspace .short-reading-options button b,.lesson-workspace .lesson-inline-answers button b{background:#2d4128!important;border-radius:3px!important;color:#fff!important}
.lesson-workspace .reader-display,.lesson-workspace .reader-font-size{border-radius:3px;margin:0;padding:7px 10px}
.lesson-workspace .lesson-inline-practice-main{width:100%;background:#fff!important;border:0!important;border-radius:0!important;padding:0!important}
body.lesson-workspace-page{background:#fff!important;color:#283d23;font:16px/1.65 'Noto Sans SC','Noto Sans',sans-serif}
.lesson-workspace-page .class-main{max-width:1140px;margin:0 auto;padding:26px 28px 48px}
.lesson-workspace-page .review-heading{margin:16px 0 22px}.lesson-workspace-page .review-heading h1{font:700 32px/1.45 'Noto Serif SC',serif;color:#283d23}.lesson-workspace-page .eyebrow{color:#626f5e;font-size:14px}
.lesson-workspace-page .classroom-entry{float:right;margin-top:-66px;border:1px solid #dee2dd;background:white;box-shadow:none;border-radius:3px;color:#2d4128;padding:8px 14px;font-size:14px}
.lesson-workspace{border:1px solid #dee2dd;background:#fff;clear:both}
.lesson-workspace-nav{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #dee2dd;background:#faf9f6}
.lesson-workspace-nav button{flex:1;min-height:60px;padding:14px 20px;border:0;border-bottom:3px solid transparent;background:none;border-radius:0;color:#626f5e;font:600 16px/1.5 inherit;box-shadow:none;cursor:pointer}
.lesson-workspace-nav button[aria-selected=true]{color:#283d23;background:#fff;border-bottom-color:#ca6269}
.lesson-workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;border-bottom:1px solid #eff1ef}.lesson-workspace-intro p{margin:0;color:#626f5e;font-size:14px}
.lesson-workspace-intro button{border:1px solid #2d4128;background:#2d4128;color:white;border-radius:3px;padding:8px 18px;font:600 14px/1.5 inherit;cursor:pointer;white-space:nowrap}
.lesson-workspace-content{padding:24px;min-width:0}.lesson-workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 26px;border-top:1px solid #dee2dd}.lesson-workspace-footer div{display:flex;gap:22px}.lesson-workspace-footer a{color:#2d4128;font-size:14px;text-decoration:none}
.lesson-workspace button:focus-visible,.lesson-workspace a:focus-visible,.lesson-workspace select:focus-visible{outline:2px solid #ca6269;outline-offset:3px}
.lesson-workspace .lesson-inline-practice{max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
.lesson-workspace .lesson-inline-practice-layout{display:flex;flex-direction:column;gap:16px}.lesson-workspace .lesson-inline-category-nav{position:static;display:block}.lesson-workspace .lesson-inline-practice-main{min-width:0;flex:1}
.lesson-workspace .lesson-inline-practice-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.lesson-workspace .lesson-mode-select,.lesson-workspace .lesson-category-select{display:flex;align-items:center;gap:14px;color:#626f5e;font-size:14px;flex-wrap:wrap}
.lesson-workspace select{max-width:100%;min-height:42px;padding:8px 32px 8px 12px;border:1px solid #d1d7d0;background:#fff;border-radius:3px;color:#283d23;font:16px/1.4 inherit}
.lesson-workspace .lesson-inline-preview,.lesson-workspace .lesson-inline-flash{max-width:760px}.lesson-workspace .lesson-inline-preview-grid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:14px}
.lesson-workspace .lesson-inline-preview-card,.lesson-workspace .lesson-inline-flash-card,.lesson-workspace .lesson-inline-match-board button,.lesson-workspace .lesson-inline-line-columns button{border:1px solid #d1d7d0!important;border-radius:4px!important;background:#fff!important;color:#2d4128!important;box-shadow:none!important;transform:none}
.lesson-workspace .lesson-inline-preview-card{min-height:115px}.lesson-workspace .lesson-inline-preview-pinyin{color:#626f5e;font-weight:400}
.lesson-workspace .lesson-inline-answers button,.lesson-workspace .short-reading-options button,.lesson-workspace .lesson-text-options button{background:#fff!important;border:1px solid #d1d7d0!important;border-radius:4px!important;color:#2d4128!important;box-shadow:none!important;min-height:58px;padding:14px!important;font-size:18px!important}
.lesson-workspace .lesson-inline-answers button:hover:not(:disabled),.lesson-workspace .short-reading-options button:hover:not(:disabled){border-color:#2d4128!important;background:#f7f9f6!important}
.lesson-workspace .lesson-inline-answers button.is-correct,.lesson-workspace button.answer-correct{background:#edf6ef!important;border-color:#749f7e!important;color:#245d36!important}.lesson-workspace .lesson-inline-answers button.is-wrong,.lesson-workspace button.answer-wrong{background:#fbeeee!important;border-color:#bb7a78!important;color:#8f3431!important}
.lesson-workspace .lesson-inline-text-question{margin:0 0 24px;border:1px solid #dee2dd;border-radius:3px;padding:20px}.lesson-workspace .lesson-inline-text-question legend{font-size:19px;color:#2d4128}
.lesson-workspace .lesson-inline-question-card,.lesson-workspace .lesson-inline-pairs,.lesson-workspace .lesson-inline-stroke{border-radius:4px;background:#faf9f6;border-color:#dee2dd;box-shadow:none}
.lesson-workspace .lesson-inline-reader{position:static;inset:auto;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff;overflow:visible}
.lesson-inline-reader .reader-head{display:flex;flex-wrap:wrap;padding:0 0 18px;border-bottom:1px solid #dee2dd;gap:12px;background:#fff}.lesson-inline-reader .reader-head>div:first-child,.lesson-inline-reader .close-reader,.lesson-inline-reader .reader-pk,.lesson-inline-reader .reader-tools-toggle,.lesson-inline-reader .reader-lesson-stepper{display:none}
.lesson-inline-reader .reader-layout{display:flex;flex-direction:column;gap:20px}.lesson-inline-reader .reader-controls{position:static;width:auto;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px 0 0;background:#fff;border:0}.lesson-inline-reader .reader-controls [role=tablist]{display:flex;flex-wrap:wrap;gap:8px}
.lesson-inline-reader [data-mode=words],.lesson-inline-reader [data-mode=quiz],.lesson-inline-reader [data-mode=reference]{display:none}.lesson-inline-reader .control-note,.lesson-inline-reader .paragraph-draw-status:empty{display:none}
.lesson-inline-reader button,.lesson-inline-reader .reader-download{border:1px solid #d1d7d0;border-radius:3px;background:#fff;color:#2d4128;box-shadow:none;font-size:14px;min-height:38px}.lesson-inline-reader .reader-controls button[aria-selected=true]{background:#2d4128;color:#fff}
.lesson-inline-reader .learning-content{max-height:none;overflow:visible;padding:14px 8px;background:#fff;border:0;border-radius:0;min-width:0}.lesson-inline-reader .passage{max-width:780px;margin:auto}.lesson-inline-reader .reader-hint{font-size:14px;color:#626f5e}.lesson-inline-reader .reading-legend{font-size:14px}.lesson-inline-reader .paragraph{background:none;box-shadow:none;border:0;padding:14px 0}.lesson-inline-reader .passage p{font-size:30px;line-height:2.5;letter-spacing:.06em}.lesson-inline-reader .passage rt{font-size:14px;color:#626f5e}.lesson-inline-reader .reader-fullscreen-toggle{display:none}
body:has(.unit-index){background:#fff}.unit-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.unit-index .unit-directory{padding:22px;border:1px solid #dee2dd;border-radius:3px;background:#faf9f6;box-shadow:none}.unit-index .unit-directory h2{font:700 22px/1.5 'Noto Serif SC',serif;color:#283d23;margin:0 0 16px}.unit-index .review-links{display:grid;gap:10px;margin:0;padding:0;list-style:none}.unit-index .lesson-directory-card{min-height:85px;border:1px solid #dee2dd;border-radius:3px;box-shadow:none;background:#fff;padding:12px;gap:16px;text-decoration:none}.unit-index .lesson-directory-card:hover{border-color:#ca6269;box-shadow:none;transform:none}.unit-index .lesson-directory-copy strong{font-size:18px;color:#283d23}.unit-index .lesson-directory-copy small,.unit-index .lesson-directory-copy em{font-size:14px;color:#626f5e}.unit-index .lesson-thumbnail{width:48px;height:60px;object-fit:cover}
@media(max-width:700px){.lesson-workspace-page .class-main{padding:18px 16px 32px}.lesson-workspace-page .review-heading h1{font-size:27px}.lesson-workspace-page .classroom-entry{float:none;margin:0 0 14px}.lesson-workspace-nav button{flex:1 1 33%;padding:12px 8px;font-size:14px;min-height:48px}.lesson-workspace-intro{padding:14px 16px}.lesson-workspace-content{padding:16px}.lesson-workspace-footer{padding:16px;align-items:flex-start}.lesson-workspace-footer div{gap:12px;flex-wrap:wrap;justify-content:flex-end}.lesson-workspace .lesson-inline-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.lesson-workspace .lesson-inline-preview-card{min-height:98px;padding:10px 4px}.lesson-workspace .lesson-inline-text-question{padding:12px}.lesson-inline-reader .passage p{font-size:24px;line-height:2.65}.lesson-inline-reader .passage rt{font-size:12px}.lesson-inline-reader .learning-content{padding:8px 0}.lesson-inline-reader .reader-head fieldset{margin:0}.unit-index{grid-template-columns:1fr;gap:18px}}

/* Stroke-mode panel overrides must be last: this sheet loads after the
   course-specific legacy layouts. */
.unified-strokes[data-stroke-mode="write"] .stroke-sequence:not(.stroke-sequence-visible),
.unified-strokes[data-stroke-mode="choose"] .stroke-sequence,
.unified-strokes[data-stroke-mode="write"] .stroke-step-size,
.unified-strokes[data-stroke-mode="choose"] .stroke-step-size{display:none!important}
.unified-strokes[data-stroke-mode="write"] .stroke-help h3,
.unified-strokes[data-stroke-mode="choose"] .stroke-help h3{display:block!important;margin:0 0 14px!important;font-size:0!important;line-height:1!important}
.unified-strokes[data-stroke-mode="write"] .stroke-help h3:after{content:'笔顺提示'!important;font:700 20px/1.2 'Noto Serif SC','Noto Sans SC',serif!important}
.unified-strokes[data-stroke-mode="choose"] .stroke-help h3:after{content:'下一笔'!important;font:700 20px/1.2 'Noto Serif SC','Noto Sans SC',serif!important}
.unified-strokes[data-stroke-mode="write"] .stroke-stage .stroke-write-mode{position:absolute!important;z-index:20!important;top:10px!important;right:10px!important;display:flex!important;align-items:center!important;gap:6px!important;width:auto!important;margin:0!important;padding:4px!important;border:1px solid #d3e0d0!important;border-radius:999px!important;background:#ffffffed!important;box-shadow:0 3px 10px #1b5c7c18!important}
.unified-strokes[data-stroke-mode="write"] .stroke-stage .stroke-write-mode button{display:grid!important;width:32px!important;height:32px!important;min-height:32px!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#4f6948!important;box-shadow:none!important;cursor:pointer!important}
.unified-strokes[data-stroke-mode="write"] .stroke-stage .stroke-write-mode button span{font:16px/1 system-ui!important}.unified-strokes[data-stroke-mode="write"] .stroke-stage .stroke-write-mode button[aria-pressed="true"]{background:#3c5c33!important;color:#fff!important;box-shadow:0 2px 5px #174d7845!important}
.unified-strokes[data-stroke-mode="write"] .stroke-write-preview{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;width:100%!important}.unified-strokes[data-stroke-mode="write"] .stroke-write-preview button{min-height:38px!important;margin:0!important;padding:7px 12px!important;border:1px solid #cbdac6!important;border-radius:9px!important;background:#fff!important;color:#4f6948!important;font:700 13px/1 'Noto Sans SC',sans-serif!important;box-shadow:0 2px 7px #1b5c7c10!important;cursor:pointer!important}.unified-strokes[data-stroke-mode="write"] .stroke-write-preview small{color:#899885!important;font:500 12px/1.3 'Noto Sans SC',sans-serif!important}.unified-strokes[data-stroke-mode="write"] .stroke-help>p{display:none!important}
.unified-strokes[data-stroke-mode="write"] .stroke-sequence.stroke-sequence-visible{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-items:center!important;align-content:center!important;gap:9px!important;min-height:150px!important;margin:14px 0 0!important;padding:0!important;overflow:visible!important}
.unified-strokes[data-stroke-mode="choose"] .stroke-help #stroke-options:not(:empty){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:10px!important;width:100%!important;margin:0!important}.unified-strokes[data-stroke-mode="choose"] .stroke-help #stroke-options button{display:grid!important;place-items:center!important;min-height:104px!important;margin:0!important;padding:9px!important;border:1px solid #ccdbc7!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 8px #1b5c7c12!important;cursor:pointer!important}.unified-strokes[data-stroke-mode="choose"] .stroke-help #stroke-options button svg{display:block!important;width:82px!important;height:82px!important;max-width:100%!important}.unified-strokes[data-stroke-mode="choose"] .stroke-help #stroke-options button span{display:none!important}.unified-strokes[data-stroke-mode="choose"] .stroke-help #stroke-options button.answer-wrong{border-color:#eb9a92!important;background:#fff6f4!important}
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="write"] .stroke-help,html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="choose"] .stroke-help{justify-content:center!important;padding:26px 20px!important}
@media(max-width:760px){.unified-strokes[data-stroke-mode="write"] .stroke-stage .stroke-write-mode{top:6px!important;right:6px!important}.unified-strokes[data-stroke-mode="write"] .stroke-write-preview{grid-template-columns:1fr!important}.unified-strokes[data-stroke-mode="choose"] .stroke-help #stroke-options button{min-height:82px!important}.unified-strokes[data-stroke-mode="choose"] .stroke-help #stroke-options button svg{width:62px!important;height:62px!important}}

/* R3 had a particularly specific legacy stroke rail.  Match that scope so the
   new write/choose modes cannot fall back to its old “笔顺展示” panel. */
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="write"] .stroke-help h3:after{content:'笔顺提示'!important}
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="choose"] .stroke-help h3:after{content:'下一笔'!important}
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="write"] .stroke-sequence:not(.stroke-sequence-visible),html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="choose"] .stroke-sequence{display:none!important}
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="write"] .stroke-sequence.stroke-sequence-visible{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-items:center!important;align-content:center!important;gap:9px!important;min-height:150px!important;margin:14px 0 0!important;padding:0!important;overflow:visible!important}
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="choose"] .stroke-help #stroke-options:not(:empty){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:10px!important;width:100%!important;margin:0!important}
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="choose"] .stroke-layout>div:first-child{grid-column:1!important;grid-row:1!important;align-self:stretch!important}
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="choose"] .stroke-layout>.stroke-help{grid-column:2!important;grid-row:1!important;align-self:stretch!important}

/* The optional writing hint is a compact action, not a left-aligned form. */
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="write"] .stroke-help{align-items:center!important;text-align:center!important}
html body.lesson-workspace-page [data-lesson-workspace] .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="write"] .stroke-write-preview{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;grid-template-columns:none!important}

/* Official stroke-practice template.  R3 is the approved reference; every
   other lesson receives the same fixed two-column lesson surface instead of
   retaining a local rail, card-size slider, or a course-specific variation. */
.unified-strokes .stroke-step-size{display:none!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes{
  --stroke-card-size:58px!important;
  position:relative!important;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-play-controls{
  display:grid!important;grid-template-columns:minmax(440px,1fr) auto!important;align-items:center!important;gap:18px!important;
  min-height:54px!important;margin:0 0 14px!important;padding:0 10px!important;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-method-pills{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;
  padding-right:18px!important;border-right:1px solid #cfddcb!important;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-play-controls>.stroke-color-dots{
  position:static!important;inset:auto!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;flex:0 0 auto!important;
  width:auto!important;min-width:0!important;height:auto!important;gap:7px!important;margin:0!important;padding:0!important;
  overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-play-controls>.stroke-color-dots:before{
  content:'笔画颜色';color:#3b5c32;font:700 13px/1 'Noto Sans SC',sans-serif;white-space:nowrap;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-play-controls>.stroke-color-dots>button{
  display:block!important;flex:0 0 26px!important;width:26px!important;height:26px!important;min-height:26px!important;margin:0!important;padding:0!important;
  border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px #c2d3bd!important;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-play-controls>.stroke-color-dots>button[aria-pressed=true]{box-shadow:0 0 0 3px #3c5c33!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-layout{
  display:grid!important;grid-template-columns:minmax(0,2fr) minmax(270px,1fr)!important;gap:0!important;align-items:stretch!important;
  min-height:395px!important;margin-top:16px!important;border:1px solid #d7e7d3!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-layout>div:first-child{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:20px!important;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-stage,
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-target,
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-overlay{width:300px!important;height:300px!important;min-height:0!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-target svg,
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-overlay svg{width:300px!important;height:300px!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-help{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-width:0!important;margin:0!important;
  padding:32px 20px!important;border-left:1px solid #d7e7d3!important;background:#fafdf9!important;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-help h3{margin:0 0 16px!important;color:#3b5c32!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-help h3:after{content:'笔顺展示'!important;font:700 20px/1.2 'Noto Serif SC','Noto Sans SC',serif!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="choose"] .stroke-help h3:after{content:'下一笔'!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-help>p{display:none!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-sequence{
  display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;gap:12px!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;
}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-sequence>div{display:flex!important;width:58px!important;height:58px!important;min-height:58px!important;padding:0!important;border:0!important;background:transparent!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-sequence svg{width:58px!important;height:58px!important;padding:3px!important;border:1px solid #ceddca!important;border-radius:10px!important;background:#fff!important}
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="write"] .stroke-help,
html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes[data-stroke-mode="choose"] .stroke-help{justify-content:center!important;padding:26px 20px!important}
@media(max-width:760px){
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-play-controls{grid-template-columns:1fr!important;gap:12px!important}
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-method-pills{padding-right:0!important;border-right:0!important}
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-play-controls>.stroke-color-dots{justify-content:center!important;flex-wrap:wrap!important}
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-layout{grid-template-columns:1fr!important;min-height:0!important}
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-help{margin-top:16px!important;padding:16px 0 0!important;border-top:1px solid #d7e7d3!important;border-left:0!important}
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-stage,
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-target,
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-overlay{width:210px!important;height:210px!important}
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-target svg,
  html body.lesson-workspace-page [data-lesson-workspace]:not([data-lesson-workspace="grade1upper-r3"]) .lesson-inline-stroke-host.unified-strokes .stroke-overlay svg{width:210px!important;height:210px!important}
}

/* The three word games stay inside the existing recognition lesson shell.  They
   use the same navy, pale-blue and pale-green language as its preview cards
   rather than introducing a second game theme. */
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-practice{
  max-width:760px!important;padding:18px!important;border:1px solid #e5ece3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 24px #17375208!important;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-practice .lesson-inline-question-top{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:36px!important;margin:0!important;padding:0 2px 12px!important;border-bottom:1px solid #e9efe7!important;color:#324c2b!important;font:700 17px/1.4 'Noto Sans SC',sans-serif!important;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-practice .lesson-inline-question-top span:before{
  content:'认读字'!important;margin-right:10px!important;padding-right:10px!important;border-right:1px solid #dfe7dd!important;color:#7d8c78!important;font:500 13px/1.4 'Noto Sans SC',sans-serif!important;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-status{
  display:inline-flex;align-items:center;min-height:30px;padding:4px 9px;border:1px solid #dbe5d8;border-radius:999px;background:#fbfdfa;color:#687c63;font:600 13px/1.2 'Noto Sans SC',sans-serif;white-space:nowrap;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-practice .lesson-inline-question-top button{
  min-height:30px!important;padding:5px 10px!important;border:1px solid #dbe5d8!important;border-radius:10px!important;background:#fbfdfa!important;color:#4f6848!important;font:600 13px/1.2 'Noto Sans SC',sans-serif!important;white-space:nowrap;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-instruction{
  margin:12px 0 10px!important;text-align:center!important;color:#707e6c!important;font:400 14px/1.55 'Noto Sans SC',sans-serif!important;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-board{
  position:relative!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:110px!important;max-width:none!important;margin:0!important;padding:6px 12px!important;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-column{position:relative;z-index:1;display:grid;gap:10px}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-board .lesson-inline-line-column button{
  position:relative;z-index:1;min-height:62px!important;padding:9px 14px!important;border:1px solid #dbe5d8!important;border-radius:13px!important;background:#f2f9f0!important;color:#354e2e!important;box-shadow:none!important;font:600 clamp(22px,2.2vw,30px)/1.25 'Noto Serif SC',serif!important;transition:transform .14s ease,box-shadow .14s ease!important;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-board .lesson-inline-line-column:nth-child(2) button{
  border-color:#cfe5d6!important;background:#eef8f1!important;color:#2f6647!important;font:600 clamp(18px,1.8vw,23px)/1.25 'Noto Sans',Arial,'PingFang SC','Microsoft YaHei',sans-serif!important;letter-spacing:.04em!important;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-board .lesson-inline-line-column button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #17375214!important}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-board .lesson-inline-line-column button.is-selected,
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-match-board button.is-selected{outline:3px solid #324c2b!important;outline-offset:1px!important;background:#324c2b!important;color:#fff!important;border-color:#324c2b!important}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-paths{position:absolute;z-index:0;inset:6px 12px;width:calc(100% - 24px);height:calc(100% - 12px);overflow:visible;pointer-events:none}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-paths path{fill:none;stroke-width:3;stroke-linecap:round;opacity:.92;filter:drop-shadow(0 1px 0 #fff)}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-match-board{max-width:none!important;gap:12px!important;margin:0!important;padding:6px 12px!important}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-match-board button{
  min-height:66px!important;padding:9px 14px!important;border:1px solid #dbe5d8!important;border-radius:13px!important;background:#f2f9f0!important;color:#354e2e!important;box-shadow:none!important;font:600 clamp(22px,2.2vw,30px)/1.25 'Noto Serif SC',serif!important;transition:transform .14s ease,box-shadow .14s ease!important;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-match-board button[data-lip-side=pinyin]{border-color:#cfe5d6!important;background:#eef8f1!important;color:#2f6647!important;font:600 clamp(18px,1.8vw,23px)/1.25 'Noto Sans',Arial,'PingFang SC','Microsoft YaHei',sans-serif!important;letter-spacing:.04em!important}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-match-board button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #17375214!important}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-clear-board{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-clear-board button.is-cleared{
  visibility:visible!important;color:transparent!important;border:1px dashed #cddaca!important;background:linear-gradient(to right,transparent calc(50% - .5px),#e7ede5 calc(50% - .5px),#e7ede5 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#e7ede5 calc(50% - .5px),#e7ede5 calc(50% + .5px),transparent calc(50% + .5px)),#fdfefc!important;box-shadow:none!important;opacity:1!important;transform:none!important;pointer-events:none!important;
}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-clear-board button.is-cleared *{visibility:hidden!important}
body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-feedback{min-height:22px!important;margin:13px 0 0!important;text-align:center!important;color:#707e6c!important;font:400 14px/1.55 'Noto Sans SC',sans-serif!important}
@media(max-width:760px){
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-practice{padding:13px!important}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-practice .lesson-inline-question-top{align-items:flex-start!important;flex-direction:column!important;padding-bottom:10px!important}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-pair-actions{width:100%;justify-content:space-between}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-board{gap:12px!important;padding:4px!important}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-paths{display:none!important}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-board .lesson-inline-line-column{gap:8px}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-board .lesson-inline-line-column button{min-height:54px!important;padding:7px!important;font-size:24px!important}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-line-board .lesson-inline-line-column:nth-child(2) button{font-size:17px!important}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-match-board{gap:9px!important;padding:4px!important}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-match-board button{min-height:58px!important;padding:7px!important;font-size:25px!important}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-match-board button[data-lip-side=pinyin]{font-size:18px!important}
  body.lesson-workspace-page .lesson-workspace .lesson-recognition-pilot .lesson-inline-clear-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}