.lesson-article :is(h1,h2,h3,h4){position:relative}.lesson-article .heading-anchor{text-decoration:none;color:inherit}.lesson-article :is(h1,h2,h3,h4) .heading-anchor:after{content:" #";color:#94a3b8;opacity:0;transition:opacity .2s ease;font-weight:400}.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:#585b70}.lesson-article blockquote{border-left:none;border-radius:.75rem;background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border:1px solid #e0e7ff;padding:1.125rem 1.25rem 1.125rem 3rem;font-style:normal;position:relative;margin:1.5rem 0}.lesson-article blockquote:before{content:"";position:absolute;left:.875rem;top:1.125rem;width:1.125rem;height:1.125rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%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 17l4.6 0'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.lesson-article blockquote p{font-size:.8125rem;line-height:1.6;color:#1e293b;margin:0}.lesson-article blockquote p:first-child{margin-top:0}.lesson-article blockquote p:last-child{margin-bottom:0}.lesson-article blockquote code{background:#e0e7ff;color:#3730a3;padding:.1rem .35rem;border-radius:.25rem;font-size:.75rem}.lesson-article blockquote strong{color:#1e1b4b}.diagram-wrap{margin:1.5rem 0;padding:1.25rem;background:#fafafa;border:1px solid #e4e4e7;border-radius:.75rem}html.dark .lesson-article{--tw-prose-body: #cdd6f4;--tw-prose-headings: #eff1f8;--tw-prose-links: #89b4fa;--tw-prose-bold: #eff1f8;--tw-prose-code: #e2e8f4;--tw-prose-pre-bg: #181825;--tw-prose-th-borders: #45475a;--tw-prose-td-borders: #45475a}html.dark .lesson-article h1,html.dark .lesson-article h2,html.dark .lesson-article h3,html.dark .lesson-article h4{color:#eff1f8}html.dark .lesson-article p,html.dark .lesson-article li{color:#cdd6f4}html.dark .lesson-article a{color:#89b4fa}html.dark .lesson-article strong{color:#eff1f8}html.dark .lesson-article code:not(pre code){background:#383a4e;color:#e2e8f4}html.dark .lesson-article hr{border-color:#45475a}html.dark .lesson-article blockquote{background:linear-gradient(135deg,#89b4fa1a,#cba6f71a);border-color:#505270}html.dark .lesson-article blockquote:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2396bfff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%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 17l4.6 0'/%3E%3C/svg%3E")}html.dark .lesson-article blockquote p{color:#cdd6f4}html.dark .lesson-article blockquote code{background:#89b4fa2e;color:#96bfff}html.dark .lesson-article blockquote strong{color:#eff1f8}html.dark .diagram-wrap{background:#181825;border-color:#313244}.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:3rem}.lesson-nav-link{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border:1px solid #e4e4e7;border-radius:.75rem;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease;background:#fff}.lesson-nav-link:hover{border-color:#a1a1aa;background:#fafafa;transform:translateY(-1px)}.lesson-nav-next{text-align:right;align-items:flex-end}.lesson-nav-dir{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#a1a1aa}.lesson-nav-title{font-size:.8125rem;font-weight:600;color:#27272a;line-height:1.35}html.dark .lesson-nav-link{border-color:#313244;background:#1e1e2e}html.dark .lesson-nav-link:hover{border-color:#585b70;background:#181825}html.dark .lesson-nav-dir{color:#6c7086}html.dark .lesson-nav-title{color:#cdd6f4}@media(max-width:480px){.lesson-nav{grid-template-columns:1fr}}.lesson-report-bug{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e4e4e7;text-align:center}.lesson-report-bug-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#a1a1aa;text-decoration:none;transition:color .2s ease;letter-spacing:-.025em}.lesson-report-bug-link:hover{color:#ef4444}html.dark .lesson-report-bug{border-top-color:#313244}html.dark .lesson-report-bug-link{color:#6c7086}html.dark .lesson-report-bug-link:hover{color:#f38ba8}
