:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#203d35;background:#f5f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#196b60;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a.primary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d39542;outline-offset:3px}.site-head{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fafbf7;border-bottom:1px solid #dce3d9;gap:20px}.brand{font:27px Georgia,serif;text-decoration:none;color:#244f43}.brand small{display:block;font:11px system-ui;letter-spacing:2px;margin:7px 0}.site-head nav{display:flex;gap:24px}.site-head nav a{text-decoration:none;font-size:15px}.reading-layout{display:grid;grid-template-columns:210px minmax(0,1000px);gap:40px;max-width:1320px;margin:0 auto;padding:40px 24px}.syllabus{position:sticky;top:24px;height:fit-content;display:grid;gap:7px}.syllabus>span{font-size:12px;letter-spacing:2px;color:#7a897d;padding:16px 10px}.syllabus a{text-decoration:none;padding:11px 12px;border-radius:10px;font-size:14px}.syllabus a:hover,.syllabus a[aria-current=page]{background:#e3ede1;color:#145b4e}.syllabus p{font-size:12px;line-height:1.9;color:#778679;padding:16px 10px;border-top:1px solid #dce3d9}.hero{position:relative;overflow:hidden;background:#214b40;color:#eff4e7;padding:52px;border-radius:24px}.hero h1{font:clamp(32px,4vw,54px)/1.35 Georgia,"SimSun",serif;margin:22px 0}.hero p{color:#c8d8c8;max-width:470px;line-height:1.9}.eyebrow{font-size:12px;letter-spacing:2px;color:#8f9e71}.hero-lines{position:absolute;right:-20px;bottom:15px;transform:rotate(-14deg);font-size:42px;letter-spacing:16px;color:#ffffff12;pointer-events:none}.primary{display:inline-block;background:#1b7464;color:#fff;text-decoration:none;border-radius:10px;padding:13px 20px;border:0;margin:12px 0}.hero .primary{background:#d6e3b6;color:#294b37}.intro{margin:36px 0 20px}.intro h2{font-size:23px}.intro p{line-height:1.8;color:#637467}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lesson-card{background:#fffef8;border:1px solid #dbe3d6;border-radius:18px;padding:26px;text-decoration:none;transition:transform .15s}.lesson-card:hover{transform:translateY(-3px);border-color:#75a08c}.lesson-card span{font-size:12px;color:#8b7659}.lesson-card h2{font-size:22px;margin:15px 0}.lesson-card p{font-size:14px;color:#607365;line-height:1.9;min-height:55px}.lesson-card b{font-size:13px}.breadcrumbs{font-size:13px;color:#738475}.article-head h1{font-size:clamp(27px,3vw,40px);line-height:1.5}.article-head{margin:30px 0}.article-head p,article p{line-height:2;font-size:16px}.article-head small{color:#758677}.lab{background:#edf2e7;border:1px solid #d7e2d0;padding:24px;border-radius:20px;margin:28px 0}.lab h2{margin-top:0;font-size:18px}.lab svg{width:100%;max-height:380px;display:block;background:#fffdf5;border-radius:12px;margin:15px 0}.lab svg text{font:14px system-ui;fill:#34544a}.lab button,.lab select{padding:9px 14px;border:1px solid #a8c1ad;border-radius:8px;background:#fffdf6;color:#255a48;margin:3px;min-height:40px}.lab button.active{background:#235d4e;color:white}.lab input{max-width:100%;padding:8px;border:1px solid #a8c1ad;border-radius:6px}.lab input[type=range]{padding:0;width:100%}.lab p{line-height:1.8}.lab small,.note{font-size:12px;color:#687963;line-height:1.7}.lab output{display:block;margin:12px 0;line-height:1.8;font-size:14px}.source-box{border-top:1px solid #d1ddcd;margin:32px 0;padding:20px 0;color:#5b6f5e;font-size:14px;line-height:1.9}.source-box h2,article h2{font-size:21px}.source-box ul{padding-left:20px}.related{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0;font-size:13px}footer{border-top:1px solid #d7e0d2;padding:28px 5vw;color:#748372;font-size:12px;line-height:2}footer a{margin-left:20px}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.controls label{font-size:13px;display:grid;gap:6px}.controls input[type=number]{width:108px}.flow{stroke-dasharray:9 8;animation:flow 2s linear infinite}.paused .flow{animation-play-state:paused}@keyframes flow{to{stroke-dashoffset:-68}}.quiz-question{padding:20px 0;border-bottom:1px solid #ccd9c6}.quiz-question h3{font-size:16px}.quiz-feedback{font-size:14px}.notes{width:100%;min-height:130px;border:1px solid #adc2a8;border-radius:12px;padding:15px}.stats{display:flex;gap:14px;flex-wrap:wrap}.stats div{background:white;border-radius:12px;padding:16px;flex:1;min-width:130px}.stats strong{display:block;font-size:25px;color:#216957}.stats small{display:block;margin-top:8px}@media(prefers-reduced-motion:reduce){.flow{animation:none}.lesson-card{transition:none}}@media(max-width:800px){.reading-layout{display:block;padding:20px}.syllabus{position:static;display:flex;overflow:auto;white-space:nowrap;margin-bottom:24px;gap:4px}.syllabus>span,.syllabus p{display:none}.syllabus a{font-size:12px}.hero{padding:28px}.site-head{height:78px;padding:12px 20px}.brand{font-size:20px}.site-head nav{gap:12px}.site-head nav a{font-size:13px}.lab{padding:16px}.cards{gap:12px}.lesson-card{padding:20px}.lesson-card h2{font-size:18px}}@media(max-width:460px){.cards{grid-template-columns:1fr}.hero h1{font-size:32px}.controls{gap:6px}}

/* Regional archives share the national classroom reading scale. */
.hero{padding:28px;border-radius:12px}.hero h1{font-size:30px;line-height:1.5;margin:15px 0}.article-head h1{font-size:28px;font-weight:550}.intro h2,article h2,.source-box h2{font-size:20px;font-weight:550}.lesson-card{padding:20px;border-radius:10px}.lesson-card h2{font-size:18px;font-weight:550}.reading-layout{gap:28px}.lab{border-radius:10px}.brand{font-size:23px}@media(max-width:600px){.hero h1,.article-head h1{font-size:25px}}