:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none;color:#24443a;background:#f6f6f0;font-size:16px;--ink:#24443a;--muted:#63776b;--green:#1d7161;--line:#dce3d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:1px solid #c9d6c7;background:#fffef8;border-radius:7px;padding:9px 13px;color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd8751;outline-offset:4px}a:hover{color:#0c6659}button:hover:not(:disabled){background:#e6eee2}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:550}p,li{line-height:1.9}h1{font-size:30px;line-height:1.5;letter-spacing:.02em}h2{font-size:21px;line-height:1.6}h3{font-size:18px;line-height:1.6}small{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.skip{position:absolute;top:-80px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:12px}.learn-header{min-height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px;max-width:1440px;margin:auto;padding:16px 4vw}.learn-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:27px;color:var(--green)}.learn-brand span{font-family:"SimSun",serif;font-size:23px;color:var(--ink)}.learn-brand small{display:block;font:10px/1.8 system-ui,sans-serif;letter-spacing:2px;color:#7b8b7b}.learn-header nav{display:flex;gap:12px}.learn-header nav a{padding:10px 18px;text-decoration:none;font-size:14px}.learn-header [aria-current=page]{background:#e6eee3;border-radius:24px;color:var(--green)}.header-index{margin-left:auto;font-size:13px;text-decoration:none}.learn-main{max-width:1240px;margin:auto;padding:36px 32px 70px}.eyebrow,.section-heading small{font-size:11px;letter-spacing:1.6px;color:#6d8272}.classroom-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;padding:15px 0 34px}.intro-copy h1{font-size:32px;margin:18px 0 14px}.intro-copy p{font-size:15px;color:var(--muted)}.intro-links{display:flex;align-items:center;gap:22px;font-size:14px}.primary{display:inline-block;background:var(--green);color:white;text-decoration:none;border:1px solid var(--green);padding:11px 18px;border-radius:7px;font-size:14px}.primary:hover:not(:disabled){background:#175d50;color:white}.progress-summary{font-size:12px!important;margin:18px 0 0;min-height:24px}.featured-diagram{padding:20px;background:#edf0e3;border:1px solid #dae2d0;border-radius:14px;text-decoration:none;overflow:hidden}.featured-diagram>span{font-size:12px;color:#75846b}.featured-diagram .teaching-figure{margin:10px 0;max-height:210px}.featured-diagram>div{border-top:1px solid #d4ddc9;padding-top:13px;display:grid;gap:6px}.featured-diagram strong{font-size:16px;font-weight:550}.featured-diagram>div>span{font-size:12px;color:#6c7a64}.question-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:24px}.question-strip a{display:flex;gap:14px;align-items:center;text-decoration:none;font-size:14px}.question-strip b{font:italic 23px Georgia,serif;color:#a6af98;font-weight:400}.question-strip span{flex:1}.question-strip small{display:block;font-size:11px;margin-top:6px}.theme-section,#regions,.catalog{margin-top:52px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 22px}.section-heading h2{margin:7px 0 0}.section-heading p{font-size:13px;color:var(--muted);margin:0}.theme-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.theme-card{padding:18px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:#fffef9;position:relative;transition:border-color .15s}.theme-card:hover,.course-card:hover,.region-card:hover{border-color:#85a38d}.theme-card>small{position:absolute;right:14px;top:22px;color:#a3ac9a}.theme-icon{font:30px Georgia,serif;display:block;color:#58846a;margin-bottom:16px}.theme-card h3{font-size:16px;margin-bottom:8px}.theme-card p{font-size:12px;color:var(--muted);margin:0}.learning-paths{display:grid;grid-template-columns:180px 1fr;gap:10px 24px;margin-top:32px;background:#eaf0e5;border-radius:10px;padding:24px}.learning-paths h2{font-size:17px;margin:0}.learning-paths>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.learning-paths a{text-decoration:none;font-size:14px}.learning-paths b{display:block;font-weight:550;margin-bottom:7px}.learning-paths span,.learning-paths p{font-size:12px;color:var(--muted);line-height:1.8}.learning-paths p{grid-column:2;margin:4px 0 0}.course-filters{display:flex;gap:16px;align-items:end;padding:18px;background:#eeefe7;border-radius:9px;margin-bottom:22px}.course-filters label{font-size:12px;display:grid;gap:8px;color:var(--muted)}.course-filters label:first-child{flex:1}.course-filters input,.course-filters select{width:100%;background:#fffef9;border:1px solid #cfd8c9;border-radius:6px;padding:10px 12px;color:var(--ink);font-size:14px;min-height:40px}.course-filters output{font-size:12px;min-width:75px;padding:12px 0}.course-filters button{font-size:12px;min-height:40px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fffef9}.course-card>a{display:block;height:100%;text-decoration:none}.course-art{height:115px;background:#edf0e2;position:relative;overflow:hidden;color:#6f8c66}.course-art svg{position:absolute;right:0;top:0;width:240px;height:115px}.course-art>span{position:absolute;left:20px;top:20px;font-size:12px;letter-spacing:1px}.course-art i{position:absolute;left:20px;bottom:14px;font-size:11px;font-style:normal;background:#fffef6dd;padding:3px 6px;border-radius:3px}.course-art i:empty{display:none}.clay .course-art{background:#f0e9dc;color:#a1835d}.blue .course-art{background:#e6eeee;color:#688f99}.clay .theme-icon{color:#a1835d}.blue .theme-icon{color:#688f99}.course-copy{padding:19px 20px}.course-copy h3{margin:9px 0 10px}.course-copy p{font-size:13px;color:var(--muted);min-height:51px;line-height:1.9;margin-bottom:20px}.text-link{display:flex;justify-content:space-between;font-size:12px;color:var(--green);border-top:1px solid #e4e8db;padding-top:13px}.empty-state{border:1px dashed var(--line);padding:28px;text-align:center;color:var(--muted)}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.region-card{padding:24px;border:1px solid var(--line);border-radius:10px;background:#f2f2e8;text-decoration:none}.region-card h3{margin:10px 0}.region-card p{font-size:13px;color:var(--muted)}.region-card>span{font-size:12px;color:var(--green)}.editor-note{margin-top:45px;padding:28px 32px;background:#e9eddf;border-left:3px solid #9bb18b;border-radius:3px}.editor-note h2{font-size:18px}.editor-note p{font-size:14px;max-width:850px;color:var(--muted)}.editor-note a{font-size:13px}.learn-footer{border-top:1px solid #cdd9c4;background:#e5ebdc;padding:34px max(4vw,calc((100vw - 1176px)/2));display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}.learn-footer strong{font:20px/1.8 "SimSun",serif}.learn-footer p{font-size:12px;color:#647760;margin:7px 0 0}.learn-footer nav{display:flex;gap:25px;font-size:13px;align-items:center}.learn-footer>p{flex-basis:100%;border-top:1px solid #d2dccb;padding-top:15px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:28px}.collection-heading{max-width:800px;margin:20px 0 36px}.collection-heading h1{margin:13px 0}.collection-heading p{color:var(--muted)}.regional-task{background:#edf0e3;padding:28px;border-radius:10px;margin-bottom:36px}.big-question{font-size:19px}.scope-note{font-size:12px!important;color:var(--muted);line-height:1.8}.back-link{display:inline-block;margin-top:28px;font-size:13px}.lesson-layout{display:grid;grid-template-columns:190px minmax(0,790px);justify-content:space-between;gap:55px}.lesson-toc{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:5px;max-height:calc(100vh - 48px);overflow:auto}.lesson-toc>small{letter-spacing:1px;margin:8px 0 12px}.lesson-toc>a{font-size:12px;padding:8px 10px;text-decoration:none;line-height:1.6;border-left:2px solid #d7e0cf}.lesson-toc>a:hover{background:#e9eee1;border-color:#72a18b}.lesson-toc button{font-size:12px;margin-top:20px}.lesson-heading h1{font-size:28px;margin:16px 0}.lesson-heading p{font-size:16px;color:var(--muted)}.goal-box{background:#eaf0e3;border-radius:9px;padding:20px 24px;margin:26px 0}.goal-box h2{font-size:16px;margin-bottom:8px}.goal-box ul{padding-left:20px;margin:0}.goal-box li{font-size:14px}.diagram-block{border:1px solid var(--line);border-radius:10px;padding:22px;background:#fffef9;margin:28px 0 36px}.diagram-block .section-heading{margin-bottom:12px;align-items:center}.diagram-block h2{font-size:18px;margin:0}.teaching-figure{width:100%;height:auto;display:block}.teaching-figure text{font:15px "Microsoft YaHei",system-ui,sans-serif;fill:#4b6556}.featured-diagram .teaching-figure text{font-size:15px}.experiment-controls{padding:15px 4px 0;font-size:13px}.experiment-controls button{font-size:13px}.range-control{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:14px}.range-control input{grid-column:1/-1;width:100%;accent-color:#207360}.experiment-result{padding:12px;background:#edf2e7;border-radius:5px;line-height:1.8;font-size:13px;margin:12px 0 0}.choice-tabs{border:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.choice-tabs legend{margin-bottom:10px}.choice-tabs button[aria-pressed=true]{background:#207360;color:white}.process-controls{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:10px}.process-controls label{display:flex;gap:12px;align-items:center}.process-controls input{min-width:0;flex:1;accent-color:var(--green)}.process-controls output{grid-column:1/-1;background:#edf2e7;padding:12px;border-radius:5px;line-height:1.8}.diagram-block.playing .teaching-figure path[stroke="#237a83"],.diagram-block.playing .teaching-figure path[stroke="#307c9a"],.diagram-block.playing .teaching-figure path[stroke="#2b8398"]{stroke-dasharray:10 7;animation:water-move 1s linear infinite}.diagram-block .stage-highlight{stroke:#bc794b!important;stroke-width:5!important}@keyframes water-move{to{stroke-dashoffset:-34}}.lesson-section{margin:32px 0}.lesson-section h2{font-size:20px;margin-bottom:12px}.lesson-section h2>span{font:17px Georgia,serif;color:#9aa88c;margin-right:12px}.lesson-section p,.deeper p{font-size:16px;line-height:2;color:#3e574b}.misconception{background:#f2ece1;border-left:3px solid #c4a373;padding:18px 22px;margin:28px 0}.misconception h2{font-size:15px;margin-bottom:6px}.misconception p{font-size:14px;margin:0;color:#75634b}.deeper{padding:17px 20px;border:1px solid var(--line);border-radius:8px;margin:28px 0}.deeper summary{font-size:14px;color:var(--green)}.deeper p{font-size:14px;margin:15px 0 0}.map-task{padding:25px;background:#e8eee1;border-radius:10px;margin:36px 0}.map-task h2{margin:8px 0 14px}.map-task ol,.regional-task ol{padding-left:22px}.map-task li,.regional-task li{padding-left:5px;margin:12px 0;font-size:15px}.practice>p{font-size:14px;color:var(--muted)}.practice fieldset{border:1px solid var(--line);border-radius:8px;margin:24px 0;padding:18px 22px;background:#fffef9;min-width:0}.practice legend{font-size:16px;padding:0 6px;line-height:1.7}.practice fieldset label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e2e7da;border-radius:6px;margin:8px 0;font-size:14px;cursor:pointer}.practice fieldset label:has(input:checked){background:#e8eee1;border-color:#91af97}.practice input{accent-color:var(--green);flex-shrink:0}.answer-feedback{margin:12px 0 0;font-size:14px;color:#947044}.answer-feedback.correct{color:#1d7161}.answer-explanation{margin-top:12px;font-size:13px;color:var(--muted)}.answer-explanation p{font-size:14px;line-height:1.9}.completion-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.completion-row output{font-size:12px;color:var(--muted);flex-basis:100%;min-height:20px}.completion-row button{font-size:13px}.course-notes{margin:40px 0}.course-notes label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}.course-notes textarea{width:100%;resize:vertical;background:#fffef9;border:1px solid #c4d1bc;border-radius:8px;padding:16px;font-size:15px;line-height:1.9}.course-notes>div{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:10px}.course-notes span{font-size:12px;color:var(--muted)}.course-notes button{font-size:12px;white-space:nowrap}.lesson-sources{padding-top:26px;border-top:1px solid var(--line);margin:35px 0}.lesson-sources h2{font-size:18px}.lesson-sources ul{padding-left:20px}.lesson-sources li{font-size:13px;margin:12px 0}.lesson-sources li span{display:block;font-size:12px;color:var(--muted)}.lesson-sources>p{font-size:12px;color:var(--muted)}.related-courses .course-grid{grid-template-columns:repeat(2,1fr)}.related-courses h2{font-size:20px}
@media(max-width:1000px){.theme-grid{grid-template-columns:repeat(3,1fr)}.classroom-intro{gap:28px}.intro-copy h1{font-size:28px}.lesson-layout{grid-template-columns:160px minmax(0,1fr);gap:25px}.course-grid{gap:14px}.learning-paths{grid-template-columns:1fr}.learning-paths p{grid-column:1}.region-grid{grid-template-columns:repeat(2,1fr)}.course-copy{padding:16px}.course-copy h3{font-size:17px}.course-art{height:100px}.header-index{display:none}}
@media(max-width:720px){html{scroll-padding-top:15px}.learn-header{padding:14px 18px;gap:15px;justify-content:space-between;min-height:70px}.learn-brand{font-size:23px}.learn-brand span{font-size:20px}.learn-brand small{font-size:8px;letter-spacing:1px}.learn-header nav{gap:0}.learn-header nav a{font-size:12px;padding:9px 11px}.learn-main{padding:24px 18px 45px}.classroom-intro{grid-template-columns:1fr;padding-top:0;gap:22px}.intro-copy h1{font-size:28px}.intro-copy p br{display:none}.featured-diagram .teaching-figure{max-height:180px}.question-strip{grid-template-columns:1fr;gap:18px}.question-strip a{font-size:14px}.question-strip small{margin-top:4px}.section-heading{display:block}.section-heading p{margin-top:8px}.theme-section,#regions,.catalog{margin-top:36px}.theme-grid{gap:9px}.theme-card{padding:14px 11px}.theme-card h3{font-size:15px}.theme-card p{font-size:11px}.theme-icon{margin-bottom:10px}.learning-paths{padding:20px}.learning-paths>div{gap:12px}.learning-paths span{font-size:11px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-copy{padding:14px}.course-copy h3{font-size:16px}.course-copy p{font-size:12px}.course-art{height:80px}.course-art>span{left:14px;top:15px}.course-art svg{width:170px;height:90px}.course-filters{flex-wrap:wrap;gap:12px;padding:14px}.course-filters label:first-child{flex-basis:100%}.course-filters label:nth-child(2){flex:1}.course-filters output{flex-basis:100%;padding:0}.region-card{padding:18px}.region-card h3{font-size:16px}.region-card p{font-size:12px}.editor-note{padding:22px}.learn-footer{padding:26px 20px;gap:15px}.learn-footer nav{gap:18px;font-size:12px}.lesson-layout{display:block}.lesson-toc{position:static;display:flex;flex-direction:row;gap:6px;overflow:auto;max-height:none;padding-bottom:15px;margin-bottom:25px;align-items:center}.lesson-toc small{display:none}.lesson-toc a{white-space:nowrap;border:1px solid var(--line);border-radius:5px;padding:7px 10px}.lesson-toc button{display:none}.lesson-heading h1{font-size:25px}.lesson-heading p{font-size:15px}.diagram-block{padding:14px}.diagram-block .section-heading{display:flex;align-items:start;gap:10px}.diagram-block .section-heading small{font-size:10px;max-width:100px;line-height:1.7;letter-spacing:0}.teaching-figure text{font-size:17px}.lesson-section h2{font-size:19px}.lesson-section p{font-size:16px}.goal-box{padding:18px}.map-task{padding:20px}.process-controls{grid-template-columns:1fr}.process-controls output{grid-column:1}.practice fieldset{padding:12px}.course-notes>div{align-items:start}.related-courses .course-copy p{min-height:0}}
@media(max-width:390px){.learn-brand small{display:none}.learn-header nav a{padding:8px}.theme-grid{grid-template-columns:repeat(2,1fr)}.course-grid,.region-grid,.related-courses .course-grid{grid-template-columns:1fr}.learning-paths>div{grid-template-columns:1fr}.learning-paths a{display:flex;gap:15px}.learning-paths b{white-space:nowrap}.learn-main{padding:20px 14px}.intro-links{gap:14px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.diagram-block.playing .teaching-figure path{animation:none!important}}
.figure-scroll{overflow-x:auto;border-radius:8px}.figure-scroll-hint{display:none}.figure-scroll:focus-visible{outline:2px solid #a4b893;outline-offset:4px}
@media(max-width:720px){.diagram-block .teaching-figure{min-width:620px}.figure-scroll-hint{display:block;font-size:11px;margin:8px 0 0;color:var(--muted)}}
@media print{body{background:white;color:#111}.learn-header,.learn-footer,.lesson-toc,.related-courses,.experiment-controls,.completion-row,.course-notes button,.skip,.figure-scroll-hint{display:none!important}.learn-main{padding:0;max-width:none}.lesson-layout{display:block}.lesson-article{max-width:none}.lesson-heading h1{font-size:23px}.lesson-section p{font-size:12pt}.lesson-section,.diagram-block,fieldset{break-inside:avoid}details>p,details>div{display:block!important}.answer-explanation{display:block}.map-task a:after{content:" " attr(href);font-size:10px}.teaching-figure{max-height:240px;min-width:0!important}.course-notes textarea{min-height:150px}}

/* Keep Chinese display headings light rather than synthesized heavy weights. */
.intro-copy h1{font-family:"SimSun",serif;font-weight:400}.lesson-heading h1,.collection-heading h1{font-weight:500}