.lesson{--reading:760px}.lesson-head,.lesson-frame{max-width:1180px;margin-inline:auto}.lesson-head{padding:8px 0 14px}.lesson-back{color:var(--muted);margin:6px 0 12px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.lesson-back:hover{color:var(--green)}.lesson-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin:0;font-size:.75rem;font-weight:700}.lesson-head h1{font-family:var(--font-display);margin:4px 0 6px;font-size:clamp(1.9rem,5vw,2.5rem);font-weight:600}.lesson-blurb{color:var(--muted);max-width:60ch;margin:0}.lesson-frame{background:0 0;border:0;width:100%;height:calc(min(100vw,1180px)/1.77778 + 260px);display:block}.lesson-notes{max-width:var(--reading);margin:40px auto 0;font-size:1.0625rem;line-height:1.7}.lesson-notes p{margin:0 0 14px}.lesson-notes ul,.lesson-notes ol{margin:0 0 14px;padding-left:1.3em}.lesson-notes li{margin:4px 0}.lesson-notes strong{font-weight:700}.lesson-toc{border:1.5px solid var(--line);background:var(--card);border-radius:14px;margin-bottom:32px;padding:14px 18px}.lesson-toc>span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.lesson-toc ol{margin:6px 0 0;font-size:.9375rem}.lesson-toc a{color:var(--ink);text-decoration:none}.lesson-toc a:hover{color:var(--green);text-decoration:underline}.lesson-section{margin-bottom:36px;scroll-margin-top:80px}.lesson-section h2,.lesson-summary h2{font-family:var(--font-display);align-items:center;gap:12px;margin:0 0 14px;font-size:1.5rem;font-weight:600;line-height:1.25;display:flex}.lesson-section-no{background:color-mix(in srgb, var(--green) 14%, var(--card));width:32px;height:32px;color:var(--green);border-radius:10px;flex-shrink:0;place-items:center;font-size:.9375rem;display:grid}.lesson-formula{background:var(--card);border:1.5px solid var(--line);border-radius:12px;justify-items:center;gap:2px;margin:6px 0 16px;padding:12px 14px;display:grid;overflow-x:auto}.lesson-formula .katex-display{margin:0}.lesson-formula-note{color:var(--muted);font-size:.875rem}.lesson-table-wrap{border:1.5px solid var(--line);background:var(--card);border-radius:12px;margin:4px 0 18px;overflow-x:auto}.lesson-table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.45}.lesson-table th{text-align:left;color:var(--muted);border-bottom:1.5px solid var(--line);white-space:nowrap;padding:10px 12px;font-size:.8125rem;font-weight:700}.lesson-table td{border-top:1px solid var(--line);vertical-align:top;padding:9px 12px}.lesson-table tr:first-child td{border-top:0}.lesson-callout{--tone:var(--green);border-left:4px solid var(--tone);background:color-mix(in srgb, var(--tone) 7%, var(--card));border-radius:14px;margin:6px 0 20px;padding:14px 16px 4px}.lesson-callout.trap{--tone:var(--wrong)}.lesson-callout.example{--tone:var(--color-pen-blue)}.lesson-callout.story{--tone:var(--color-mark-warning)}.lesson-callout-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--tone);font-size:.6875rem;font-weight:700;display:block}.lesson-callout-title{margin:2px 0 8px;font-size:1.0625rem;display:block}.lesson-callout .lesson-formula{background:var(--card)}.lesson-summary{border:2px solid var(--green);background:var(--card);border-radius:18px;margin-bottom:48px;padding:22px 22px 10px;scroll-margin-top:80px}.lesson-summary h3{color:var(--green);margin:18px 0 8px;font-size:1rem}.lesson-summary h3:first-of-type{margin-top:0}.lesson-concepts{padding-left:1.2em}.lesson-equations{grid-template-columns:max-content 1fr;gap:0;margin:0 0 12px;display:grid}.lesson-equations dt,.lesson-equations dd{border-top:1px solid var(--line);margin:0;padding:10px 12px}.lesson-equations dt{color:var(--muted);font-size:.875rem;font-weight:700}.lesson-equations dd{overflow-x:auto}.lesson-equations dt:first-of-type,.lesson-equations dt:first-of-type+dd{border-top:0}@media (max-width:640px){.lesson-notes{font-size:1rem}.lesson-summary{padding:18px 14px 6px}.lesson-equations{grid-template-columns:1fr}.lesson-equations dt{padding-bottom:0}.lesson-equations dd{border-top:0;padding-top:4px}}
