.lesson-width{max-width:820px}.lesson-hero{padding-block:48px 54px;background:var(--bg-soft);border-bottom:1px solid var(--line)}.back{display:inline-block;margin-bottom:26px;color:var(--ink-soft);font-weight:700}.lesson-hero h1{max-width:16ch}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.lesson-body{padding-block:52px 82px}.lesson-body h2{margin-top:2.2em;padding-top:.8em;border-top:1px solid var(--line);font-size:1.65rem}.lesson-body h2:first-child{margin-top:0;padding-top:0;border:0}.lesson-body h3{margin-top:1.7em;font-size:1.15rem}.lesson-body li{margin-bottom:.5em}.lesson-body blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--blue);background:#f2f6ff;border-radius:0 12px 12px 0}.lesson-body blockquote p{margin:0}.lesson-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}.lesson-body th,.lesson-body td{padding:11px 12px;text-align:left;border:1px solid var(--line)}.lesson-body th{background:var(--bg-soft)}.lesson-body .chapter-opening{font-family:var(--font);font-size:1.2rem;line-height:1.72;color:var(--ink-soft);margin:0 0 36px}.lesson-body .key-idea{margin:32px 0;padding:24px 26px;background:var(--ink);color:#fff;border-radius:var(--radius-lg)}.lesson-body .key-idea strong{display:block;margin-bottom:6px;color:#8eb0ff;font:800 .75rem/1 var(--font);letter-spacing:.1em;text-transform:uppercase}.lesson-body .key-idea p{margin:0;font:600 1.15rem/1.55 var(--font)}.lesson-body .notation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.lesson-body .notation-example{min-width:0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.lesson-body .notation-canvas canvas{width:100%;height:150px;display:block}.lesson-body .figure-label{display:block;margin-top:-8px;color:var(--muted);font-size:.8rem;line-height:1.4}.lesson-body .worked-example{margin:28px 0;padding:24px;background:#f2f6ff;border:1px solid #dce6ff;border-radius:var(--radius-lg)}.lesson-body .worked-example h3{margin-top:0;color:var(--ink)}.lesson-body .checkpoint{margin:30px 0;padding:22px 24px;border:2px solid var(--ink);border-radius:var(--radius-lg)}.lesson-body .checkpoint h3{margin-top:0}.lesson-body details{margin:18px 0;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.lesson-body summary{cursor:pointer;font-weight:800}.interactive-lab{margin-top:48px;padding-top:34px;border-top:1px solid var(--line)}.interactive-lab>p{color:var(--ink-soft)}@media(max-width:620px){.lesson-body .notation-grid{grid-template-columns:1fr}}.course-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}.course-nav a{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-decoration:none}.course-nav a:hover{border-color:var(--blue)}.course-nav small{color:var(--muted)}.course-nav .next{text-align:right}@media(max-width:600px){.course-nav{grid-template-columns:1fr}.course-nav span:empty{display:none}.course-nav .next{text-align:left}}