.toc.svelte-gp81uh{display:none}@container (min-width: 1000px){.post.with-toc.svelte-gp81uh{display:grid;grid-template-columns:minmax(0,760px) 200px;gap:40px;justify-content:center}.post.with-toc.svelte-gp81uh .prose:where(.svelte-gp81uh){margin:0}.toc.svelte-gp81uh{display:block;position:sticky;top:calc(var(--header-height) + 40px);align-self:start;max-height:calc(100vh - var(--header-height) - 80px);overflow-y:auto;margin-top:2.6rem}}.toc-title.svelte-gp81uh{font-size:.82rem;color:var(--text-mute);margin:0 0 10px}.toc.svelte-gp81uh ul:where(.svelte-gp81uh){list-style:none;margin:0;padding:0;border-left:1px solid var(--border)}.toc.svelte-gp81uh a:where(.svelte-gp81uh){display:block;padding:4px 0 4px 12px;margin-left:-1px;border-left:2px solid transparent;font-size:.82rem;line-height:1.4;color:var(--text-mute)}.toc.svelte-gp81uh li.sub:where(.svelte-gp81uh) a:where(.svelte-gp81uh){padding-left:24px;font-size:.78rem}.toc.svelte-gp81uh a:where(.svelte-gp81uh):hover{color:var(--text);text-decoration:none}.toc.svelte-gp81uh a.active:where(.svelte-gp81uh){color:var(--brand);border-left-color:var(--brand)}.toc.svelte-gp81uh a:where(.svelte-gp81uh) code{font-size:.95em;background:none;padding:0}.body.svelte-gp81uh h2[id],.body.svelte-gp81uh h3[id]{scroll-margin-top:calc(var(--header-height) + 20px)}.back.svelte-gp81uh{margin:0 0 1rem;font-size:.86rem}.meta.svelte-gp81uh{font-size:.86rem;color:var(--text-mute);display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2rem}.draft.svelte-gp81uh{font-size:.82rem;color:var(--brand);background:var(--brand-dim);border-radius:5px;padding:2px 8px}.video.svelte-gp81uh{margin:0 0 2rem}.body.svelte-gp81uh h2:first-child{margin-top:0}.body.svelte-gp81uh h2{border-top:1px solid var(--border);padding-top:.5rem}.body.svelte-gp81uh pre.md-code{background:var(--code-bg);color:var(--code-text);border-radius:8px;padding:18px 20px;overflow-x:auto;font-family:JetBrains Mono Variable,ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.6;margin:1.25rem 0}.body.svelte-gp81uh pre.md-code code{font-family:inherit;background:none;padding:0;color:inherit}.body.svelte-gp81uh .tok-kw{color:#e8701f}.body.svelte-gp81uh .tok-str{color:#8fc97f}.body.svelte-gp81uh .tok-num{color:#c9a86a}.body.svelte-gp81uh .tok-comment{color:#86868f;font-style:italic}.body.svelte-gp81uh blockquote{background:var(--brand-dim);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:6px;padding:12px 16px;margin:1.25rem 0;font-size:.9rem}.body.svelte-gp81uh blockquote p{margin:0;color:var(--text)}.body.svelte-gp81uh table{display:block;overflow-x:auto}
