:root{--ink:#33402f;--green:#40533b;--muted:#6f786c;--line:#e0e4df;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,a,input{touch-action:manipulation}button{font-family:inherit}a{color:var(--green)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #6c8066;outline-offset:4px}.class-header{max-width:1120px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.class-name{text-decoration:none;font-size:20px;font-weight:650}.class-header nav{display:flex;gap:28px;font-size:14px}.class-header nav a{text-decoration:none}.class-main{max-width:1120px;padding:30px 32px;margin:auto}.eyebrow{font-size:14px;color:var(--muted);margin:0 0 8px}h1{font-size:32px;font-weight:600;line-height:1.4;margin:0 0 14px;letter-spacing:.3px}.class-intro>p:last-child{max-width:800px;color:var(--muted);margin:12px 0 25px}.class-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.section-head h2, .teaching-section>h2{font-size:22px;margin:0;font-weight:600}.section-head>span{font-size:14px;color:var(--muted)}.calendar-section{border:1px solid var(--line);padding:22px 24px;border-radius:4px;background:#fdfdfd}.calendar-scroll{overflow-x:auto;margin-top:18px}.mini-calendar{display:grid;grid-template-columns:repeat(9,minmax(90px,1fr));min-width:810px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.calendar-month{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:248px}.calendar-month h3{font-size:17px;line-height:1.4;margin:0;padding:8px 10px;border-bottom:1px solid var(--line);background:#f0f3ef;font-weight:600}.calendar-month h3 small{float:right;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.calendar-date{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);height:37px;padding:4px 10px;border-bottom:1px solid #eff1ef;font-size:13px}.calendar-date strong{font-size:15px;width:20px;font-weight:550}.calendar-date:hover{background:#e3e9e2}.cal-review{background:#eef2ec}.cal-exam{background:#e3e9e2;font-weight:650}.cal-exam strong{text-decoration:underline;text-underline-offset:3px}.cal-holiday{background:#f4f5f4;color:#7a818a}.cal-event{background:#f0f3f0}.calendar-key{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--muted);margin-top:15px}.calendar-key b{padding:1px 6px;font-size:12px;border:1px solid var(--line);font-weight:500}.calendar-footnote{font-size:13px;color:var(--muted);margin:12px 0 0}.teaching-section{margin:34px 0;padding-bottom:28px;border-bottom:1px solid var(--line)}.teaching-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:15px}.teaching-grid h3{font-size:17px;font-weight:550;margin:0 0 6px}.teaching-grid p{font-size:15px;color:var(--muted);margin:0}.section-note{color:var(--muted);font-size:14px;margin:10px 0 20px}.month-group{border-top:1px solid var(--line)}.month-group:last-child{border-bottom:1px solid var(--line)}.month-group>summary{cursor:pointer;padding:17px 10px;font-size:19px;font-weight:550;list-style-position:inside;background:#f9faf8}.month-count{float:right;color:var(--muted);font-size:14px;font-weight:400;padding-top:4px}.course-row{display:grid;grid-template-columns:115px minmax(0,1fr);padding:26px 10px;border-top:1px solid var(--line);scroll-margin-top:22px}.course-row:focus{outline:2px solid #9ba997;outline-offset:-2px}.course-date strong{font-size:22px;display:block;font-weight:550;line-height:1.5}.course-date span{font-size:13px;color:var(--muted)}.course-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-heading h3{font-size:21px;font-weight:550;margin:0}.lesson-number{font-size:14px;font-weight:400;color:var(--muted);margin-right:12px}.lesson-link{font:inherit;color:var(--ink);border:0;border-bottom:1px solid #a7b2a4;background:none;padding:0;cursor:pointer;text-align:left}.status{font-size:12px;padding:2px 8px;border:1px solid #c5cdc3;color:#4a5c45;border-radius:3px;white-space:nowrap}.status.locked{color:#7a828c;border-color:#e1e4e0}.course-reference{font-size:14px;color:var(--muted);margin:6px 0 14px}.course-plan{display:grid;gap:10px;margin:18px 0}.course-plan strong{font-size:15px;font-weight:550}.course-plan p{font-size:15px;color:var(--muted);margin:2px 0}.course-actions{display:flex;align-items:center;gap:15px;margin:18px 0}.course-actions>span{font-size:13px;color:var(--muted)}.primary-action{background:var(--ink);color:#fff;border:0;border-radius:3px;font:15px/1.5 inherit;font-size:15px;padding:9px 16px;cursor:pointer}.course-test{display:flex;gap:22px;border-top:1px dashed var(--line);padding-top:12px;margin-top:17px;font-size:14px;color:var(--muted)}.course-test>span:first-child{color:var(--ink)}.resource-pending,.muted{color:var(--muted);font-size:14px}.future .course-heading h3{color:#6f786c}.holiday{background:#fbfbfb}.holiday .course-heading h3,.event .course-heading h3,.exam .course-heading h3{font-size:18px}.holiday,.event,.exam{padding-top:18px;padding-bottom:18px}.holiday p,.event p,.exam p{margin-bottom:0}footer{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:13px;color:var(--muted)}footer p{margin:6px 0}@media(max-width:700px){.class-header{padding:16px 20px}.class-header nav{gap:14px;font-size:13px}.class-name{font-size:18px}.class-main{padding:24px 20px}h1{font-size:25px}.eyebrow{font-size:12px}.calendar-section{padding:17px 14px}.section-head{align-items:start}.section-head h2,.teaching-section>h2{font-size:20px}.section-head>span{font-size:12px;text-align:right}.calendar-key{gap:10px}.teaching-grid{display:block}.teaching-grid>div+div{margin-top:18px}.course-row{grid-template-columns:1fr;padding:20px 8px}.course-date{display:flex;gap:12px;align-items:baseline;margin-bottom:10px}.course-date strong{font-size:19px}.course-heading{align-items:start;flex-wrap:wrap}.course-heading h3{font-size:19px}.course-actions{align-items:start;flex-direction:column;gap:7px}.month-group>summary{font-size:17px}.month-count{font-size:12px}.class-meta{gap:8px}.class-meta span{display:block}.course-plan p{font-size:15px}}@media print{.class-header nav,.calendar-section{display:none}.class-main{padding:10px}.course-row{break-inside:avoid}}
.reader{width:min(1220px,96vw);height:92vh;max-height:100vh;padding:0;border:1px solid #c6cec4;border-radius:12px;background:#fff;color:var(--ink);overflow:hidden}.reader::backdrop{background:#172b40ad;backdrop-filter:blur(3px)}.reading-open{overflow:hidden}.reader-head{margin:0;max-width:none;padding:22px 28px;border-bottom:1px solid var(--line);height:112px}.reader-head h2{margin:0;font-size:27px}.reader-head .eyebrow{margin:0}.close-reader{font:22px sans-serif;border:1px solid var(--line);border-radius:50%;background:white;color:var(--ink);width:42px;height:42px;cursor:pointer}.reader-layout{display:grid;grid-template-columns:200px minmax(0,1fr);height:calc(100% - 112px)}.reader-controls{padding:23px 18px;background:#f4f6f4;border-right:1px solid var(--line);overflow:auto}.reader-controls [role=tablist]{display:grid;gap:8px}.reader button{cursor:pointer}.reader-controls button{font:15px/1.5 inherit;font-family:inherit;font-size:15px;border:1px solid #cdd4cb;background:white;padding:10px;border-radius:6px;text-align:left;color:var(--ink)}.reader-controls [aria-selected=true]{background:var(--green);color:white;border-color:var(--green)}.reader-controls fieldset{border:0;margin:24px 0;padding:0}.reader-controls legend{font-size:14px;color:var(--muted);padding:0;margin-bottom:10px}.reader-controls label{font-size:15px;display:flex;align-items:center;gap:7px;margin:12px 0;cursor:pointer}.reader-controls input{width:18px;height:18px;accent-color:var(--green)}.reader-controls>button{display:block;width:100%;margin:9px 0}.control-note{font-size:13px;color:var(--muted)}.learning-content{padding:24px 32px 60px;overflow:auto;overscroll-behavior:contain}.reader-hint{font-size:14px;color:var(--muted);padding:0 0 18px;border-bottom:1px solid var(--line);margin:0 0 22px}.passage{font-family:"Songti SC","SimSun",serif;font-size:25px;line-height:2.65}.paragraph{display:flex;align-items:start;gap:16px;margin:20px 0}.paragraph p{margin:0;flex:1;min-width:0;word-break:normal;overflow-wrap:anywhere;letter-spacing:2px}.paragraph ruby{ruby-align:center}.paragraph rt{font:14px/1.4 Arial,sans-serif;letter-spacing:0;user-select:none;color:#616e5e}.cover-paragraph{font:13px/1.5 sans-serif;border:1px solid #e0e4df;background:white;color:#6f786c;border-radius:4px;padding:5px 7px;margin-top:12px;flex-shrink:0}.covered{color:transparent;background:repeating-linear-gradient(0deg,#edf0ec,#edf0ec 25px,#f8faf7 25px,#f8faf7 30px);border-radius:6px;user-select:none}.covered ruby{visibility:hidden}.no-pinyin rt{display:none}.hide-hanzi .hanzi{visibility:hidden}.hide-hanzi ruby{border-bottom:1px solid #c4d0c8}.vocab-section h3{font-size:20px;margin:23px 0 15px}.vocab-section h3 small{font-size:14px;font-weight:400;color:var(--muted);margin-left:12px}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:12px}.vocab-card{padding:18px 8px 10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:5px;min-height:118px}.vocab-card ruby{font:36px/1.65 "Songti SC",serif}.vocab-card rt{font:16px/1.4 sans-serif;color:#616e5e}.vocab-card small{font-size:12px;color:var(--muted)}.vocab-card:hover{border-color:var(--green);background:#f1f4f0}.writing-detail{margin-top:30px;scroll-margin:20px}.writing-detail img,.original-pages img{max-width:100%;height:auto;display:block;border:1px solid var(--line);background:white}.original-pages figure{margin:0 0 26px}.original-pages figcaption{margin-bottom:10px;color:var(--muted);font-size:14px}.writing-detail h3{font-size:20px}.reader button:focus-visible{outline:3px solid #869981;outline-offset:2px}@media(max-width:760px){.reader{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;border:0}.reader-head{height:95px;padding:14px 18px}.reader-head h2{font-size:23px}.reader-layout{height:calc(100% - 95px);display:flex;flex-direction:column}.reader-controls{flex-shrink:0;border:0;border-bottom:1px solid var(--line);padding:10px 16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;overflow:visible}.reader-controls [role=tablist]{display:flex;width:100%;gap:6px}.reader-controls [role=tab]{flex:1;text-align:center;font-size:14px;padding:8px 4px}.reader-controls fieldset{margin:0;display:flex;gap:12px}.reader-controls legend,.control-note{display:none}.reader-controls label{font-size:14px;margin:4px 0}.reader-controls>button{width:auto;padding:5px 8px;font-size:13px;margin:0}.learning-content{padding:18px 16px 40px;flex:1}.passage{font-size:23px;line-height:2.6}.paragraph{gap:10px}.paragraph p{letter-spacing:1px}.paragraph rt{font-size:13px}.cover-paragraph{padding:4px;font-size:12px}.vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-link:after{display:block;margin:4px 0 0;font-size:13px}}@media print{body.reading-open>header,body.reading-open>main{display:none}.reader[open]{position:static;width:100%;height:auto;max-height:none;overflow:visible;border:0}.reader::backdrop{display:none}.reader-head{height:auto;padding:10px}.reader-layout{display:block;height:auto}.reader-controls,.close-reader,.cover-paragraph,.reader-hint{display:none!important}.learning-content{overflow:visible;padding:10px}.passage{font-size:20pt}.paragraph{break-inside:avoid}.vocab-card{break-inside:avoid}.reader-head .eyebrow{font-size:12pt}.original-pages figure{break-after:page}}

.reader-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.reader-head .eyebrow{font-size:14px}.reader-hint{line-height:1.75}.reader-controls button{line-height:1.5}.primary-action{line-height:1.5}.class-meta a{overflow-wrap:anywhere}
.passage ruby{display:inline-flex;flex-direction:column-reverse;align-items:center;vertical-align:bottom;min-width:1.15em;margin:0 1px;line-height:1.55}.passage rt{display:block;white-space:nowrap;line-height:1.25;min-height:18px;font-size:14px}.passage.no-pinyin rt{display:none}.passage .paragraph p{line-height:2.9;letter-spacing:0}.passage.no-pinyin .paragraph p{line-height:2.1}.paragraph ruby .hanzi{line-height:1.55}

.export-text{display:block;font-size:15px;border:1px solid #cdd4cb;background:white;padding:10px;border-radius:6px;text-align:left;color:var(--ink);text-decoration:none;margin:9px 0}.passage ruby{margin-left:3px;margin-right:3px}@media(max-width:760px){.export-text{width:auto;padding:5px 8px;font-size:13px;margin:0}}

.reader-head .reader-display{margin:0 0 0 auto;display:flex;gap:14px;align-items:center;border:1px solid #c7d1c4;border-radius:12px;padding:8px 14px;flex-shrink:0}.reader-display legend{font-size:12px}.reader-display label{white-space:nowrap;cursor:pointer}.reader-display input{width:20px;height:20px;vertical-align:middle;accent-color:#608556}.reading-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:15px;margin:12px 0 20px}.mark-write{color:#287344}.mark-recognize{color:#57844b}.reading-character.mark-word .hanzi,.reading-legend .mark-word{text-decoration:underline;text-decoration-color:#bd535a;text-decoration-thickness:2px;text-underline-offset:6px}.reading-character{cursor:pointer;border-radius:4px}.reading-character:focus-visible{outline:2px solid #608556;outline-offset:3px}.passage.no-pinyin rt{display:ruby-text;visibility:hidden}.passage.no-pinyin .reveal-sound rt{visibility:visible}.passage.no-pinyin .paragraph p{line-height:2.9}.passage .covered .reading-character{visibility:hidden}.reader-head{height:auto;min-height:112px}.reader-layout{height:calc(100% - 112px)}@media(max-width:650px){.reader-head{flex-wrap:wrap;padding:12px;gap:8px}.reader-head>div{flex:1}.reader-head .reader-display{padding:5px 8px;gap:8px}.reader-head h2{font-size:22px}.reader-display label{font-size:15px}.reader-layout{height:calc(100% - 120px)}.reading-legend{gap:12px;font-size:13px}}
.passage .covered .reading-character rt,.passage .covered .reading-character .hanzi{visibility:hidden!important}

.reader-download{margin:14px 0;border:1px solid #c7d0c4;border-radius:8px;padding:10px}.reader-download summary{cursor:pointer;font-weight:600}.reader-download label{display:block;margin:12px 0;font-size:14px}.reader-download select{display:block;width:100%;margin-top:5px;font:inherit;padding:7px 3px;border:1px solid #c7d0c4;border-radius:6px;background:white}.reader-download .export-text{width:100%;margin-top:8px}

/* Keep the clickable character and its reading in one stable hit target. */
.passage .reading-character{display:inline-flex;flex-direction:column-reverse;align-items:center;vertical-align:bottom;min-width:1em;padding:0 2px;line-height:1.55;position:relative;touch-action:manipulation}.passage .reading-character rt,.passage.no-pinyin .reading-character rt{display:block;min-height:20px;font:16px/20px Arial,sans-serif;white-space:nowrap}.passage .reading-character:hover{background:#f3f7f1}.passage .reading-character.reveal-sound{background:#eef5ec;border-radius:5px}.reader-head .reader-pk{flex-shrink:0;font:inherit;font-size:15px;padding:11px 13px;border:1px solid #df9096;border-radius:12px;background:#fff3d2;color:#a33038;min-height:44px}@media(max-width:650px){.reader-head .reader-pk{font-size:13px;padding:8px}.reader-head{gap:6px}.passage .reading-character rt{font-size:15px}}@media print{.reader-head .reader-pk,.reader-display{display:none!important}.passage .reading-character:hover,.passage .reading-character.reveal-sound{background:none}}

.download-preview{width:100%;height:100%;border:0;background:white;min-height:400px}.download-preview[hidden],.learning-content[hidden]{display:none!important}@media(max-width:650px){.download-preview{min-height:420px;flex:1}}

.passage .reading-character.reveal-character{background:#e8f3de;border-radius:5px}

/* Flexible reader sizing avoids clipped content on small screens. */
.reader[open]{display:flex;flex-direction:column}.reader-head{flex:0 0 auto}.reader-layout{height:auto;flex:1;min-height:0}.reader-fullscreen-toggle,.reader-tools-toggle{font:inherit;font-size:15px;border:1px solid #c5d1c2;background:#f3f8f1;color:#4d6546;border-radius:12px;min-height:44px;padding:8px 12px;white-space:nowrap}.reader-tools-toggle{display:none}.reader.reader-fullscreen{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.reader-fullscreen .reader-layout{grid-template-columns:minmax(0,1fr)}.reader-fullscreen .reader-controls{display:none}.reader-fullscreen .reader-tools-toggle{display:block}.reader-fullscreen.reader-tools-open .reader-layout{grid-template-columns:200px minmax(0,1fr)}.reader-fullscreen.reader-tools-open .reader-controls{display:block}.reader-fullscreen .passage{max-width:1000px;margin:auto}.reader-fullscreen .reader-pk{display:none}.reader .learning-content{min-height:0;min-width:0}.device-note{font-size:13px;color:#778174;line-height:1.6;margin:12px 0 18px}
@media(max-width:760px){.reader-head{padding:10px 12px;gap:8px;flex-wrap:wrap;min-height:0}.reader-head>div{flex:1 1 calc(100% - 60px);min-width:0;order:0}.reader-head .close-reader{order:1;flex-shrink:0}.reader-head .reader-display{order:2;margin:0;flex:1 1 auto;justify-content:center}.reader-head .reader-fullscreen-toggle{order:3}.reader-head .reader-tools-toggle{order:4;display:block}.reader-head .reader-pk{order:5}.reader-head .eyebrow{font-size:12px}.reader-head h2{font-size:22px}.reader .reader-layout,.reader-fullscreen.reader-tools-open .reader-layout{display:flex;flex-direction:column}.reader .reader-controls{display:none;max-height:35dvh;overflow:auto}.reader.reader-tools-open .reader-controls{display:flex}.reader-controls .reader-download{margin:4px 0;width:100%}.reader-controls .paragraph-draw-status:empty{display:none}.reader .learning-content{padding:16px 12px 36px}.reader .passage{font-size:22px}.reader .paragraph{gap:6px}.reader .paragraph p{letter-spacing:0}.reader .passage .reading-character{padding:0 1px}.reader .passage .reading-character rt{font-size:13px}.reader .cover-paragraph{padding:7px 4px}.reader .download-preview{flex:1;min-height:0;width:100%}.reader .reading-legend{justify-content:center}.reader .reader-hint{font-size:12px}}
@media print{.reader-fullscreen-toggle,.reader-tools-toggle,.device-note{display:none!important}.reader[open]{display:block}.reader .reader-layout{display:block}}

/* Child-friendly reading rhythm: a clear serif body with smaller, less crowded pinyin. */
.reader .passage {
  font-family: "Kaiti SC", "STKaiti", "KaiTi", "Songti SC", "SimSun", serif;
  font-size: clamp(22px, 2.05vw, 27px);
}

.reader .passage .paragraph p {
  line-height: 3.05;
  letter-spacing: .015em;
}

.reader .passage .reading-character {
  margin-inline: 1px;
  padding-inline: 1px;
}

.reader .passage .reading-character rt {
  min-height: 18px;
  font: clamp(12px, 1.08vw, 14px)/1.3 Arial, "PingFang SC", sans-serif;
  letter-spacing: -.025em;
}

/* Stable ruby metrics: keep a character and its closing punctuation together. */
.reader{position:relative;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}.reader .passage{font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;font-size:clamp(22px,2.05vw,27px)}.reader.reader-text-small .passage{font-size:clamp(20px,1.8vw,24px)}.reader.reader-text-large .passage{font-size:clamp(25px,2.35vw,31px)}.reader .passage .paragraph p{line-height:3.02;letter-spacing:0;word-break:normal;overflow-wrap:break-word;line-break:strict;text-spacing-trim:trim-start}.reader .passage .reading-character{display:ruby!important;min-width:0!important;margin:0!important;padding:0!important;line-height:inherit!important;white-space:nowrap;vertical-align:baseline}.reader .passage .reading-character rt{display:ruby-text!important;min-height:0!important;font:14px/1.25 Arial,"Microsoft YaHei",sans-serif!important;letter-spacing:0!important;white-space:nowrap;color:#616e5e}.reader .passage.no-pinyin .reading-character rt{display:none!important}.reader .passage .reading-unit{display:inline;white-space:nowrap}.reader .passage .reading-punctuation{display:inline-block;position:relative;top:.24em;margin-left:-.05em;font-family:inherit;font-size:.7em;line-height:1;vertical-align:baseline}.reader .passage .reading-unit-leading .reading-punctuation{top:-.5em;margin-right:-.08em}.reader .passage.hide-hanzi .reading-punctuation{visibility:hidden}.reader-font-size{display:flex;align-items:center;gap:5px;margin:0;padding:5px 7px;border:1px solid #c7d1c4;border-radius:12px;flex-shrink:0}.reader-font-size legend{font-size:11px;padding:0 3px;color:#707f6c}.reader-font-size button{font:600 14px/1 Arial,sans-serif;min-width:29px;height:29px;border:1px solid #c5d1c2;border-radius:8px;background:#fff;color:#4d6546;cursor:pointer}.reader-font-size button[aria-pressed=true]{background:#608556;border-color:#608556;color:#fff}.reader-lesson-stepper{position:absolute;z-index:4;inset:50% 12px auto;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.reader-lesson-stepper button{pointer-events:auto;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;max-width:155px;padding:10px 12px;border:1px solid #c6d3c3;border-radius:18px;background:#fffffff2;color:#4d6546;box-shadow:0 3px 12px #315e7a24;font:inherit;cursor:pointer;text-align:left}.reader-lesson-stepper button:nth-child(2){text-align:right;grid-template-columns:1fr auto}.reader-lesson-stepper b{font-size:29px;line-height:.8;font-weight:400}.reader-lesson-stepper span{font-size:14px;font-weight:600}.reader-lesson-stepper small{grid-column:2;font-size:12px;color:#6d7c69;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-lesson-stepper button:nth-child(2) small{grid-column:1}.reader-lesson-stepper button:disabled{visibility:hidden}.reader.reader-fullscreen{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}.reader.reader-fullscreen .reader-lesson-stepper{inset-inline:24px}
@media(max-width:760px){.reader .passage{font-size:23px}.reader.reader-text-small .passage{font-size:20px}.reader.reader-text-large .passage{font-size:26px}.reader .passage .paragraph p{line-height:2.8}.reader .passage .reading-character rt{font-size:13px!important}.reader-font-size{order:3}.reader-head .reader-fullscreen-toggle{order:4}.reader-head .reader-tools-toggle{order:5}.reader-head .reader-pk{order:6}.reader-lesson-stepper{position:static;transform:none;inset:auto;order:3;flex:0 0 auto;padding:9px 12px;border-top:1px solid var(--line);background:#fff}.reader-lesson-stepper button{max-width:48%;padding:8px 10px}.reader-lesson-stepper small{display:none}.reader-lesson-stepper span{font-size:13px}.reader-lesson-stepper button:disabled{visibility:visible;opacity:.3}.reader-lesson-stepper button:disabled b,.reader-lesson-stepper button:disabled span{visibility:hidden}}

/* A calm bubble palette gives the school site a playful, consistent surface
   without reducing contrast for parents or children. */
:root{--ink:#3a4e35;--green:#31806f;--muted:#6e7b6a;--line:#d5e0d2;--paper:#fffdf9}body{background-color:#fbfdfa;background-image:radial-gradient(circle at 8% 5%,#f0f8ee 0,transparent 20rem),radial-gradient(circle at 94% 13%,#fff2c9 0,transparent 18rem),radial-gradient(circle at 75% 90%,#e9f7df 0,transparent 23rem)}.site-masthead,.section-navigation{background-color:#fffffff2}.site-masthead{border-bottom-color:#d4e0d1}.section-navigation{border-bottom-color:#d4e0d1}.section-navigation a{border-radius:0 0 18px 18px}.class-main>footer{border-radius:22px 22px 0 0;background:#ffffffc9}.classroom-entry,.back-courses,.back-link{border-radius:18px}.review-heading,.library-goal,.library-controls,.calendar-section,.teacher-card,.teacher-list-item{box-shadow:0 5px 16px #315e7a0d}.bubble-grid .bubble,.foundation-character-cards button,.known-bubble-wall button{box-shadow:0 4px 0 #cbdac7}.bubble-grid .bubble:nth-child(3n+2),.foundation-character-cards button:nth-child(3n+2){box-shadow:0 4px 0 #c2dc9e}.bubble-grid .bubble:nth-child(3n),.foundation-character-cards button:nth-child(3n){box-shadow:0 4px 0 #ea858c}button:focus-visible,a:focus-visible{outline:3px solid #769b6c;outline-offset:3px}
:root{--ink:#3a4e35;--green:#31806f;--muted:#6e7b6a;--line:#d5e0d2;--paper:#fffdf9}body{background-color:#fbfdfa;background-image:radial-gradient(circle at 8% 5%,#f0f8ee 0,transparent 20rem),radial-gradient(circle at 94% 13%,#fff2c9 0,transparent 18rem),radial-gradient(circle at 75% 90%,#e9f7df 0,transparent 23rem)}.site-masthead,.section-navigation{background-color:#fffffff2}.site-masthead{border-bottom-color:#d4e0d1}.section-navigation{border-bottom-color:#d4e0d1}.section-navigation a{border-radius:0 0 18px 18px}.class-main>footer{border-radius:22px 22px 0 0;background:#ffffffc9}.classroom-entry,.back-courses,.back-link{border-radius:18px}.review-heading,.library-goal,.library-controls,.calendar-section,.teacher-card,.teacher-list-item{box-shadow:0 5px 16px #315e7a0d}.bubble-grid .bubble,.foundation-character-cards button,.known-bubble-wall button{box-shadow:0 4px 0 #cbdac7}.bubble-grid .bubble:nth-child(3n+2),.foundation-character-cards button:nth-child(3n+2){box-shadow:0 4px 0 #c2dc9e}.bubble-grid .bubble:nth-child(3n),.foundation-character-cards button:nth-child(3n){box-shadow:0 4px 0 #ea858c}button:focus-visible,a:focus-visible{outline:3px solid #769b6c;outline-offset:3px}

/* Shared school footer: school identity on the left, author credit on the right. */
.site-footer,.class-main>footer{position:fixed;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:10px 28px;border:0;border-top:1px solid #dde0dc;border-radius:0!important;background:#fffffff2!important;color:#4e545b!important;box-shadow:0 -2px 10px #24374b0d!important;font-size:12px!important;line-height:1.35}.site-footer .footer-school,.class-main>footer .footer-school{font-weight:500;letter-spacing:.03em}.site-footer a.footer-school,.site-footer a.footer-credit,.class-main>footer a.footer-school,.class-main>footer a.footer-credit{color:#5c8a4f!important;text-decoration:none}.site-footer a.footer-school:hover,.site-footer a.footer-credit:hover,.class-main>footer a.footer-school:hover,.class-main>footer a.footer-credit:hover{text-decoration:underline}.site-footer .footer-credit,.class-main>footer .footer-credit{margin-left:auto;text-align:right;color:#5c8a4f!important;opacity:1}.class-main>footer>p{display:flex;justify-content:space-between;gap:24px;width:100%;margin:0}body{padding-bottom:44px}@media(max-width:600px){.site-footer,.class-main>footer{gap:12px;padding:9px 15px;font-size:11px!important}.class-main>footer>p{gap:12px}.site-footer .footer-credit,.class-main>footer .footer-credit{margin-left:auto;text-align:right}body{padding-bottom:40px}}

/* Native full-size punctuation shares the Chinese baseline. Ruby annotation
   must not shrink or shift punctuation; closing marks stay with their glyph. */
:is(.reader .passage,.short-reading-passage,.short-reading-questions,.context-index) .reading-punctuation{display:inline!important;position:static!important;inset:auto!important;top:auto!important;transform:none!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:1em!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:0!important;vertical-align:baseline!important}
:is(.reader .passage,.short-reading-passage,.short-reading-questions) .reading-unit{display:inline;white-space:nowrap}

/* A quiet school seal stays behind every page without affecting reading or clicks. */
body::after{position:fixed;right:3vw;bottom:70px;z-index:0;width:min(38vw,310px);height:min(38vw,310px);background:none center/contain no-repeat;content:"";opacity:.055;pointer-events:none}body>header,body>nav,body>main,body>.site-footer{position:relative;z-index:1}.reader,.practice-dialog{z-index:1000}.site-footer .footer-icon,.class-main>footer .footer-icon{display:inline-grid;width:19px;height:19px;margin-left:5px;place-items:center;border:1px solid #cdd1cb;border-radius:50%;color:#51575e!important;text-decoration:none;font-size:11px;vertical-align:middle}.site-footer .footer-icon:hover,.class-main>footer .footer-icon:hover{background:#eff1ee}.footer-contact{display:flex;align-items:center;gap:18px;max-width:620px;margin:24px auto 12px!important;padding:15px 18px!important;border:1px solid #dee2dd!important;border-radius:18px;background:#ffffffbc}.footer-contact>img{width:76px;height:76px;object-fit:contain;flex:0 0 auto}.footer-contact h2{margin:0 0 3px;color:#465442;font-size:18px}.footer-contact p{margin:3px 0!important;font-size:14px}.contact-icon{display:inline-grid;width:21px;height:21px;margin-right:4px;place-items:center;border:1px solid #ced5cc;border-radius:50%;color:#556251;text-decoration:none;font-size:12px;vertical-align:middle}.contact-icon:hover{background:#eff4ee}@media(max-width:650px){body::after{right:4vw;bottom:54px;width:45vw;height:45vw;opacity:.045}.footer-contact{align-items:flex-start;gap:12px;padding:12px!important}.footer-contact>img{width:60px;height:60px}.footer-contact p{font-size:13px}}