.lesson-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 35px}.lesson-phases button{padding:12px 6px;border-radius:14px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);background:var(--soft);line-height:1.6}.lesson-phases button span{font-size:10px;border:1px solid #cdd1d5;border-radius:50%;height:20px;width:20px;display:grid;place-items:center;flex-shrink:0}.lesson-phases button.active{background:var(--ink);color:white}.lesson-phases button.active span{border-color:#ffffff55}.word-teaching{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0}.word-teach{padding:20px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;text-align:left;gap:9px;position:relative;min-width:0}.word-teach>span:first-child{font-size:19px;font-weight:500;padding-right:16px;overflow-wrap:anywhere}.word-teach small{font-size:12px;line-height:1.8;color:var(--muted)}.word-teach .speaker{position:absolute;right:15px;top:20px;font-size:12px;color:var(--muted)}.word-teach.playing,.chunk.playing{border-color:var(--blue);background:#f3f8ff}.coach-note,.learning-task{margin:25px 0}.coach-note h2,.learning-task h2,.speaking-ladder h2{font-size:16px;font-weight:550;margin:0 0 12px}.coach-note p,.learning-task p{font-size:14px;line-height:2;color:#505760;margin:0}.coach-note{border-left:3px solid #dfe3e6;padding:4px 0 4px 20px}.learning-task{padding:22px;background:var(--soft);border-radius:18px}.learning-task p{font-size:13px}.chunk-list{display:grid;gap:10px;margin:28px 0}.chunk{border:1px solid var(--line);border-radius:17px;padding:18px 20px;display:flex;align-items:center;gap:16px;text-align:left}.chunk>span:nth-child(2){flex:1;min-width:0}.chunk strong{font-size:22px;font-weight:500;line-height:1.5;display:block;overflow-wrap:anywhere}.chunk small{display:block;font-size:12px;line-height:1.8;color:var(--muted);margin-top:5px}.chunk-no{font-size:11px;background:var(--soft);border-radius:50%;width:26px;height:26px;flex-shrink:0;display:grid;place-items:center}.chunk>span:last-child{font-size:12px;color:var(--muted)}.assembled{background:var(--soft);padding:25px;border-radius:20px}.assembled small{font-size:12px;color:var(--muted)}.assembled p[lang]{font-size:22px;line-height:1.7;margin:13px 0}.assembled p.muted{font-size:13px;line-height:1.8}.speaking-ladder{text-align:left;margin:30px 0}.ladder-step{border-bottom:1px solid var(--line);padding:20px 0}.ladder-step small{font-size:12px;color:var(--muted)}.ladder-step p{font-size:14px;line-height:1.9;margin:10px 0}.ladder-step p[lang]{font-size:20px}.self-check{font-size:13px;line-height:1.9;background:var(--soft);border-radius:15px;padding:17px 20px;margin-top:20px}.self-check summary{cursor:pointer}.timing-box{border:1px solid var(--line);border-radius:18px;padding:20px;font-size:13px;line-height:1.9;margin:25px 0}.timing-box summary{cursor:pointer;font-weight:550}.timing-box p{font-size:13px;line-height:1.9;color:#505760}.time-line{display:flex;border-radius:10px;overflow:hidden;min-height:44px;margin:20px 0}.time-line span{display:grid;place-items:center;font-size:12px;background:#dfeafa;color:#214b77;white-space:nowrap;padding:8px}.time-line span+span{background:#e4f1eb;color:#28624d}.timing-box input{width:95px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);display:block;margin:10px 0}.timing-box output{float:none;display:block;line-height:1.8;color:var(--green)}.source-links a{font-size:11px;color:var(--muted)}
@media(max-width:760px){.lesson-phases{gap:5px;margin-bottom:28px}.lesson-phases button{font-size:10px;flex-direction:column;gap:5px;padding:10px 4px}.word-teach{padding:17px 14px}.word-teach>span:first-child{font-size:16px}.word-teach small{font-size:11px}.word-teach .speaker{right:11px;top:18px}.coach-note p{font-size:13px}.chunk{padding:17px 13px;gap:10px}.chunk strong{font-size:19px}.chunk small{font-size:11px}.assembled{padding:20px}.assembled p[lang]{font-size:20px}.ladder-step p[lang]{font-size:19px}.speaking-ladder h2{font-size:15px}}

.dialogue-preview{border:1px solid var(--line);border-radius:20px;padding:20px;margin:24px 0;font-size:14px;line-height:1.8}.dialogue-preview summary{cursor:pointer;font-weight:600}.dialogue-preview>p{margin:16px 0}.dialogue-turn{border-top:1px solid var(--line);padding:20px 0}.dialogue-turn h3{font-size:13px;margin:0 0 14px}.dialogue-turn>small{display:block;color:var(--muted);margin:14px 0 8px}.dialogue-line{display:block;width:100%;text-align:left;border:0;border-radius:14px;background:var(--soft);padding:16px;font:inherit;cursor:pointer}.dialogue-line>span[lang]{display:block;font-size:18px;line-height:1.7;overflow-wrap:anywhere}.dialogue-line>small{display:block;color:var(--muted);margin:8px 0}.dialogue-line.playing{outline:2px solid var(--ink)}