.mode-switch[data-astro-cid-k5rlin3k]{margin-bottom:4rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--gray-700);border-radius:.85rem;background:color-mix(in srgb,var(--gray-999) 90%,var(--accent-regular))}.mode-intro[data-astro-cid-k5rlin3k]{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:end}.mode-label[data-astro-cid-k5rlin3k]{margin-bottom:.4rem;color:var(--accent-dark);font-family:var(--font-brand);font-size:.78rem;font-weight:700}.mode-intro[data-astro-cid-k5rlin3k] h2[data-astro-cid-k5rlin3k]{font-size:clamp(1.5rem,4vw,2.35rem);letter-spacing:-.035em;text-wrap:balance}.mode-intro[data-astro-cid-k5rlin3k] p[data-astro-cid-k5rlin3k]:not(.mode-label){max-width:62ch;margin-top:.65rem;color:var(--gray-300);line-height:1.65;text-wrap:pretty}.code-shortcut[data-astro-cid-k5rlin3k]{display:inline-flex;gap:.65rem;justify-content:space-between;align-items:center;min-width:9rem;min-height:2.75rem;padding:.65rem .85rem;border:1px solid var(--gray-600);border-radius:.45rem;color:var(--gray-200);font-weight:650;text-decoration:none}.mode-links[data-astro-cid-k5rlin3k]{display:grid;gap:0;margin-top:1.35rem;border-block:1px solid var(--gray-700)}.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k]{display:grid;grid-template-columns:minmax(7.5rem,.32fr) minmax(0,1fr);gap:.75rem 1.25rem;align-items:center;min-height:3.75rem;padding:.8rem .25rem;border-bottom:1px solid var(--gray-800);color:var(--gray-300);text-decoration:none;transition:background-color .16s ease-out,color .16s ease-out}.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k]:last-child{border-bottom:0}.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k] strong[data-astro-cid-k5rlin3k]{color:var(--gray-100);font-size:1rem}.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k] span[data-astro-cid-k5rlin3k]{line-height:1.55;text-wrap:pretty}.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k]:hover,.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k][aria-current=page]{color:var(--gray-100);background:color-mix(in srgb,var(--accent-regular) 12%,transparent)}.code-shortcut[data-astro-cid-k5rlin3k]:hover,.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k]:hover{text-decoration:underline;text-underline-offset:.25rem}.code-shortcut[data-astro-cid-k5rlin3k]:focus-visible,.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k]:focus-visible{outline:2px solid var(--accent-regular);outline-offset:3px}.pattern-guide[data-astro-cid-k5rlin3k]{margin-top:1.2rem;color:var(--gray-400);font-size:var(--text-sm)}.pattern-guide[data-astro-cid-k5rlin3k] p[data-astro-cid-k5rlin3k]{line-height:1.6}.pattern-guide[data-astro-cid-k5rlin3k] strong[data-astro-cid-k5rlin3k]{color:var(--gray-200)}.pattern-guide[data-astro-cid-k5rlin3k] ul[data-astro-cid-k5rlin3k]{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none}.pattern-guide[data-astro-cid-k5rlin3k] li[data-astro-cid-k5rlin3k]{padding:.3rem .55rem;border:1px solid var(--gray-700);border-radius:999px;color:var(--gray-300)}@media(max-width:32rem){.mode-intro[data-astro-cid-k5rlin3k]{display:grid}.code-shortcut[data-astro-cid-k5rlin3k]{width:100%}.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k]{grid-template-columns:1fr;gap:.2rem;min-height:4.5rem;padding-inline:.45rem}}@media(prefers-reduced-motion:reduce){.mode-links[data-astro-cid-k5rlin3k] a[data-astro-cid-k5rlin3k]{transition:none}}.lesson-page[data-astro-cid-qla2kcjz]{padding-block:1rem 6rem}.breadcrumbs[data-astro-cid-qla2kcjz]{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:3rem;color:var(--gray-500);font-size:var(--text-sm)}.breadcrumbs[data-astro-cid-qla2kcjz] a[data-astro-cid-qla2kcjz]{display:inline-flex;align-items:center;min-height:44px;color:var(--gray-300);text-underline-offset:.25rem}.lesson-hero[data-astro-cid-qla2kcjz]{display:grid;gap:1.5rem;padding-bottom:4rem}.eyebrow[data-astro-cid-qla2kcjz],.section-kicker[data-astro-cid-qla2kcjz],.step-label[data-astro-cid-qla2kcjz]{margin-bottom:.8rem;color:var(--accent-dark);font-family:var(--font-brand);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1[data-astro-cid-qla2kcjz]{max-width:15ch;font-size:clamp(2.6rem,7vw,5.6rem);letter-spacing:-.055em;text-wrap:balance}.lesson-subtitle[data-astro-cid-qla2kcjz]{max-width:62ch;margin-top:1.25rem;color:var(--gray-300);font-size:var(--text-md);line-height:1.7}.lesson-thesis[data-astro-cid-qla2kcjz]{max-width:56ch;padding:1rem 0 0 1rem;border-left:1px solid var(--accent-dark);color:var(--gray-300);line-height:1.7}.lesson-hero-note[data-astro-cid-qla2kcjz]{display:grid;gap:1rem;align-content:start}.lesson-method[data-astro-cid-qla2kcjz]{display:grid;gap:1rem;margin:0 0 4rem;padding:1rem;border:1px solid var(--gray-700);border-radius:.8rem;background:color-mix(in srgb,var(--gray-999) 88%,var(--accent-regular));scroll-margin-top:1.5rem}.lesson-method[data-astro-cid-qla2kcjz]:focus-visible,.quick-review[data-astro-cid-qla2kcjz]:focus-visible{outline:2px solid var(--accent-regular);outline-offset:4px}.lesson-method[data-astro-cid-qla2kcjz] p[data-astro-cid-qla2kcjz]{margin:0;color:var(--gray-300);line-height:1.6}.lesson-method[data-astro-cid-qla2kcjz] .section-kicker[data-astro-cid-qla2kcjz]{margin-bottom:.35rem}.lesson-method[data-astro-cid-qla2kcjz] ol[data-astro-cid-qla2kcjz]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none}.lesson-method[data-astro-cid-qla2kcjz] li[data-astro-cid-qla2kcjz]{display:grid;gap:.25rem;min-height:3.1rem;align-content:center;padding:.55rem;border:1px solid var(--gray-700);border-radius:.55rem}.lesson-method[data-astro-cid-qla2kcjz] li[data-astro-cid-qla2kcjz] span[data-astro-cid-qla2kcjz]{color:var(--accent-dark);font-family:var(--font-brand);font-size:.68rem;font-weight:700}.lesson-method[data-astro-cid-qla2kcjz] li[data-astro-cid-qla2kcjz] strong[data-astro-cid-qla2kcjz]{color:var(--gray-200);font-size:.8rem}.lesson-progress[data-astro-cid-qla2kcjz]{justify-self:start;padding:.3rem .55rem;border:1px solid color-mix(in srgb,var(--accent-regular) 50%,var(--gray-700));border-radius:999px;color:var(--accent-dark);font-size:var(--text-sm)}.lesson-progress[data-astro-cid-qla2kcjz].is-complete{color:var(--accent-text-over);background:var(--accent-regular)}.lesson-layout[data-astro-cid-qla2kcjz]{display:grid;gap:4rem}.lesson-section[data-astro-cid-qla2kcjz]+.lesson-section[data-astro-cid-qla2kcjz]{margin-top:4rem}h2[data-astro-cid-qla2kcjz]{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.035em;text-wrap:balance}.objective[data-astro-cid-qla2kcjz]{max-width:62ch;margin-top:1rem;color:var(--gray-300);font-size:var(--text-md);line-height:1.7}.step-list[data-astro-cid-qla2kcjz]{padding:0;list-style:none}.step-item[data-astro-cid-qla2kcjz]{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:2rem 0;border-bottom:1px solid var(--gray-700)}.step-number[data-astro-cid-qla2kcjz]{color:var(--accent-dark);font-family:var(--font-brand);font-size:var(--text-xl);font-weight:600;line-height:1}.step-label[data-astro-cid-qla2kcjz]{margin-bottom:.4rem;color:var(--gray-500)}.step-content[data-astro-cid-qla2kcjz] h3[data-astro-cid-qla2kcjz]{font-size:clamp(1.25rem,2.5vw,1.75rem);letter-spacing:-.02em}.step-facts[data-astro-cid-qla2kcjz]{display:grid;gap:.8rem;margin-top:1.25rem}.step-facts[data-astro-cid-qla2kcjz] div[data-astro-cid-qla2kcjz]{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.8rem;padding-top:.7rem;border-top:1px solid var(--gray-800)}.step-facts[data-astro-cid-qla2kcjz] dt[data-astro-cid-qla2kcjz]{color:var(--gray-500);font-size:var(--text-sm)}.step-facts[data-astro-cid-qla2kcjz] dd[data-astro-cid-qla2kcjz]{color:var(--gray-300);line-height:1.6}.shader-hint[data-astro-cid-qla2kcjz]{margin-top:1.2rem;color:var(--gray-500);font-family:var(--font-brand);font-size:.8rem}.quick-review[data-astro-cid-qla2kcjz]{scroll-margin-top:1.5rem}.review-note[data-astro-cid-qla2kcjz]{max-width:65ch;margin-top:.8rem;color:var(--gray-400);line-height:1.65}.review-core[data-astro-cid-qla2kcjz]{margin-top:1.5rem;padding:clamp(1rem,3vw,1.4rem);border:1px solid color-mix(in srgb,var(--accent-regular) 42%,var(--gray-700));border-radius:.7rem;background:color-mix(in srgb,var(--accent-regular) 10%,var(--gray-999))}.review-core[data-astro-cid-qla2kcjz] h3[data-astro-cid-qla2kcjz],.review-code[data-astro-cid-qla2kcjz] h3[data-astro-cid-qla2kcjz]{font-size:1rem}.review-core[data-astro-cid-qla2kcjz] p[data-astro-cid-qla2kcjz]{max-width:65ch;margin-top:.55rem;color:var(--gray-200);font-size:var(--text-md);line-height:1.65;text-wrap:pretty}.review-chain[data-astro-cid-qla2kcjz]{margin:1rem 0 0;padding:0;list-style:none}.review-chain[data-astro-cid-qla2kcjz] li[data-astro-cid-qla2kcjz]{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--gray-700)}.review-chain[data-astro-cid-qla2kcjz] li[data-astro-cid-qla2kcjz]>span[data-astro-cid-qla2kcjz]{color:var(--accent-dark);font-family:var(--font-brand);font-weight:700}.review-chain[data-astro-cid-qla2kcjz] strong[data-astro-cid-qla2kcjz]{color:var(--gray-200);line-height:1.55}.review-chain[data-astro-cid-qla2kcjz] p[data-astro-cid-qla2kcjz]{margin-top:.45rem;color:var(--gray-400);line-height:1.6}.review-chain[data-astro-cid-qla2kcjz] b[data-astro-cid-qla2kcjz]{color:var(--gray-300)}.review-code[data-astro-cid-qla2kcjz]{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:end;margin-top:1.5rem}.review-code[data-astro-cid-qla2kcjz] ul[data-astro-cid-qla2kcjz]{margin:.55rem 0 0;padding-left:1.2rem;color:var(--gray-400);font-family:var(--font-brand);font-size:.82rem;line-height:1.65}.review-code[data-astro-cid-qla2kcjz] a[data-astro-cid-qla2kcjz]{display:inline-flex;gap:.75rem;justify-content:space-between;align-items:center;min-width:10rem;min-height:2.75rem;padding:.65rem .85rem;border-radius:.45rem;color:var(--accent-text-over);background:var(--accent-regular);font-weight:650;text-decoration:none}.review-code[data-astro-cid-qla2kcjz] a[data-astro-cid-qla2kcjz]:hover,.review-code[data-astro-cid-qla2kcjz] a[data-astro-cid-qla2kcjz]:focus-visible{text-decoration:underline;text-underline-offset:.25rem}.review-code[data-astro-cid-qla2kcjz] a[data-astro-cid-qla2kcjz]:focus-visible{outline:2px solid var(--gray-100);outline-offset:3px}.lesson-aside[data-astro-cid-qla2kcjz]{display:grid;align-content:start;gap:1rem}.handoff[data-astro-cid-qla2kcjz]{padding:1.5rem;border:1px solid var(--gray-700);border-radius:.8rem;background:color-mix(in srgb,var(--gray-999) 78%,var(--accent-regular));box-shadow:var(--shadow-sm)}.handoff[data-astro-cid-qla2kcjz] h2[data-astro-cid-qla2kcjz]{font-size:clamp(1.6rem,3vw,2.2rem)}.handoff[data-astro-cid-qla2kcjz]>p[data-astro-cid-qla2kcjz]:not(.section-kicker){margin-top:1rem;color:var(--gray-300);line-height:1.65}.handoff-links[data-astro-cid-qla2kcjz]{display:grid;gap:.6rem;margin-top:1.5rem}.handoff-primary[data-astro-cid-qla2kcjz],.handoff-secondary[data-astro-cid-qla2kcjz]{display:flex;justify-content:space-between;align-items:center;min-height:2.75rem;padding:.7rem .9rem;border-radius:.45rem;font-weight:600;text-decoration:none}.handoff-primary[data-astro-cid-qla2kcjz]{color:var(--accent-text-over);background:var(--accent-regular)}.handoff-secondary[data-astro-cid-qla2kcjz]{border:1px solid var(--gray-600);color:var(--gray-200)}.handoff-primary[data-astro-cid-qla2kcjz]:hover,.handoff-primary[data-astro-cid-qla2kcjz]:focus-visible,.handoff-secondary[data-astro-cid-qla2kcjz]:hover,.handoff-secondary[data-astro-cid-qla2kcjz]:focus-visible{text-decoration:underline;text-underline-offset:.2rem}.lesson-nav[data-astro-cid-qla2kcjz]{display:flex;justify-content:space-between;gap:1rem;margin-top:5rem;padding-top:1.25rem;border-top:1px solid var(--gray-700)}.lesson-nav[data-astro-cid-qla2kcjz] a[data-astro-cid-qla2kcjz]{display:inline-flex;align-items:center;min-height:44px;max-width:45%;color:var(--accent-dark);font-size:var(--text-sm);text-wrap:balance}.lesson-nav[data-astro-cid-qla2kcjz] .next[data-astro-cid-qla2kcjz]{text-align:right}@media(min-width:50em){.lesson-method[data-astro-cid-qla2kcjz]{grid-template-columns:minmax(14rem,.4fr) minmax(0,1fr);align-items:center}.lesson-hero[data-astro-cid-qla2kcjz]{grid-template-columns:minmax(0,1fr) minmax(16rem,.65fr);gap:4rem;align-items:end}.lesson-layout[data-astro-cid-qla2kcjz]{grid-template-columns:minmax(0,1fr) minmax(18rem,.4fr);align-items:start}.lesson-aside[data-astro-cid-qla2kcjz]{position:sticky;top:1.5rem}}@media(max-width:32rem){.lesson-method[data-astro-cid-qla2kcjz] ol[data-astro-cid-qla2kcjz]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.lesson-method[data-astro-cid-qla2kcjz] li[data-astro-cid-qla2kcjz]{min-height:3.5rem;padding:.55rem}.lesson-method[data-astro-cid-qla2kcjz] li[data-astro-cid-qla2kcjz]:last-child{grid-column:1 / -1}.lesson-method[data-astro-cid-qla2kcjz] li[data-astro-cid-qla2kcjz] strong[data-astro-cid-qla2kcjz]{font-size:.78rem}.step-item[data-astro-cid-qla2kcjz]{grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem}.step-facts[data-astro-cid-qla2kcjz] div[data-astro-cid-qla2kcjz]{grid-template-columns:1fr;gap:.25rem}.lesson-nav[data-astro-cid-qla2kcjz]{align-items:start}.lesson-nav[data-astro-cid-qla2kcjz] a[data-astro-cid-qla2kcjz]{max-width:50%}.review-code[data-astro-cid-qla2kcjz]{display:grid}.review-code[data-astro-cid-qla2kcjz] a[data-astro-cid-qla2kcjz]{width:100%}}