.method-path{display:grid;grid-template-columns:repeat(var(--steps),1fr);gap:6px;margin:0 0 20px}.method-path span{height:7px;border-radius:7px;background:#dfe8db}.method-path span.on{background:var(--g)}.method-caption{display:flex;justify-content:space-between;gap:12px;color:var(--mut);font-size:12px;margin-bottom:14px}.method-caption b{color:var(--gd)}
.method-task{background:#f1f6ee;border-radius:16px;padding:22px;min-height:300px;display:grid;align-content:center}.method-task h3{font-size:22px;margin:0 0 8px}.method-task>p{color:var(--mut);line-height:1.55;margin:0 0 18px;max-width:65ch}.method-audio{width:86px;height:86px;border:0;border-radius:50%;background:var(--gd);color:#fff;font-size:28px;cursor:pointer;margin-bottom:16px}.keyword-bank,.method-choices,.outline-list,.dialogue-goals{display:flex;gap:9px;flex-wrap:wrap}.keyword,.method-choice,.outline-item{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 14px;cursor:pointer;font-weight:750}.keyword.selected,.method-choice.selected,.outline-item.selected{background:#def3d2;border-color:#6bb24d}.question-parts{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 18px}.question-part{border:2px solid transparent;background:#fff;border-radius:12px;padding:12px 15px;cursor:pointer;font-size:20px;font-weight:900}.question-part.object{border-color:#6bb24d}.question-part.info{border-color:#e2b436}.strategy-note{background:#fff8d8;border-radius:13px;padding:13px 15px;font-size:13px;line-height:1.5}.evidence-line{background:#e8f1ff;color:#28578d;border-radius:12px;padding:13px 15px;margin-top:13px;font-weight:750}.turn-card{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start;background:#fff;border-radius:14px;padding:14px;margin-bottom:12px}.turn-avatar{width:48px;height:48px;border-radius:13px;background:var(--y);display:grid;place-items:center;font-weight:900}.turn-text{font-size:18px;line-height:1.5}.cue-board{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cue-card{background:#fff;border-radius:13px;padding:15px;font-size:18px;font-weight:850}.support-meter{display:flex;gap:5px;margin:12px 0}.support-meter i{height:8px;flex:1;background:#dfe8db;border-radius:8px}.support-meter i.on{background:var(--g)}.writing-sample{background:#fff;border-radius:14px;padding:16px;font-size:17px;line-height:1.7}.blank-line{display:inline-block;min-width:100px;border-bottom:2px solid var(--gd);color:var(--gd);font-weight:850;text-align:center}.picture-cues{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.picture-cue{min-height:110px;background:#fff;border-radius:13px;display:grid;place-items:center;text-align:center;padding:10px;font-weight:850}.reading-text{background:#fff;border-radius:14px;padding:17px;font-size:17px;line-height:1.75}.reading-text mark{background:#fff1a8;padding:2px 4px;border-radius:4px}.phase-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px}.phase-actions .btn.primary{min-width:170px}.method-hint{font-size:12px;color:var(--mut)}
.teacher-card{display:grid;grid-template-columns:74px 1fr;gap:16px;background:#fff8d8;border:1px solid #f0dc83;border-radius:16px;padding:18px}.teacher-card small{color:var(--gd);font-weight:900}.teacher-card h3{margin-top:4px}.teacher-card p{color:var(--mut);line-height:1.55}.teacher-avatar{width:68px;height:68px;border-radius:20px;background:var(--gd);color:#fff;display:grid;place-items:center;text-align:center;font-weight:900}.focus-signals{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.focus-signals span{background:#fff;border:1px solid #e2c85d;border-radius:10px;padding:7px 10px;font-weight:850}.turn-progress{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.turn-step{background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12px;font-weight:800;color:var(--mut)}.turn-step.done{background:#def3d2;border-color:#6bb24d;color:var(--gd)}.turn-step.current{background:#fff1b8;border-color:#e2b436;color:#694e00}.sentence-count{margin-top:8px;color:var(--mut);font-size:12px;font-weight:800}
@media(max-width:760px){.method-task{padding:17px;min-height:0}.method-caption{display:block}.method-caption span{display:block;margin-top:4px}.cue-board,.picture-cues{grid-template-columns:1fr}.question-part{font-size:17px}.turn-text,.reading-text,.writing-sample{font-size:15px}.teacher-card{grid-template-columns:1fr}.teacher-avatar{width:58px;height:58px;border-radius:16px}}