.lesson-nav{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:3rem;display:grid}.lesson-nav-link{background:#fff;border:1px solid #e4e4e7;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.875rem 1rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex}.lesson-nav-link:hover{background:#fafafa;border-color:#a1a1aa;transform:translateY(-1px)}.lesson-nav-next{text-align:right;align-items:flex-end}.lesson-nav-dir{text-transform:uppercase;letter-spacing:.04em;color:#a1a1aa;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.lesson-nav-title{color:#27272a;font-size:.8125rem;font-weight:600;line-height:1.35}html.dark .lesson-nav-link{background:#000;border-color:#1a1a1a}html.dark .lesson-nav-link:hover{background:#0a0a0a;border-color:#333}html.dark .lesson-nav-dir{color:#666}html.dark .lesson-nav-title{color:#ededed}@media (width<=480px){.lesson-nav{grid-template-columns:1fr}}.lesson-article :is(h1,h2,h3,h4){position:relative}.lesson-article .heading-anchor{color:inherit;text-decoration:none}.lesson-article :is(h1,h2,h3,h4) .heading-anchor:after{content:" #";color:#94a3b8;opacity:0;font-weight:400;transition:opacity .2s}.lesson-article :is(h1,h2,h3,h4):hover .heading-anchor:after{opacity:1}html.dark .lesson-article :is(h1,h2,h3,h4) .heading-anchor:after{color:#333}.lesson-article blockquote{--note-ink:#18181b;--note-mute:#52525b;box-shadow:none;quotes:none;background:0 0;border:none;border-radius:0;margin:2.25rem 0;padding:0 0 0 2rem;font-style:normal;position:relative}.lesson-article blockquote:before{content:"";background-color:var(--note-ink);width:.95rem;height:.95rem;position:absolute;top:.2rem;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7'/%3E%3Cpath d='M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3'/%3E%3Cpath d='M9.7 17h4.6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7'/%3E%3Cpath d='M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3'/%3E%3Cpath d='M9.7 17h4.6'/%3E%3C/svg%3E") 50%/contain no-repeat}.lesson-article blockquote:after{content:"";background:linear-gradient(to bottom, var(--note-ink), transparent 92%);opacity:.22;width:1px;height:calc(100% - 1.55rem);position:absolute;top:1.35rem;left:.42rem}.lesson-article blockquote p{letter-spacing:-.015em;color:var(--note-mute);margin:0;font-size:.875rem;line-height:1.65}.lesson-article blockquote p:before,.lesson-article blockquote p:after{content:none}.lesson-article blockquote p:first-child{margin-top:0}.lesson-article blockquote p:last-child{margin-bottom:0}.lesson-article blockquote p:first-child>strong:first-child{letter-spacing:.04em;color:var(--note-ink);margin:.05rem 0 .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;font-weight:600;line-height:1.3;display:block}.lesson-article blockquote strong{color:var(--note-ink);font-weight:600}.lesson-article .page-title{color:#18181b;margin:0 0 1.25rem}.lesson-article :not(pre)>code{letter-spacing:-.02em;color:#18181b;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:.3rem;padding:.12em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84em;font-weight:600}.lesson-article :not(pre)>code:before,.lesson-article :not(pre)>code:after{content:none}.diagram-wrap{background:#fafafa;border:1px solid #e4e4e7;border-radius:.75rem;margin:1.5rem 0;padding:1.25rem}html.dark .lesson-article{--tw-prose-body:#ededed;--tw-prose-headings:#ededed;--tw-prose-links:#fff;--tw-prose-bold:#ededed;--tw-prose-code:#e2e8f4;--tw-prose-pre-bg:#0a0a0a;--tw-prose-th-borders:#262626;--tw-prose-td-borders:#262626}html.dark .lesson-article h1,html.dark .lesson-article h2,html.dark .lesson-article h3,html.dark .lesson-article h4,html.dark .lesson-article .page-title,html.dark .lesson-article p,html.dark .lesson-article li{color:#ededed}html.dark .lesson-article a{color:#fff}html.dark .lesson-article strong{color:#ededed}html.dark .lesson-article :not(pre)>code{color:#fafafa;background:#171717;border-color:#2a2a2a}html.dark .lesson-article hr{border-color:#262626}html.dark .lesson-article blockquote{--note-ink:#ededed;--note-mute:#a1a1a1}html.dark .diagram-wrap{--diag-ok:#166534;--diag-ok-soft:#4ade8038;--diag-ok-fg:#86efac;--diag-no:#7f1d1d;--diag-no-soft:#ff636938;--diag-no-fg:#fca5a5;--diag-accent:#c4b5fd;--diag-accent-bg:#4c1d95;--diag-border:#3f3f46;--diag-label:#a1a1aa;--diag-text:#f4f4f5;background:#1a1a1a;border-color:#3f3f46}.lesson-report-bug{text-align:center;border-top:1px solid #e4e4e7;margin-top:3rem;padding-top:1.5rem}.lesson-report-bug-link{color:#a1a1aa;letter-spacing:-.025em;align-items:center;gap:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;text-decoration:none;transition:color .2s;display:inline-flex}.lesson-report-bug-link:hover{color:#ef4444}html.dark .lesson-report-bug{border-top-color:#1a1a1a}html.dark .lesson-report-bug-link{color:#666}html.dark .lesson-report-bug-link:hover{color:#ff6369}