.lesson-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.breadcrumb-link{color:var(--color-accent);font-weight:600;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 60%,transparent);text-decoration-thickness:.08em;text-underline-offset:.2em}.breadcrumb-link:hover,.breadcrumb-link:focus-visible{color:var(--color-accent-secondary);text-decoration:underline}.breadcrumb-separator,.breadcrumb-current{color:var(--color-text-muted)}.breadcrumb-current,.lesson-title{overflow-wrap:anywhere}.lesson-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-5)}.lesson-category,.lesson-read-time{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.lesson-category{padding:var(--space-1) var(--space-3);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-bg-elevated) 88%,var(--color-bg))}.lesson-read-time__icon{width:.95rem;height:.95rem;color:var(--color-accent)}.lesson-read-time__icon circle,.lesson-read-time__icon path{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.lesson-title{max-width:16ch;font-size:clamp(2.1rem,5vw,3.75rem);line-height:1.05;letter-spacing:-.02em}.lesson-sidebar__section,.lesson-glossary{border-top:var(--border-width-default) solid var(--color-border);padding-top:var(--space-4)}.lesson-glossary{margin-top:var(--space-6)}.lesson-sidebar__eyebrow,.lesson-nav__label{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lesson-sidebar__meta{margin:var(--space-4) 0 0}.lesson-sidebar__meta div+div{margin-top:var(--space-4)}.lesson-sidebar__meta dt{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lesson-sidebar__meta dd{margin:var(--space-1) 0 0;color:var(--color-text);font-size:var(--font-size-sm)}.lesson-glossary__list{margin:var(--space-4) 0 0;padding:0;list-style:none;border-top:var(--border-width-default) solid var(--color-border)}.lesson-glossary__list li{margin:0;border-bottom:var(--border-width-default) solid var(--color-border)}.lesson-glossary__link{display:block;min-height:2.75rem;padding-block:var(--space-3);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--color-text) 35%,transparent);text-decoration-thickness:.08em;text-underline-offset:.2em}.lesson-glossary__link:hover,.lesson-glossary__link:focus-visible{color:var(--color-accent)}.lesson-prose{width:min(100%,70ch);margin:0 auto;color:var(--color-text);font-size:clamp(var(--font-size-base),1rem + .15vw,var(--font-size-lg));line-height:var(--line-height-relaxed)}.lesson-prose>*{margin-block:0}.lesson-prose>*+*{margin-top:var(--space-5)}.lesson-prose :where(h2,h3,h4){max-width:28ch;margin-top:var(--space-10);letter-spacing:0}.lesson-prose :where(h2){font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15}.lesson-prose :where(h3){font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.2}.lesson-prose :where(h4){font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.25}.lesson-prose :where(p,ul,ol,blockquote,pre,table,figure){margin:0}.lesson-prose :where(ul,ol){padding-left:var(--space-6)}.lesson-prose :where(li+li){margin-top:var(--space-2)}.lesson-prose :where(ul li)::marker,.lesson-prose :where(ol li)::marker{color:var(--color-accent)}.lesson-prose :where(blockquote){border:var(--border-width-default) solid color-mix(in srgb,var(--color-accent) 24%,transparent);border-left-width:var(--border-width-strong);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:color-mix(in srgb,var(--color-accent) 7%,var(--color-bg-elevated));padding:var(--space-5);color:var(--color-text-muted)}.lesson-prose :where(blockquote>*:first-child){margin-top:0}.lesson-prose :where(blockquote>*:last-child){margin-bottom:0}.lesson-prose :where(code){color:var(--color-text)}.lesson-prose :where(pre){padding:var(--space-5)}.lesson-prose :where(table){width:100%;border-collapse:collapse;border-top:var(--border-width-default) solid var(--color-border);border-bottom:var(--border-width-default) solid var(--color-border);font-size:var(--font-size-sm)}.lesson-prose :where(th,td){padding:var(--space-4) var(--space-3);border-bottom:var(--border-width-default) solid var(--color-border);text-align:left;vertical-align:top}.lesson-prose :where(th){color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lesson-prose :where(tr:last-child td,tr:last-child th){border-bottom:0}.lesson-prose :where(hr){margin-block:var(--space-10);background:var(--color-border)}.lesson-prose :where(strong){color:var(--color-text)}.lesson-prose :where(em){color:color-mix(in srgb,var(--color-text) 80%,var(--color-text-muted))}.lesson-prose :where(.token-visual,.context-visual,.context-desk-visual,.generate-visual,.llm-visual){border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--color-text) 4%,transparent),transparent 8rem),color-mix(in srgb,var(--color-bg-elevated) 92%,var(--color-bg));box-shadow:var(--shadow-sm);padding:clamp(var(--space-5),3vw,var(--space-8));margin-block:var(--space-8)}.lesson-prose :where(.token-visual__label,.context-visual__label,.context-desk-visual__label,.generate-visual__label,.llm-visual__label){margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lesson-prose :where(.token-visual__sentence){margin-bottom:var(--space-4);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-text) 4%,transparent);color:var(--color-text);padding:var(--space-4)}.lesson-prose :where(.token-visual__arrow){margin:var(--space-3) 0;color:var(--color-text-muted);text-align:center}.lesson-prose :where(.token-chip-row,.generate-row){display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.lesson-prose :where(.token-chip){display:inline-flex;align-items:center;border:var(--border-width-default) solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-text);font-size:var(--font-size-sm);padding:.2em .55em}.lesson-prose :where(.generate-steps,.llm-steps){display:flex;flex-direction:column;gap:var(--space-3)}.lesson-prose :where(.generate-row){padding:var(--space-1) 0}.lesson-prose :where(.generate-prompt){color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.lesson-prose :where(.generate-row--response){border-left:var(--border-width-strong) solid color-mix(in srgb,var(--color-accent) 35%,transparent);padding-left:var(--space-4)}.lesson-prose :where(.context-desk){display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.lesson-prose :where(.context-desk span,.desk-slot){display:flex;align-items:center;justify-content:center;min-height:4rem;border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-text) 4%,transparent);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);text-align:center}.lesson-prose :where(.context-desk span:last-child,.desk-slot--overflow){border-color:color-mix(in srgb,var(--color-warning) 35%,transparent);background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:color-mix(in srgb,var(--color-warning) 65%,var(--color-text))}.lesson-prose :where(.context-desk span:last-child):after{content:"sliding out";position:absolute;top:calc(100% + var(--space-1));left:50%;transform:translate(-50%);color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.lesson-prose :where(.context-desk span:last-child){position:relative}.lesson-prose :where(.desk-slot--system){background:color-mix(in srgb,var(--color-accent-secondary) 12%,transparent)}.lesson-prose :where(.desk-slot--user){background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.lesson-prose :where(.desk-slot--ai){background:color-mix(in srgb,var(--color-text) 4%,transparent)}.lesson-prose :where(.desk-slot--doc){background:color-mix(in srgb,var(--color-warning) 10%,transparent)}.lesson-prose :where(.context-visual__note,.context-desk-visual__note){margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.lesson-prose :where(.llm-step){display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start;border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-text) 4%,transparent);padding:var(--space-4)}.lesson-prose :where(.llm-step__num){color:var(--color-accent);font-size:var(--font-size-sm);font-weight:800}.lesson-prose :where(.llm-step__text){color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.lesson-nav{display:grid;gap:var(--space-4);margin-top:clamp(var(--space-12),6vw,var(--space-16));padding-top:var(--space-6);border-top:var(--border-width-default) solid var(--color-border)}.lesson-nav__item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) 0;color:var(--color-text);text-decoration:none;border-bottom:var(--border-width-default) solid var(--color-border)}.lesson-nav__item:hover,.lesson-nav__item:focus-visible{color:var(--color-accent)}.lesson-nav__item--next{text-align:left}.lesson-nav__item--disabled{color:var(--color-text-muted);opacity:.7}.lesson-nav__title{font-size:clamp(var(--font-size-base),.95rem + .2vw,var(--font-size-xl));font-weight:700;line-height:1.3}.lesson-nav__item:not(.lesson-nav__item--disabled) .lesson-nav__title{text-decoration-line:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-decoration-thickness:.08em;text-underline-offset:.2em}@media(min-width:48rem){.lesson-nav{grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:var(--space-8);column-gap:var(--space-8)}.lesson-nav__item--next{text-align:right;align-items:flex-end}}@media(max-width:69.99rem){.lesson-sidebar{width:min(100%,70ch);margin:0 auto}}@media(max-width:40rem){.lesson-title{max-width:100%}.lesson-prose :where(.context-desk){grid-template-columns:1fr}}