.lesson-body{--lb-accent:var(--primary);max-width:68ch;color:var(--foreground);overflow-wrap:anywhere;word-break:normal;font-size:16px;line-height:1.85}@media (min-width:768px){.lesson-body{font-size:17px}}.lesson-body>*+*{margin-top:1.1em}.lesson-body :is(h2,h3,h4){scroll-margin-top:calc(var(--header-height,56px) + 16px);letter-spacing:.01em;font-weight:700;line-height:1.45;position:relative}.lesson-body h2{margin-top:2.2em;padding-top:.2em;font-size:1.32em}.lesson-body h3{margin-top:1.8em;font-size:1.14em}.lesson-body h4{color:var(--muted-foreground);margin-top:1.5em;font-size:1em}.lesson-body>:first-child{margin-top:0}.lesson-body .lb-anchor{color:var(--muted-foreground);opacity:0;transition:opacity var(--dur-fast,.12s);margin-left:.35em;text-decoration:none}.lesson-body :is(h2,h3,h4):hover .lb-anchor,.lesson-body .lb-anchor:focus-visible{opacity:1}@media (hover:none){.lesson-body .lb-anchor{opacity:.45}}.lesson-body strong{font-weight:700}.lesson-body em{background:linear-gradient(transparent 62%, color-mix(in oklch, var(--highlight) 75%, transparent) 62%);padding:0 .08em;font-style:normal}.lesson-body figcaption em{background:0 0;padding:0}.lesson-body .lb-image-missing{border:1px dashed var(--border);color:var(--muted-foreground);border-radius:8px;padding:.15em .6em;font-size:.88em;display:inline-block}.lesson-body a{color:var(--primary);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.lesson-body a:hover{text-decoration-thickness:2px}.lesson-body :not(pre)>code{background:var(--muted);font-family:var(--font-mono);border-radius:6px;padding:.12em .4em;font-size:.88em}.lesson-body del{color:var(--muted-foreground)}.lesson-body :is(ul,ol){padding-left:1.4em}.lesson-body ul{list-style:outside}.lesson-body ol{list-style:decimal}.lesson-body li+li,.lesson-body li>:is(ul,ol){margin-top:.35em}.lesson-body li::marker{color:var(--muted-foreground)}.lesson-body li:has(>input[type=checkbox]){margin-left:-1.3em;list-style:none}.lesson-body input[type=checkbox]{accent-color:var(--primary);margin-right:.5em}.lesson-body blockquote{border-left:3px solid var(--border);color:var(--muted-foreground);padding-left:1em}.lesson-body hr{border:0;border-top:1px solid var(--border);margin:2.2em 0}.lesson-body figure{margin:1.8em 0}.lesson-body img{border:1px solid var(--border);background:var(--muted);border-radius:10px;max-width:100%;height:auto;display:block}.lesson-body figcaption{color:var(--muted-foreground);margin-top:.6em;font-size:.86em;line-height:1.65}.lesson-body .lb-code{border:1px solid color-mix(in oklch, var(--foreground) 85%, transparent);background:color-mix(in oklch, var(--foreground) 96%, var(--primary));color:var(--background);border-radius:12px;margin:1.5em 0;position:relative;overflow:hidden}.dark .lesson-body .lb-code{border-color:var(--border);background:var(--surface);color:var(--foreground)}.lesson-body .lb-code-bar{border-bottom:1px solid color-mix(in oklch, currentColor 14%, transparent);font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;opacity:.85;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:12px;display:flex}.lesson-body .lb-code pre{font-family:var(--font-mono);tab-size:2;white-space:pre;word-break:normal;overflow-wrap:normal;margin:0;padding:14px 16px 16px;font-size:13px;line-height:1.7;overflow-x:auto}@media (min-width:768px){.lesson-body .lb-code pre{font-size:14px}}.lesson-body .lb-code pre code{font-family:inherit}.lesson-body .lb-table{margin:1.6em 0;position:relative}.lesson-body .lb-table-scroll{border:1px solid var(--border);background:var(--card);overscroll-behavior-x:contain;border-radius:12px;max-height:70vh;overflow:auto}.lesson-body table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;font-size:.92em;line-height:1.7}.lesson-body th,.lesson-body td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);min-width:7.5em;max-width:26em;padding:.65em .9em}.lesson-body :is(th,td)+:is(th,td){border-left:1px solid var(--border)}.lesson-body tr:last-child>td{border-bottom:0}.lesson-body th{z-index:1;background:var(--secondary);color:var(--secondary-foreground);white-space:nowrap;font-weight:700;position:sticky;top:0}.lesson-body tbody tr:nth-child(2n)>td{background:color-mix(in oklch, var(--muted) 55%, transparent)}.lesson-body th:empty{padding:.3em}.lesson-body .lb-table-fade{pointer-events:none;background:linear-gradient(to right, transparent, var(--card));opacity:0;width:36px;transition:opacity var(--dur-fast,.12s);border-radius:0 11px 11px 0;position:absolute;top:1px;bottom:1px;right:1px}.lesson-body .lb-table[data-more=true] .lb-table-fade{opacity:1}.lesson-body .lb-table-hint{color:var(--muted-foreground);margin-top:.4em;font-size:12px;display:none}.lesson-body .lb-table[data-overflow=true] .lb-table-hint{align-items:center;gap:4px;display:flex}.lesson-body .lb-callout{--c:var(--info);--c-tint:color-mix(in oklch, var(--c) 9%, var(--card));border:1px solid color-mix(in oklch, var(--c) 28%, var(--border));border-left:3px solid var(--c);background:var(--c-tint);border-radius:12px;margin:2em 0 1.6em;padding:1.15em 1.1em 1em 1.15em;position:relative}.lesson-body .lb-callout>.lb-callout-label{border:1px solid color-mix(in oklch, var(--c) 40%, var(--border));border-radius:var(--radius-pill,9999px);background:var(--card);letter-spacing:.06em;color:var(--c-ink,var(--foreground));align-items:center;gap:.35em;padding:.1em .7em;font-size:12.5px;font-weight:700;line-height:1.6;display:inline-flex;position:absolute;top:-.85em;left:.9em}.lesson-body .lb-callout-label svg{width:13px;height:13px;color:var(--c)}.lesson-body .lb-callout-title{margin:0 0 .35em;font-weight:700;line-height:1.6}.lesson-body .lb-callout-body>*+*{margin-top:.75em}.lesson-body .lb-callout-body>:first-child{margin-top:0}.lesson-body .lb-callout .lb-table,.lesson-body .lb-callout .lb-code,.lesson-body .lb-callout figure{margin:.9em 0 .2em}.lesson-body .lb-callout[data-kind=tip]{--c:var(--marker);--c-tint:color-mix(in oklch, var(--highlight) 30%, var(--card));--c-ink:var(--highlight-foreground)}.lesson-body .lb-callout[data-kind=info],.lesson-body .lb-callout[data-kind=note]{--c:var(--info)}.lesson-body .lb-callout[data-kind=warning]{--c:var(--warning);--c-ink:var(--warning-foreground)}.dark .lesson-body .lb-callout[data-kind=warning],.dark .lesson-body .lb-callout[data-kind=tip]{--c-ink:var(--foreground)}.lesson-body .lb-callout[data-kind=danger]{--c:var(--destructive)}.lesson-body .lb-callout:is([data-kind=important],[data-kind=steps],[data-kind=cards],[data-kind=stats],[data-kind=comparison],[data-kind=cta],[data-kind=details]){--c:var(--primary)}.lesson-body .lb-callout[data-kind=success]{--c:var(--success)}.lesson-body .lb-callout[data-kind=story]{--c:var(--muted-foreground);--c-tint:var(--surface)}.lesson-body .lb-callout[data-kind=quote]{--c:var(--primary);border:0;border-left:3px solid var(--c);background:0 0;border-radius:0;padding:.2em 0 .2em 1.2em;font-size:1.08em;font-weight:500}.lesson-body .lb-callout[data-kind=quote] .lb-callout-body>p:last-child:not(:first-child){color:var(--muted-foreground);font-size:.86em;font-weight:400}.lesson-body .lb-callout[data-kind=steps] ol{counter-reset:lb-step;padding-left:0;list-style:none}.lesson-body .lb-callout[data-kind=steps] ol>li{counter-increment:lb-step;min-height:1.9em;padding-left:2.6em;position:relative}.lesson-body .lb-callout[data-kind=steps] ol>li+li{margin-top:.8em}.lesson-body .lb-callout[data-kind=steps] ol>li:before{content:counter(lb-step);background:var(--primary);width:1.75em;height:1.75em;color:var(--primary-foreground);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.85em;font-weight:700;display:grid;position:absolute;top:.05em;left:0}.lesson-body .lb-callout[data-kind=steps] ol>li:not(:last-child):after{content:"";background:color-mix(in oklch, var(--primary) 25%, transparent);width:2px;position:absolute;top:2.05em;bottom:-.75em;left:calc(.875em - 1px)}.lesson-body .lb-callout[data-kind=steps] li>strong:first-child,.lesson-body .lb-callout[data-kind=cards] li>strong:first-child{display:block}.lesson-body .lb-callout[data-kind=cards] ul{grid-template-columns:repeat(auto-fit,minmax(13.5em,1fr));gap:.7em;padding-left:0;list-style:none;display:grid}.lesson-body .lb-callout[data-kind=cards] ul>li{border:1px solid var(--border);background:var(--card);border-radius:10px;margin:0;padding:.8em .95em;font-size:.94em;line-height:1.7}.lesson-body .lb-callout[data-kind=stats] ul{grid-template-columns:repeat(auto-fit,minmax(9.5em,1fr));gap:.7em;padding-left:0;list-style:none;display:grid}.lesson-body .lb-callout[data-kind=stats] ul>li{background:var(--card);color:var(--muted-foreground);border-radius:10px;margin:0;padding:.7em .9em;font-size:.88em}.lesson-body .lb-callout[data-kind=stats] ul>li>strong:first-child{color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.7em;line-height:1.3;display:block}.lesson-body details.lb-callout>summary{cursor:pointer;font-weight:700;list-style:none}.lesson-body details.lb-callout>summary::-webkit-details-marker{display:none}.lesson-body details.lb-callout>summary .lb-chevron{transition:transform var(--dur-fast,.12s);margin-right:.4em;display:inline-block}.lesson-body details.lb-callout[open]>summary .lb-chevron{transform:rotate(90deg)}.lesson-body details.lb-callout[open]>summary{margin-bottom:.6em}.lesson-body details.lb-callout>summary:focus-visible,.lesson-body .lb-anchor:focus-visible,.lesson-body a:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.lesson-body *{transition:none!important}}