.post{--post-text:oklch(88% .006 264);--post-border:oklch(28.4% .012 264);--post-muted-bg:oklch(22.5% .011 264);--post-surface:oklch(19.3% .01 264);--post-code-bg:oklch(15.4% .009 264)}.post-header h1{letter-spacing:-.015em;text-wrap:pretty;margin:0 0 .75rem;font-size:2.25rem;line-height:2.75rem}.post-header .meta{color:oklch(72.1% .008 264);font-size:.875rem;line-height:1.25rem}.post-header .meta time{color:inherit}.post-author{font-family:var(--sans);align-items:center;gap:.75rem;margin:1.5rem 0 1.25rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}.avatar{background:var(--post-muted-bg);width:2.5rem;height:2.5rem;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.series-card,.series-next{border:1px solid var(--post-border);font-family:var(--sans);border-radius:1rem}.series-card{align-items:center;gap:.75rem;margin:0 0 2.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;display:flex}.series-card svg,.series-next-link svg{color:var(--text-muted);flex:none}.series-card .meta{font-size:.875rem}.series-card strong{font-weight:600}.series-next{margin-top:3rem;overflow:hidden}.series-next-head{padding:1.5rem}.series-next-head h2{letter-spacing:0;margin:0 0 .75rem;font-size:1rem;line-height:1.5rem}.series-next-head .meta{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.series-bar{background:var(--post-muted-bg);border-radius:9999px;flex:1;height:.25rem;overflow:hidden}.series-bar>span{background:var(--text);border-radius:9999px;height:100%;display:block}.series-next-link{border-top:1px solid var(--post-border);background:var(--post-surface);color:var(--text);align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:background-color .15s;display:flex}.series-next-link:hover,.series-next-link:focus-visible{background:var(--post-muted-bg);text-decoration:none}.series-next-link>span{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.series-next-link strong{font-size:1.125rem;font-weight:600;line-height:1.75rem}.series-next-link .meta{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.25rem;display:-webkit-box;overflow:hidden}.post-body{color:var(--post-text);overflow-wrap:break-word;min-width:0;font-size:1.125rem;line-height:1.75rem}.post-body>:first-child{margin-top:0}.post-body p{margin:1.25rem 0}.post-body h2,.post-body h3,.post-body h4{color:var(--text);position:relative}.post-body h2{letter-spacing:-.01em;margin:2.5rem 0 .75rem;font-size:1.5rem;line-height:2rem}.post-body h3{margin:2rem 0 .5rem;font-size:1.25rem;line-height:1.75rem}.post-body h4{margin:1.5rem 0 .5rem;font-size:1.125rem;line-height:1.75rem}.post-body a{text-underline-offset:4px;text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, var(--accent) 50%, transparent);font-weight:500}.post-body a:hover{text-decoration-color:var(--accent)}.post-body ul,.post-body ol{margin:1.25rem 0;padding-inline-start:1.625rem}.post-body li{margin:.5rem 0;padding-inline-start:.4rem}.post-body li::marker{color:var(--text-muted)}.post-body li>p{margin:.5rem 0}.post-body hr{border:0;border-top:1px solid var(--post-border);margin:3rem 0}.post-body blockquote{border-inline-start:.25rem solid var(--post-border);color:var(--text-muted);margin:1.5rem 0;padding-inline-start:1rem;font-style:italic}.post-body img{border:1px solid var(--post-border);border-radius:.75rem}.post-body :not(pre)>code{font-family:var(--mono);background:var(--post-muted-bg);color:var(--text);border-radius:6px;padding:.125rem .375rem;font-size:.875em}.post-body [data-node-type=callout]{border:1px solid var(--post-border);background:var(--post-surface);border-radius:.75rem;align-items:flex-start;gap:.75rem;margin:1.5rem 0;padding:1rem 1.25rem;font-size:1rem;line-height:1.5rem;display:flex}.post-body [data-node-type=callout-emoji]{flex:none;line-height:1.5rem}.post-body [data-node-type=callout-text]{min-width:0}.post-body [data-node-type=callout-text]>:first-child{margin-top:0}.post-body [data-node-type=callout-text]>:last-child{margin-bottom:0}.code-block{border:1px solid var(--post-border);background:var(--post-code-bg);border-radius:.375rem;margin:1.5rem 0;position:relative;overflow:hidden}.code-block pre{font-family:var(--mono);color:#f8f8f2;tab-size:2;background:0 0;margin:0;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5rem;overflow-x:auto}.code-block pre code{font:inherit;color:inherit;background:0 0;padding:.5em;display:block}.copy-code-button{border:1px solid color-mix(in srgb, #f8f8f2 18%, var(--post-code-bg));background:color-mix(in srgb, #f8f8f2 8%, var(--post-code-bg));color:color-mix(in srgb, #f8f8f2 70%, var(--post-code-bg));opacity:0;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:opacity .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}.copy-code-button:hover{color:#f8f8f2;border-color:color-mix(in srgb, #f8f8f2 18%, var(--post-code-bg))}.code-block:hover .copy-code-button,.copy-code-button:focus-visible,.copy-code-button[data-copied]{opacity:1}.copy-code-button .check-icon,.copy-code-button[data-copied] .copy-icon{display:none}.copy-code-button[data-copied] .check-icon{display:block}@media (hover:none){.copy-code-button{opacity:1}}.hljs-subst,.hljs-tag,.hljs-class .hljs-title,.hljs-params{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f92672}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}.heading-anchor{height:1lh;color:var(--text-muted);opacity:0;align-items:center;padding-right:.5rem;transition:opacity .15s,color .15s;display:flex;position:absolute;top:0;right:100%;text-decoration:none!important}.heading-anchor svg{flex:none;width:1rem;max-width:none;height:1rem}.heading-anchor .check-icon,.heading-anchor[data-copied] .link-icon{display:none}.heading-anchor[data-copied] .check-icon{display:block}:is(h2,h3,h4,h5,h6):hover>.heading-anchor,.heading-anchor:focus-visible,.heading-anchor[data-copied]{opacity:1}.heading-anchor:hover,.heading-anchor[data-copied]{color:var(--text)}@media (hover:none){.heading-anchor{display:none}}.post-layout{position:relative}.toc-rail{display:none}@media (width>=1280px){.toc-rail{width:13rem;display:block;position:absolute;top:0;bottom:0;left:calc(100% + 2rem)}.toc{font-family:var(--sans);display:grid;position:sticky;top:6rem}.toc-list,.toc-bars{grid-area:1/1;max-height:calc(100vh - 8rem);transition:opacity .2s}.toc-list{opacity:0;overflow-y:auto}.toc-list .meta{margin-bottom:.75rem;font-size:.75rem}.toc-list a{color:var(--text-muted);padding:.25rem 0;font-size:.875rem;line-height:1.25rem;transition:color .15s;display:block}.toc-list a.toc-sub{padding-left:1rem}.toc-list a:hover,.toc-list a:focus-visible,.toc-list a[data-active]{color:var(--text);text-decoration:none}.toc:hover .toc-list,.toc:focus-within .toc-list{opacity:1}.toc-bars{pointer-events:none;flex-direction:column;align-self:start;gap:1px;padding-left:.75rem;display:flex;overflow:hidden}.toc:hover .toc-bars,.toc:focus-within .toc-bars{opacity:0}.toc-bar-row{align-items:center;height:.75rem;display:flex}.toc-bar{background:var(--rule);border-radius:9999px;height:2px;transition:background-color .3s}.toc-bar[data-active]{background:var(--text)}}@media (prefers-reduced-motion:reduce){.toc-list,.toc-bars,.toc-bar,.heading-anchor,.copy-code-button{transition:none}}@media (width<=640px){.post-header h1{font-size:1.75rem;line-height:2.25rem}}