.lesson-body.svelte-mo18rc{gap:58px;display:grid}.lesson-meta.svelte-mo18rc{justify-content:space-between;align-items:center;gap:var(--space-3);border:var(--border-soft);border-radius:var(--radius-sharp);background:var(--surface-soft);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.lesson-meta.svelte-mo18rc a:where(.svelte-mo18rc){color:var(--surface-accent-strong);font-size:.82rem;font-weight:900;text-decoration:none}.lesson-meta.svelte-mo18rc span:where(.svelte-mo18rc){color:var(--surface-muted);font-size:.78rem;font-weight:750}.lesson-objectives.svelte-mo18rc{gap:var(--space-3);display:grid}.lesson-objectives.svelte-mo18rc h2:where(.svelte-mo18rc){margin:0;font-size:1.12rem}.lesson-objectives.svelte-mo18rc>div:where(.svelte-mo18rc){gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lesson-objectives.svelte-mo18rc p:where(.svelte-mo18rc){gap:var(--space-2);border:var(--border-soft);border-radius:var(--radius-sharp);padding:var(--space-3);color:var(--surface-muted);grid-template-columns:auto 1fr;margin:0;font-size:.84rem;line-height:1.58;display:grid}.lesson-objectives.svelte-mo18rc p:where(.svelte-mo18rc) svg{color:var(--surface-success);margin-top:2px}.lesson-section.svelte-mo18rc{gap:var(--space-4);scroll-margin-top:24px;display:grid}.lesson-section.svelte-mo18rc>h2:where(.svelte-mo18rc){font-family:var(--font-display);margin:0;font-size:clamp(1.7rem,3vw,2.15rem);line-height:1.12}.lesson-section.svelte-mo18rc>p:where(.svelte-mo18rc){max-width:76ch;color:var(--surface-muted);margin:0;font-size:.95rem;line-height:1.75}.lesson-bullets.svelte-mo18rc{gap:var(--space-2);margin:var(--space-1) 0 0;color:var(--surface-muted);padding-left:24px;font-size:.9rem;line-height:1.65;list-style:outside;display:grid}.section-visual.svelte-mo18rc{margin:2px 0 var(--space-1);border:var(--border-soft);border-radius:var(--radius-media);background:var(--surface-soft);aspect-ratio:30/17;overflow:hidden}.section-visual.svelte-mo18rc img:where(.svelte-mo18rc){aspect-ratio:30/17;object-fit:contain;width:100%;height:auto;display:block}.concept-grid.svelte-mo18rc{gap:var(--space-3);margin-top:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.concept-grid.svelte-mo18rc article:where(.svelte-mo18rc){align-content:start;gap:var(--space-2);border:var(--border-soft);border-radius:var(--radius-sharp);background:var(--surface-panel);padding:0 var(--space-4) var(--space-4);display:grid;overflow:hidden}.concept-grid.svelte-mo18rc article:where(.svelte-mo18rc)>img:where(.svelte-mo18rc){width:calc(100% + 32px);max-width:none;height:auto;margin:0 -16px var(--space-2);aspect-ratio:30/17;border-bottom:1px solid var(--surface-line);object-fit:contain;display:block}.concept-grid.svelte-mo18rc code:where(.svelte-mo18rc){border:var(--border-soft);border-radius:var(--radius-sharp);background:var(--surface-soft);padding:var(--space-1) var(--space-2);color:var(--surface-ink);justify-self:start;font-size:.78rem;font-weight:850}.concept-grid.svelte-mo18rc p:where(.svelte-mo18rc),.concept-grid.svelte-mo18rc small:where(.svelte-mo18rc){color:var(--surface-muted);margin:0;font-size:.84rem;line-height:1.58}.concept-grid.svelte-mo18rc small:where(.svelte-mo18rc){border-top:1px solid var(--surface-line);padding-top:var(--space-2);font-size:.78rem}.comparison-wrap.svelte-mo18rc{max-width:100%;margin-top:var(--space-2);border:var(--border-soft);border-radius:var(--radius-sharp);overflow-x:auto}.comparison-wrap.svelte-mo18rc table:where(.svelte-mo18rc){border-collapse:collapse;background:var(--surface-panel);width:100%;min-width:720px}.comparison-wrap.svelte-mo18rc caption:where(.svelte-mo18rc){border-bottom:var(--border-soft);padding:var(--space-3) var(--space-4);color:var(--surface-ink);text-align:left;font-size:.86rem;font-weight:850}.comparison-wrap.svelte-mo18rc th:where(.svelte-mo18rc),.comparison-wrap.svelte-mo18rc td:where(.svelte-mo18rc){border-bottom:1px solid var(--surface-line);padding:var(--space-3);color:var(--surface-muted);text-align:left;vertical-align:top;font-size:.82rem;line-height:1.55}.comparison-wrap.svelte-mo18rc th:where(.svelte-mo18rc){background:var(--surface-soft);color:var(--surface-ink);font-size:.78rem}.comparison-wrap.svelte-mo18rc tbody:where(.svelte-mo18rc) tr:where(.svelte-mo18rc):last-child td:where(.svelte-mo18rc){border-bottom:0}.example-grid.svelte-mo18rc{gap:var(--space-3);margin-top:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.example-grid.svelte-mo18rc article:where(.svelte-mo18rc){align-content:start;gap:var(--space-3);border:var(--border-soft);border-radius:var(--radius-sharp);background:var(--surface-panel);padding:var(--space-4);display:grid;overflow:hidden}.example-grid.svelte-mo18rc>article:where(.svelte-mo18rc)>span:where(.svelte-mo18rc){border:1.5px solid var(--surface-ink);border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface-accent) 13%,var(--surface-panel));padding:2px var(--space-2);color:var(--surface-accent-strong);letter-spacing:.07em;text-transform:uppercase;justify-self:start;font-size:.66rem;font-weight:900}.example-grid.svelte-mo18rc>article:where(.svelte-mo18rc)>img:where(.svelte-mo18rc){aspect-ratio:30/17;border-block:1px solid var(--surface-line);object-fit:contain;width:calc(100% + 32px);max-width:none;height:auto;margin:0 -16px;display:block}.example-grid.svelte-mo18rc h3:where(.svelte-mo18rc),.example-grid.svelte-mo18rc p:where(.svelte-mo18rc){margin:0}.example-grid.svelte-mo18rc h3:where(.svelte-mo18rc){font-size:1rem;line-height:1.35}.example-situation.svelte-mo18rc,.example-prompt.svelte-mo18rc,.example-takeaway.svelte-mo18rc{gap:var(--space-2);display:grid}.example-situation.svelte-mo18rc strong:where(.svelte-mo18rc),.example-prompt.svelte-mo18rc>strong:where(.svelte-mo18rc),.example-takeaway.svelte-mo18rc strong:where(.svelte-mo18rc){color:var(--surface-ink);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:900}.example-grid.svelte-mo18rc p:where(.svelte-mo18rc){color:var(--surface-muted);font-size:.85rem;line-height:1.66}.example-takeaway.svelte-mo18rc{border-left:3px solid var(--surface-success);border-radius:0 var(--radius-sharp) var(--radius-sharp) 0;background:var(--surface-soft);padding:var(--space-3)}.example-takeaway.svelte-mo18rc p:where(.svelte-mo18rc){color:var(--surface-ink);font-size:.8rem;line-height:1.58}.example-grid.svelte-mo18rc pre:where(.svelte-mo18rc){border-radius:var(--radius-sharp);background:var(--surface-ink);max-width:100%;padding:var(--space-3);color:var(--surface-panel);white-space:pre-wrap;margin:0;overflow:auto}.example-grid.svelte-mo18rc pre:where(.svelte-mo18rc) code:where(.svelte-mo18rc){font-size:.78rem;line-height:1.58}.playground-lab.svelte-mo18rc{gap:var(--space-4);margin-top:var(--space-3);border:var(--border-strong);border-radius:var(--radius-sharp);background:color-mix(in srgb, var(--surface-sky) 8%, var(--surface-panel));padding:var(--space-5);display:grid}.playground-lab.svelte-mo18rc>header:where(.svelte-mo18rc){justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.playground-lab.svelte-mo18rc header:where(.svelte-mo18rc)>div:where(.svelte-mo18rc){gap:var(--space-1);display:grid}.playground-lab.svelte-mo18rc header:where(.svelte-mo18rc) span:where(.svelte-mo18rc){color:var(--surface-sky);letter-spacing:.09em;text-transform:uppercase;font-size:.69rem;font-weight:900}.playground-lab.svelte-mo18rc h3:where(.svelte-mo18rc){font-family:var(--font-display);margin:0;font-size:1.25rem}.playground-lab.svelte-mo18rc header:where(.svelte-mo18rc) a:where(.svelte-mo18rc){align-items:center;gap:var(--space-2);border:var(--border-strong);border-radius:var(--radius-sharp);background:var(--surface-ink);min-height:44px;padding:0 var(--space-3);color:var(--surface-panel);white-space:nowrap;box-shadow:var(--shadow-raised);font-size:.78rem;font-weight:850;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.playground-lab.svelte-mo18rc header:where(.svelte-mo18rc) a:where(.svelte-mo18rc):hover{box-shadow:var(--shadow-lifted);transform:translate(-2px,-2px)}.playground-lab.svelte-mo18rc header:where(.svelte-mo18rc) a:where(.svelte-mo18rc):active{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.playground-lab.svelte-mo18rc>p:where(.svelte-mo18rc){max-width:75ch;color:var(--surface-muted);margin:0;font-size:.88rem;line-height:1.65}.lab-columns.svelte-mo18rc{gap:var(--space-4);grid-template-columns:.8fr 1.2fr;display:grid}.lab-columns.svelte-mo18rc>div:where(.svelte-mo18rc),.observe.svelte-mo18rc{align-content:start;gap:var(--space-2);display:grid}.lab-columns.svelte-mo18rc strong:where(.svelte-mo18rc),.observe.svelte-mo18rc strong:where(.svelte-mo18rc){font-size:.82rem}.lab-columns.svelte-mo18rc ol:where(.svelte-mo18rc),.observe.svelte-mo18rc ul:where(.svelte-mo18rc){gap:var(--space-2);color:var(--surface-muted);margin:0;padding-left:23px;font-size:.82rem;line-height:1.58;list-style-position:outside;display:grid}.lab-columns.svelte-mo18rc ol:where(.svelte-mo18rc){list-style:decimal}.observe.svelte-mo18rc ul:where(.svelte-mo18rc){list-style:outside}.lab-columns.svelte-mo18rc pre:where(.svelte-mo18rc){border:var(--border-soft);border-radius:var(--radius-sharp);background:var(--surface-panel);max-width:100%;padding:var(--space-3);white-space:pre-wrap;margin:0;overflow:auto}.lab-columns.svelte-mo18rc code:where(.svelte-mo18rc){color:var(--surface-ink);font-size:.78rem;line-height:1.58}.observe.svelte-mo18rc{border-top:var(--border-soft);padding-top:var(--space-4)}.lesson-note.svelte-mo18rc{border-left:3px solid var(--surface-success);background:var(--surface-soft);padding:var(--space-3) var(--space-4);font-weight:700;max-width:none!important;color:var(--surface-ink)!important}@media (width<=780px){.lesson-objectives.svelte-mo18rc>div:where(.svelte-mo18rc),.concept-grid.svelte-mo18rc,.example-grid.svelte-mo18rc,.lab-columns.svelte-mo18rc{grid-template-columns:1fr}.playground-lab.svelte-mo18rc>header:where(.svelte-mo18rc){flex-direction:column;align-items:stretch}.playground-lab.svelte-mo18rc header:where(.svelte-mo18rc) a:where(.svelte-mo18rc){justify-content:center}.comparison-wrap.svelte-mo18rc table:where(.svelte-mo18rc){min-width:560px}}@media (prefers-reduced-motion:reduce){.playground-lab.svelte-mo18rc header:where(.svelte-mo18rc) a:where(.svelte-mo18rc){transition:none}.playground-lab.svelte-mo18rc header:where(.svelte-mo18rc) a:where(.svelte-mo18rc):hover,.playground-lab.svelte-mo18rc header:where(.svelte-mo18rc) a:where(.svelte-mo18rc):active{transform:none}}