.lesson>div{display:grid;gap:6px}.lesson small{color:#9b6b28;font-weight:800}.lesson b{font-size:18px}.lesson.completed{border-color:var(--green);background:#f2fff8}.lesson.today{outline:3px solid var(--gold)}.stage-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.stage-tabs span{padding:8px 11px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800}.lesson-page{max-width:850px;margin:0 auto;padding:45px 24px}.back{border:0;background:none;font-weight:800;cursor:pointer}.lesson-page h1{font-size:clamp(32px,6vw,54px);margin:10px 0}.lead{font-size:20px;color:#657078}.knowledge{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:24px;margin:25px 0}.method{border-left:5px solid var(--red);background:#fff7dd;padding:14px 18px;margin:18px 0}.knowledge article{border-top:1px solid var(--line);padding-top:12px}.speak{border:1px solid var(--blue);background:#edf3ff;border-radius:99px;padding:10px 16px;font-weight:800}.speech-note{font-size:12px;color:#777}.lesson-page form{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:24px}.lesson-page fieldset{border:1px solid var(--line);border-radius:10px;margin:14px 0;padding:15px}.lesson-page fieldset label{display:block;padding:8px;background:#faf8f3;margin:6px 0;border-radius:7px}.lesson-page fieldset.right{border-color:var(--green);background:#f2fff8}.lesson-page fieldset.wrong{border-color:var(--red);background:#fff1ed}.feedback{font-size:13px;margin-top:8px}.node{display:grid;gap:4px}.node small{font-size:11px;color:#777}.node.active{background:#fff7dd;border-color:var(--gold)}.loading{text-align:center;padding:100px}@media(max-width:600px){.lesson{align-items:flex-start;flex-direction:column}.lesson .primary{width:100%}.lesson-page{padding:28px 16px}.knowledge,.lesson-page form{padding:17px}.stage-tabs{overflow:auto;flex-wrap:nowrap}.stage-tabs span{white-space:nowrap}}