.lesson-page .topbar{justify-content:space-between}.lesson-back{font-size:14px;color:var(--accent);padding:12px}.lesson-document{max-width:1160px;margin:auto;padding:28px 32px 56px}.lesson-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:26px}.lesson-breadcrumb a{color:var(--accent)}.lesson-heading{max-width:900px;margin-bottom:30px}.lesson-identity{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.lesson-identity img{border-radius:50%;background:var(--soft)}.lesson-heading h1{font-size:clamp(27px,3vw,38px);line-height:1.4;margin:16px 0 12px;text-wrap:pretty}.lesson-goal{font-size:17px;line-height:1.8;color:var(--text)}.lesson-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.lesson-actions a,.lesson-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;padding:11px 16px;text-align:center;line-height:1.5}.lesson-status{font-size:13px;line-height:1.8;color:var(--muted)}.lesson-status strong{font-weight:500;color:var(--text)}.lesson-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;margin:30px 0}.lesson-step{min-width:0}.lesson-step-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.lesson-step-heading span{width:28px;height:28px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:50%;flex:none;font-size:14px;font-variant-numeric:tabular-nums}.lesson-step h2,.lesson-note h2,.lesson-source h2{font-size:18px;line-height:1.5;margin:0}.lesson-step a{display:block;border-radius:6px;overflow:hidden}.lesson-step img{display:block;width:100%;height:auto;background:var(--panel)}.lesson-step p{font-size:15px;line-height:1.85;margin:12px 0 0;color:var(--text)}.lesson-note,.lesson-source{padding-top:24px;border-top:1px solid var(--line);margin-top:30px}.lesson-note p,.lesson-source p{font-size:14px;color:var(--muted);line-height:1.9;max-width:80ch}.lesson-source>a{color:var(--accent);font-size:14px;overflow-wrap:anywhere}.lesson-message{min-height:24px;color:var(--accent);font-size:14px}.lesson-page .footer{flex-wrap:wrap;gap:16px}.lesson-page .footer a{color:var(--accent)}.lesson-page :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.lesson-actions button:active,.lesson-actions a:active{transform:scale(.98)}@media(max-width:650px){.lesson-document{padding:20px 18px 36px}.lesson-steps{grid-template-columns:1fr;gap:28px}.lesson-breadcrumb{margin-bottom:22px}.lesson-heading h1{font-size:27px}.lesson-goal{font-size:15px}.lesson-actions{gap:8px}.lesson-actions a,.lesson-actions button{flex:1 1 150px}.lesson-page .topbar{padding:14px 18px}}@media(prefers-reduced-motion:reduce){.lesson-actions button:active,.lesson-actions a:active{transform:none}}
.lesson-actions .outline-link{background:var(--panel);color:var(--accent);border-color:var(--line)}