.teaching-intro,.teaching-room{max-width:1112px;margin:0 auto;padding:32px 24px}.teaching-intro{padding-top:44px;padding-bottom:22px}.teaching-intro h1{font-size:clamp(28px,4vw,44px);line-height:1.3;color:#173f42;margin:0 0 14px}.teaching-intro .lead{font-size:20px;line-height:1.8;max-width:850px}.teaching-intro details{border-top:1px solid #dacfb9;padding-top:15px;margin-top:22px}.teaching-intro summary{cursor:pointer;font-weight:700;color:#245850}.teaching-intro ol{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-left:24px;line-height:1.7}.teaching-room{padding-top:8px}.teaching-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.teaching-controls label{font-size:14px;display:grid;gap:6px;min-width:180px;flex:1}.teaching-controls select{font:inherit;border:1px solid #a1b3aa;border-radius:8px;background:#fffdf8;padding:12px;color:#173f42;min-height:48px}.teaching-controls .check{display:flex;gap:8px;align-items:center;flex:0 1 auto;min-width:0;min-height:48px}.teaching-controls input{width:20px;height:20px}.teach-button{border:1px solid #386b65;background:#fffdf8;color:#173f42;border-radius:8px;padding:12px 18px;min-height:48px;font:inherit;font-weight:700;cursor:pointer}.teach-button.primary{background:#1d5952;color:#fff}.teach-button:disabled{opacity:.4;cursor:default}.teach-button:focus-visible,.picture-choice:focus-visible,.teach-words button:focus-visible{outline:3px solid #975412;outline-offset:3px}.teach-words{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.teach-words button{font:inherit;font-size:20px;cursor:pointer;border:1px solid #c7d5cc;border-radius:99px;background:#fffdf8;color:#173f42;padding:9px 20px;min-height:46px}.teach-words button[aria-pressed=true]{background:#f4d48b;border-color:#8f6e2c}.teach-stage{background:#fffcf4;border:1px solid #ddd2bd;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #193e3b0b}.teach-slide{min-height:560px;padding:30px;display:flex;flex-direction:column;gap:18px}.slide-context{font-size:14px;color:#58736c;margin:0}.slide-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:center;gap:34px;flex:1}.slide-image{width:100%;max-height:410px;object-fit:contain;border-radius:6px}.slide-text h2{font-size:clamp(32px,4.5vw,54px);line-height:1.25;margin:0 0 14px;letter-spacing:.04em}.slide-text .zy{display:block;font-size:22px;line-height:1.8;color:#39665c;margin:0 0 10px;letter-spacing:.04em}.slide-text .en{font-size:clamp(20px,2.5vw,27px);color:#536961;line-height:1.5}.slide-text .py{font-size:19px;line-height:1.7;color:#39665c;display:block}.teach-meaning{max-width:850px;margin:auto;width:100%;padding:20px 0}.teach-meaning h2{font-size:42px;margin:0 0 24px}.teach-meaning .meaning-zh{font-size:36px;line-height:1.6;margin:0 0 16px}.teach-meaning .meaning-en{font-size:26px;line-height:1.5;color:#536961}.teach-source{font-size:16px;line-height:1.6;color:#65786d;border-top:1px solid #d8decb;padding-top:18px;margin-top:26px}.teach-source a{color:#245b52}.teach-example .slide-content{grid-template-columns:1.1fr 1fr}.example-zh{font-size:32px;line-height:1.8;margin:0 0 14px}.example-en{font-size:23px;line-height:1.6;color:#536961}.photo-note{font-size:12px;color:#61756d;line-height:1.5;margin:0}.photo-note a{color:inherit}.quiz-heading{font-size:28px;line-height:1.45;margin:0}.quiz-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;flex:1}.picture-choice{border:3px solid #dbe1d0;border-radius:10px;background:#fff;padding:8px;cursor:pointer;display:grid;grid-template-rows:1fr auto;gap:8px;min-width:0}.picture-choice img{width:100%;height:260px;object-fit:contain;border-radius:5px}.picture-choice .choice-marker{font-size:24px;line-height:1.5;color:#244e48;font-weight:750}.picture-choice[data-state=correct]{border-color:#28734f;background:#e2f2e6}.picture-choice[data-state=try-again]{border-color:#b88a31;background:#fff5d9}.quiz-feedback{min-height:30px;font-size:20px;line-height:1.5;color:#275c47;margin:0}.teach-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid #dfd8c7;background:#f5f0e2}.slide-progress{font-size:15px;color:#506d65}.teach-actions .navigation{display:flex;align-items:center;gap:10px}.audio-note{font-size:14px;color:#5c7068;line-height:1.5;min-height:21px;margin:10px 0}.teacher-note{padding:18px 0;font-size:16px;line-height:1.7;color:#48665c}.teacher-note summary{cursor:pointer;font-weight:700}.teacher-note p{margin:10px 0}.teaching-downloads{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:16px 0}.teaching-downloads a{color:#1e5b52;font-weight:700}.teacher-library{max-width:1160px;margin:24px auto 50px;border-top:1px solid #cfdbce;padding-top:18px}.teacher-library>summary{cursor:pointer;font-size:20px;font-weight:700;color:#24574e;padding:12px 24px}.picture-only .learner-reading{visibility:hidden}.picture-only .teach-words button{font-size:0}.picture-only .teach-words button::before{content:attr(data-order);font-size:20px}.teach-stage:is(:fullscreen,.is-presenting){width:100vw;height:100vh;display:flex;flex-direction:column;border:0;border-radius:0;background:#fffcf4}.teach-stage:is(:fullscreen,.is-presenting) .teach-slide{flex:1;min-height:0}.teach-stage:is(:fullscreen,.is-presenting) .slide-content{max-height:calc(100vh - 190px)}.teach-stage:is(:fullscreen,.is-presenting) .slide-image{max-height:70vh}.teach-stage:is(:fullscreen,.is-presenting) .quiz-pictures img{height:50vh}.teach-stage:is(:fullscreen,.is-presenting) .teach-actions{flex:none}.teach-stage:is(:fullscreen,.is-presenting) .slide-text h2{font-size:clamp(42px,5vw,78px)}.teach-stage.hide-zy .zy{display:none}.teach-stage.hide-py .py{display:none}.teach-stage.hide-en .en{display:none}@media(max-width:700px){.teaching-intro,.teaching-room{padding-left:16px;padding-right:16px}.teaching-intro ol{grid-template-columns:1fr 1fr;gap:16px}.teaching-intro .lead{font-size:18px}.teach-slide{min-height:540px;padding:20px}.slide-content,.teach-example .slide-content{grid-template-columns:1fr;gap:16px;align-content:start}.slide-image{max-height:260px}.slide-text h2{font-size:36px}.slide-text .zy{font-size:20px}.teach-meaning h2{font-size:32px}.teach-meaning .meaning-zh{font-size:28px}.teach-meaning .meaning-en{font-size:21px}.example-zh{font-size:27px}.example-en{font-size:20px}.quiz-pictures{gap:6px;flex:0}.picture-choice{padding:3px}.picture-choice img{height:170px}.quiz-heading{font-size:23px}.teach-actions{padding:14px 12px}.teach-actions .teach-button{padding:10px 12px}.slide-progress{font-size:13px}.teach-controls .check{font-size:13px}.teach-stage:is(:fullscreen,.is-presenting) .slide-content{grid-template-columns:1.2fr 1fr}.teach-stage:is(:fullscreen,.is-presenting) .slide-image{max-height:56vh}.teach-stage:is(:fullscreen,.is-presenting) .slide-text h2{font-size:34px}.teach-stage:is(:fullscreen,.is-presenting) .example-zh{font-size:25px}}@media(prefers-reduced-motion:no-preference){.picture-choice{transition:border-color .15s,background-color .15s}}@media print{.teaching-intro,.teaching-controls,.teach-words,.teach-actions,.teacher-note,.teaching-downloads{display:none}.teach-stage{border:0;box-shadow:none}.teach-slide{min-height:0}.teacher-library{display:none}}

.teach-stage.is-presenting{position:fixed;inset:0;z-index:1000;height:100dvh;overflow:auto}.teach-stage.is-presenting .teach-actions{position:sticky;bottom:0;z-index:1}