:root{--lc-bg:#1c1c22;--lc-bg-elevated:#23242d;--lc-border:#343647;--lc-text:#f4f7fb;--lc-text-muted:#a0a6b8;--lc-text-soft:#c4cad8;--lc-accent:#20c7f3;--lc-danger:#e71d36}.lesson-content{color:var(--lc-text);font-family:Space Grotesk,system-ui,sans-serif;font-size:18px;line-height:1.7}.lesson-content h2{color:var(--lc-text);margin:2.25rem 0 .75rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.3rem;font-weight:700}.lesson-content h3{color:var(--lc-text);margin:1.5rem 0 .5rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.05rem;font-weight:700}.lesson-content p{color:var(--lc-text);margin:0 0 1.1rem}.lesson-content a{color:var(--lc-accent);text-underline-offset:2px;text-decoration:underline #20c7f373;transition:text-decoration-color .15s}.lesson-content a:hover{text-decoration-color:var(--lc-accent)}.lesson-content strong{color:var(--lc-text)}.lesson-content em{color:var(--lc-text-soft)}.lesson-content code,.lesson-content pre{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em}.lesson-content code{background:var(--lc-bg-elevated);color:var(--lc-accent);border:1px solid var(--lc-border);border-radius:4px;padding:.1em .4em}.lesson-content pre{border:1px solid var(--lc-border);color:var(--lc-text);background:#161619;border-radius:8px;padding:1rem 1.25rem;line-height:1.6;overflow-x:auto}.lesson-content pre code{color:inherit;background:0 0;border:none;padding:0}.lesson-content blockquote{border-left:3px solid var(--lc-accent);color:var(--lc-text-muted);margin:1.5rem 0;padding:.5rem 0 .5rem 1.25rem;font-style:italic}.lesson-content ul,.lesson-content ol{color:var(--lc-text);padding-left:1.25rem}.lesson-content li{margin-bottom:.4rem}.lesson-content li::marker{color:var(--lc-accent)}.lesson-content table{-webkit-overflow-scrolling:touch;border-collapse:collapse;width:100%;max-width:100%;margin:1.25rem 0 1.6rem;font-size:.95rem;line-height:1.45;display:block;overflow-x:auto}.lesson-content thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--lc-accent);border-bottom:1px solid var(--lc-border);white-space:nowrap;background:#20c7f30f;padding:.6rem .75rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem}.lesson-content tbody td{border-bottom:1px solid var(--lc-border);vertical-align:top;color:var(--lc-text-soft);padding:.7rem .75rem}.lesson-content tbody tr:last-child td{border-bottom:none}.lesson-content tbody tr:nth-child(2n) td{background:#ffffff05}.lesson-content table strong{color:var(--lc-text)}.lesson-content{overflow-wrap:anywhere}.lesson-content .diagram{border:1px solid var(--lc-border);text-align:center;background:#fbf9f4;border-radius:8px;margin:1.5rem 0;padding:1.25rem}.lesson-content .diagram svg{max-width:100%;height:auto}.lesson-content aside.callout{background:var(--lc-bg-elevated);border:1px solid var(--lc-border);border-left:3px solid var(--lc-accent);color:var(--lc-text-soft);border-radius:8px;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.96rem}.lesson-content aside.callout .label{letter-spacing:.16em;text-transform:uppercase;color:var(--lc-accent);margin-bottom:.4rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:block}.lesson-content aside.callout a{color:var(--lc-accent)}.lesson-content details{background:var(--lc-bg-elevated);border:1px solid var(--lc-border);cursor:pointer;color:var(--lc-text);border-radius:8px;margin:1rem 0;padding:.75rem 1rem}.lesson-content details summary{color:var(--lc-accent);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem;font-weight:600}.lesson-content details[open] summary{margin-bottom:.5rem}.lesson-content details p{color:var(--lc-text-soft);font-size:.95rem}.lesson-content .quiz{background:var(--lc-bg-elevated);border:1px solid var(--lc-border);border-radius:8px;margin:1.5rem 0;padding:1.25rem}.lesson-content .quiz .q{color:var(--lc-text);margin:0 0 .75rem;font-size:1rem;font-weight:600}.lesson-content .quiz .options{flex-direction:column;gap:.5rem;display:flex}.lesson-content .quiz button{text-align:left;background:var(--lc-bg);border:1px solid var(--lc-border);cursor:pointer;color:var(--lc-text-soft);border-radius:6px;padding:.6rem .85rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:.95rem;transition:border-color .15s,background .15s,color .15s}.lesson-content .quiz button:not(:disabled):hover{border-color:var(--lc-accent);color:var(--lc-text)}.lesson-content .quiz button:focus-visible{outline:2px solid var(--lc-accent);outline-offset:2px}.lesson-content .quiz button.correct{border-color:var(--lc-accent);color:var(--lc-text);background:#20c7f31f}.lesson-content .quiz button.wrong{border-color:var(--lc-danger);color:var(--lc-text);background:#e71d3626}.lesson-content .quiz button:disabled{cursor:default;opacity:.72}.lesson-content .quiz button.correct:disabled{opacity:1}.lesson-content .quiz .feedback{color:var(--lc-text-muted);min-height:1.2em;margin-top:.75rem;font-size:.92rem}.lesson-content .quiz .feedback strong{color:var(--lc-accent)}.lesson-content .prompt{border:1px solid var(--lc-border);border-left:3px solid var(--lc-accent);color:var(--lc-text);background:linear-gradient(135deg,#20c7f314,#70a7ed0d);border-radius:8px;margin:2rem 0 0;padding:1.25rem 1.5rem;font-size:.96rem}.lesson-content .prompt .label{letter-spacing:.16em;text-transform:uppercase;color:var(--lc-accent);margin-bottom:.4rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:block}.lesson-content footer.foot{border-top:1px solid var(--lc-border);color:var(--lc-text-muted);margin-top:2.5rem;padding-top:1.25rem;font-size:.9rem}.lesson-content footer.foot a{color:var(--lc-text-muted);border-bottom:1px dotted var(--lc-text-muted)}
