/* Same visual language; one persistent guide replaces fragmented destinations. */
.real-visuals{min-width:0}.source-lesson,.position-resource,.media-pending{border:1px solid var(--line);border-radius:14px;background:#f8faf4;padding:17px;margin-bottom:12px}.source-lesson strong{font-size:14px;color:var(--green)}.source-lesson p,.component-audio-note{font-size:12px;line-height:1.8;color:#7c8a71}.source-lesson small,.position-resource small{display:block;font-size:10px;line-height:1.7;color:#839078;margin-top:10px}.real-visuals a,.tone-resource a{color:#66815a;text-decoration:underline}.lesson-player iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:9px;margin-top:14px}.source-video{width:100%;border-radius:9px;margin-top:12px;background:#111}.position-resource summary,.tone-resource summary{cursor:pointer;font-size:12px;color:var(--green);line-height:1.8}.position-resource summary span{font-size:9px;background:#e6eddf;border-radius:4px;padding:3px 5px;margin-left:6px}.position-resource p,.tone-resource>p{font-size:11px;line-height:1.9;color:#7c8a71}.tone-resource{margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:12px}.tone-resource>img{width:100%;max-width:640px;display:block;margin:12px auto;border-radius:8px}.tone-resource .source-lesson{margin-top:12px}.media-pending strong{font-size:13px}.media-pending p{font-size:11px;line-height:1.8}.component-audio-note{font-size:11px}.real-visuals .outline{font-size:11px;min-height:36px}
.compact-hero{margin-bottom:24px}.compact-hero h1{font-size:32px}.compact-hero .hero-art{height:150px;transform:scale(.66);transform-origin:center}.compact-hero p{font-size:13px}.data-stats{display:flex;justify-content:space-between;gap:20px;margin:20px 2px 30px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;color:#84917e}.data-stats strong{font-weight:650;color:#43684d;margin-right:7px;font-variant-numeric:tabular-nums}.workspace{margin-top:32px}.library-groups{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.library-groups button{padding:8px 20px;border:1px solid var(--line);border-radius:9px;color:#6c7b65;background:#fff;font-size:13px}.library-groups .selected{color:white;background:var(--green);border-color:var(--green)}.sound-selector{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.sound-selector button{width:72px;min-height:72px;background:#fff;border:1px solid var(--line);border-radius:14px;font:29px Georgia;color:#587249;display:flex;align-items:center;justify-content:center;flex-direction:column}.sound-selector small{font:10px "Microsoft YaHei",sans-serif;color:#a3ac98;margin-top:3px}.sound-selector .selected{border-color:#789972;background:#edf3e6;box-shadow:0 2px 0 #8ca57a}.sound-selector .selected small{color:#658659}.unit-card{border:1px solid #dfe7d6;background:#fff;border-radius:24px;overflow:clip;box-shadow:0 10px 28px #304a2e04}.unit-header{padding:28px 35px;background:linear-gradient(115deg,#f2f6eb,#fcfcf8);display:flex;align-items:center;justify-content:space-between;gap:25px}.unit-header .eyebrow{font-size:9px;margin:0 0 10px}.unit-name{display:flex;gap:14px;align-items:center}.unit-name h2{font:60px/1.25 Georgia;margin:0;color:var(--green);letter-spacing:1px}.unit-name .pill{font-size:11px}.real-badge{font-size:10px;color:#7b9663}.unit-header p{margin:8px 0 0;font-size:12px;color:#7c8a71}.audio-main{border-radius:15px;background:var(--green);color:#fff;padding:15px 21px;display:flex;align-items:center;gap:12px;font-size:23px;flex-shrink:0;min-width:152px}.audio-main span{font-size:12px;text-align:left}.audio-main small{display:block;font:23px Georgia;margin-top:3px;color:#dfebd3}.unit-nav{position:sticky;top:0;z-index:6;background:#fffffff7;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(6,1fr);padding:10px 18px;gap:5px}.unit-nav button{border-radius:8px;padding:8px 0;font-size:12px;color:#67825a;white-space:nowrap;min-height:38px}.unit-nav button.active{background:#eff4e8}.unit-nav button:hover:not(.active){background:transparent;color:#315a3e;filter:none}.unit-nav span{font:10px "Segoe UI",sans-serif;color:#a0ad92;margin-right:5px}.unit-body{padding:0 35px}.unit-section{scroll-margin-top:75px;padding:30px 0;border-bottom:1px solid #edf0e7}.unit-section:last-child{border-bottom:0}.section-kicker{font-size:9px;letter-spacing:1.5px;color:#91a17f;font-weight:600}.unit-section h3{font-size:19px;font-weight:600;margin:8px 0 19px;letter-spacing:0}.recognize-box{background:#f8faf3;border:1px solid #eaf0df;border-radius:15px;padding:19px 24px;display:flex;align-items:center;gap:27px}.recognize-letter{font:69px Georgia;color:#58764a;min-width:85px;text-align:center}.recognize-box p{font-size:14px;margin:2px 0 8px;line-height:1.85}.recognize-box .term-note{font-size:11px;color:#819072;margin:0}.pronounce-layout{display:grid;grid-template-columns:160px 1fr;gap:23px;align-items:center}.mouth-figure{text-align:center}.mouth-figure svg{width:150px;display:block;margin:auto}.mouth-figure button{font-size:11px;color:#628353;border:1px solid var(--line);border-radius:7px;min-height:32px;padding:4px 9px;margin:10px auto}.mouth-description{font-size:14px;margin:0 0 14px;font-weight:550;line-height:1.85}.mouth-steps{margin:0;padding-left:23px;line-height:1.95;font-size:13px;color:#78856d}.mouth-steps li::marker{color:#9aAD86;font-size:11px}.caution{border-left:3px solid #d8b68a;background:#fcf8ef;border-radius:0 11px 11px 0;margin:21px 0;padding:13px 17px}.caution strong{font-size:11px;color:#ad854e}.caution p{font-size:12px;color:#938165;margin:4px 0 0}.tone-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 15px}.tone-heading h4{font-size:14px;margin:0}.tone-heading span{font-size:10px;color:#8b967e}.tone-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tone-choice{border:1px solid #e1e8d7;background:#fff;border-radius:14px;min-height:185px;display:flex;align-items:center;flex-direction:column;padding:13px 6px;color:#799567}.tone-choice.selected{background:#f0f5e8;border-color:#98b287}.tone-symbol{font:38px Georgia;color:var(--green);white-space:nowrap}.tone-choice svg{height:30px;width:60px;margin:7px 0 3px;overflow:visible}.tone-choice small{font-size:10px;color:#839572}.tone-choice strong{font-size:20px;color:#526d46;font-weight:500;margin:6px 0}.audio-state{font-size:9px;color:#8fa67c}.tone-caption{color:#89967a;font-size:10px;margin:12px 0 0}.blend-list{border:1px solid #e8eddf;border-radius:13px;overflow:hidden}.blend-row{display:flex;align-items:center;gap:22px;padding:14px 22px;background:#fbfcf7;font:24px Georgia;min-height:68px}.blend-row+ .blend-row{border-top:1px solid #e8eddf}.blend-row>span:first-child{font:20px Georgia;min-width:140px;color:#7a9169}.blend-arrow{color:#b4c1a3;font:18px sans-serif}.blend-row strong{font:27px Georgia;color:var(--green)}.blend-char{font:22px "Microsoft YaHei",sans-serif;color:#8a9b77}.blend-row button{margin-left:auto;border:1px solid #dce6cf;border-radius:50%;width:36px;min-height:36px;font-size:15px;color:#668b52;background:#fff}.rule-paragraph{font-size:13px;line-height:1.95;color:#758767;background:#f7f9f1;padding:15px 20px;border-radius:11px;margin:16px 0 0}.word-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.word-example{border:1px solid #e5ebda;border-radius:14px;background:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:20px}.word-pinyin{display:block;font:17px Georgia;color:#7a9a62}.word-example strong{display:block;font-size:24px;font-weight:500;letter-spacing:2px;margin:5px 0}.word-example p{font-size:11px;color:#8b987d;margin:0;line-height:1.8}.word-audio{min-width:32px;width:32px;min-height:32px;border-radius:50%;background:#eff5e8;color:#5d8449;font-size:14px;padding:0}.context-tools{display:flex;align-items:center;gap:16px;margin-top:18px}.context-tools span{font-size:10px;color:#8a957f}.context-tools button{font-size:11px}.unit-section .writing-demo{height:180px;border:1px solid #e7eddf;background:#fbfcf7;margin-top:0}.writing-description{display:flex;justify-content:space-between;align-items:center;gap:16px}.writing-description span{font-size:12px;color:#87947b}.writing-description button{font-size:11px;white-space:nowrap}.quiz-question{font-size:14px;margin:0 0 15px}.unit-section .quiz-options{max-width:500px}.unit-section .quiz-options button{border-color:#dfe8d3;background:#fbfcf8;font:27px Georgia;min-height:55px}.unit-section .quiz-options .chosen{background:#edf4e5;border-color:#8fad7b}.quiz-feedback{min-height:44px;font-size:12px;line-height:1.8;margin:11px 0 0;padding:10px 0;color:#688254}.unit-next{background:#f6f8f1;border-top:1px solid var(--line);padding:21px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.unit-next span{font-size:11px;color:#8b9780}.learning-context{display:flex;justify-content:space-between;padding:12px 17px;background:#eef3e6;border-radius:11px;font-size:12px;color:#7b8e6b}.learning-context strong{font:20px Georgia;color:#416b37;margin:0 5px}.getting-started{background:#eff4e9;padding:22px 25px;border-radius:15px}.getting-started>strong{font-size:14px}.getting-started>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;font-size:12px;color:#7b8b6d}.getting-started b{display:block;color:#50753f;margin-bottom:3px}.lookup-status{margin:20px 0 0;padding:12px 17px;background:#eef5e7;border-radius:10px;color:#628551;font-size:12px}.multi-readings{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:20px;font-size:12px;color:#7d8d6e}.multi-readings button{font:21px Georgia}.char-button.active{background:#eef5e5;box-shadow:inset 0 0 0 1px #acc496}.is-playing{box-shadow:0 0 0 4px #bfd2a66b!important}.is-playing.tone-choice svg path{stroke:#ca9459;stroke-width:3}button:disabled{opacity:.4;cursor:default}.unit-card .writing-demo.animate .stroke{animation:trace-stroke .65s linear both;animation-delay:var(--delay)}@keyframes trace-stroke{from{stroke-dashoffset:360}to{stroke-dashoffset:0}}.mouth-animating ellipse{transform-origin:80px 65px;animation:mouth-change 1.8s ease both}.mouth-animating circle{animation:mouth-bg 1.8s ease both}@keyframes mouth-change{0%{transform:scaleY(.12)}55%{transform:scaleY(1)}75%{transform:scaleY(.86)}100%{transform:scaleY(1)}}@keyframes mouth-bg{50%{fill:#e0edcc}}.blend-row.blending>span:first-child{animation:blend-in 1.2s ease both}.blend-row.blending strong{animation:blend-pop 1.2s ease both}@keyframes blend-in{0%{transform:translateX(-10px);opacity:.4}50%{transform:translateX(12px)}100%{transform:translateX(0);opacity:1}}@keyframes blend-pop{0%,45%{opacity:.4;transform:scale(.9)}70%{opacity:1;transform:scale(1.15)}100%{transform:scale(1)}}.motion-caption{font-size:10px;color:#93a181;margin-top:5px}.unit-card .eyebrow{color:#789760}
@media(max-width:900px){.word-examples{grid-template-columns:1fr}.word-example{padding:17px}.word-example>div{display:grid;grid-template-columns:130px 1fr;gap:3px 12px;flex:1}.word-example strong{grid-row:2;grid-column:1}.word-example p{grid-column:2;grid-row:1/3;align-self:center}.unit-header,.unit-body{padding-left:25px;padding-right:25px}.unit-name h2{font-size:50px}.blend-row{gap:16px}}
@media(max-width:650px){.compact-hero h1{font-size:25px}.compact-hero p{font-size:12px}.data-stats{gap:8px;margin:13px 0 24px;font-size:9px;align-items:start}.data-stats span{display:flex;flex-direction:column;flex:1;text-align:center}.data-stats strong{font-size:15px;margin:0 0 2px}.workspace{margin-top:26px}.workspace>.section-heading{display:block}.workspace>.section-heading>span{display:block;margin-top:4px;font-size:10px}.library-groups{gap:6px;margin:12px 0}.library-groups button{padding:6px 11px;font-size:10px;min-height:36px;flex:1;white-space:nowrap}.sound-selector{gap:7px;margin-bottom:18px}.sound-selector button{width:calc((100% - 35px)/6);min-height:57px;font-size:25px;border-radius:10px}.sound-selector small{font-size:8px}.unit-card{border-radius:18px}.unit-header{padding:21px 18px;gap:12px;align-items:flex-start}.unit-header .eyebrow{font-size:8px;letter-spacing:1px;max-width:190px}.unit-name{flex-wrap:wrap;gap:7px}.unit-name h2{font-size:45px}.unit-name .pill{font-size:9px;padding:3px 7px}.real-badge{font-size:8px}.unit-header p{font-size:10px;line-height:1.8;max-width:200px}.audio-main{min-width:78px;padding:10px 9px;gap:5px;font-size:17px;border-radius:10px;margin-top:12px;min-height:53px}.audio-main span{font-size:8px;white-space:nowrap}.audio-main small{font-size:18px}.unit-nav{padding:6px 7px;gap:2px;top:0;overflow:auto;grid-template-columns:repeat(6,minmax(44px,1fr))}.unit-nav button{font-size:9px;min-height:40px;padding:3px;display:flex;flex-direction:column;gap:3px}.unit-nav span{font-size:7px;margin:0}.unit-body{padding:0 17px}.unit-section{padding:23px 0;scroll-margin-top:60px}.section-kicker{font-size:8px}.unit-section h3{font-size:15px;line-height:1.6;margin:7px 0 15px}.recognize-box{padding:15px 14px;gap:13px;align-items:center}.recognize-letter{font-size:52px;min-width:49px}.recognize-box p{font-size:12px;line-height:1.85}.recognize-box .term-note{font-size:10px;line-height:1.85}.pronounce-layout{grid-template-columns:1fr;gap:13px}.mouth-figure{display:flex;align-items:center;justify-content:center;gap:15px}.mouth-figure svg{width:122px;margin:0}.mouth-figure button{margin:0;font-size:10px}.mouth-description{font-size:13px;margin:0 0 9px}.mouth-steps{font-size:11px;padding-left:20px}.caution{padding:12px 13px;margin:16px 0}.caution p{font-size:10px}.caution strong{font-size:10px}.tone-heading{display:block;margin:20px 0 11px}.tone-heading h4{font-size:13px;margin-bottom:4px}.tone-heading span{font-size:9px}.tone-strip{gap:5px}.tone-choice{padding:10px 3px;min-height:147px;border-radius:9px}.tone-symbol{font-size:26px}.tone-choice svg{width:39px;height:25px;margin:4px 0 3px}.tone-choice small{font-size:8px;min-height:25px;line-height:1.5;max-width:40px}.tone-choice strong{font-size:17px;margin:3px 0}.audio-state{font-size:7px;white-space:nowrap}.tone-caption{font-size:9px;line-height:1.9}.blend-row{padding:12px 12px;gap:10px;min-height:57px}.blend-row>span:first-child{font-size:14px;min-width:77px;max-width:105px}.blend-arrow{font-size:13px}.blend-row strong{font-size:22px}.blend-char{font-size:18px}.blend-row button{width:29px;min-height:29px;min-width:29px;font-size:11px}.rule-paragraph{font-size:11px;padding:13px;margin-top:13px}.word-examples{gap:9px}.word-example{padding:15px}.word-example>div{display:block}.word-pinyin{font-size:16px}.word-example strong{font-size:23px;margin:2px 0 5px}.word-example p{font-size:10px}.word-audio{margin-top:7px;width:34px;min-height:34px}.context-tools{display:block;margin-top:15px}.context-tools span{display:block;font-size:9px;margin-top:7px}.context-tools .outline{font-size:10px;min-height:37px}.unit-section .writing-demo{height:143px}.writing-description{align-items:flex-start;gap:8px}.writing-description span{font-size:10px;line-height:1.85;max-width:170px}.writing-description button{padding:7px 9px;font-size:10px;min-height:35px}.quiz-question{font-size:12px;line-height:1.85}.unit-section .quiz-options button{font-size:24px;min-height:52px}.quiz-feedback{font-size:11px;min-height:48px}.unit-next{padding:18px 17px;display:block}.unit-next span{display:block;font-size:10px;margin-bottom:12px}.unit-next .primary{width:100%;font-size:12px}.learning-context{font-size:10px;padding:10px 13px}.learning-context strong{font-size:18px}.getting-started{padding:18px}.getting-started>strong{font-size:12px}.getting-started>div{grid-template-columns:1fr;gap:0;font-size:11px}.getting-started b{display:inline;margin-right:7px}.multi-readings span{font-size:11px}.multi-readings button{font-size:17px}}
@media(prefers-reduced-motion:reduce){.mouth-animating ellipse,.mouth-animating circle,.blend-row.blending>span:first-child,.blend-row.blending strong,.writing-demo.animate .stroke{animation:none!important}}
@media(min-width:651px) and (max-width:900px){.hero-art{transform:scale(.65)}}
@media(max-width:650px){.long-syllable .tone-symbol{font-size:18px}}
.pronounce-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:650px){.pronounce-layout{grid-template-columns:1fr!important;display:grid!important}.source-lesson,.position-resource{padding:13px}.source-lesson strong{font-size:12px}.source-lesson p{font-size:10px}.tone-resource{padding:11px}}
.articulation-diagram{margin:0 0 14px;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.diagram-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.diagram-heading strong{font-size:13px;color:var(--green)}.diagram-heading span{font-size:9px;color:#89967f}.articulation-diagram img{display:block;width:100%;height:235px;object-fit:contain;margin:12px 0}.articulation-diagram figcaption>strong{font-size:12px;color:var(--green)}.articulation-diagram p{font-size:11px;line-height:1.9;color:#7c8a71}.articulation-diagram small{font-size:9px;line-height:1.8;color:#839078}.teacher-extra>summary{font-size:12px;color:var(--green);cursor:pointer;margin-bottom:10px}.teacher-extra[open]{margin-top:14px}@media(max-width:650px){.articulation-diagram img{height:220px}}
.pronounce-layout{align-items:start}.diagram-heading span{font-size:10px}.articulation-diagram img{height:260px}@media(max-width:650px){.articulation-diagram img{height:220px}}
.lesson-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;color:var(--green)!important;text-decoration:none!important;font-size:12px}.lesson-link:hover{background:#edf3e6}.lesson-link:focus-visible{outline:2px solid var(--green);outline-offset:3px}