.home.blog{--measure:576px;--wide:768px}.blog .crumbs{gap:12px;height:48px;margin-top:96px;display:flex}.blog .crumbs .mono{color:var(--faint)}.home.blog main>section{padding-top:0}.blog footer{margin-top:144px}.blog footer a[aria-current]:not(:hover){color:var(--ink)}.blog .label .gem{vertical-align:-.04em;width:.85em;height:.76em;margin-left:.3em;display:inline-block;overflow:visible}.blog .posts{max-width:var(--wide)}.blog .posts li{grid-template-columns:144px minmax(0,1fr);column-gap:24px;display:grid}.blog .posts li+li{margin-top:24px}.blog .posts time{color:var(--faint);white-space:nowrap}.blog .posts a{-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration:none}.blog .posts a:hover,.blog .posts a:focus-visible{color:var(--bg);background:var(--ink);outline:none}.blog .post header time{height:48px;color:var(--faint);display:block}.blog :is(.post h1,.missing){max-width:var(--wide);font:340 48px/48px var(--font-newsreader),Georgia,serif;letter-spacing:-.015em;white-space:normal;text-wrap:balance;position:relative;top:-6px}.blog .post-body{max-width:var(--wide);overflow-wrap:break-word;margin-top:48px}.blog .post-body>:not(pre){max-width:var(--measure)}.blog .post-body>*+*,.blog .post-body li>*+*,.blog .post-body blockquote>*+*{margin-top:24px}.blog .post-body p{text-wrap:pretty}.blog .post-body :is(p,li){position:relative}.blog .post-body :is(p,li):not(li *){top:-1.75px}.blog .post-body strong{font-weight:600}.blog .post-body h2,.blog .post-body h3{text-wrap:balance;padding-left:24px;position:relative}.blog .post-body h2{font:400 21px/24px var(--font-newsreader),Georgia,serif;margin-top:72px;top:1.5px}.blog .post-body h3{margin-top:48px;font-weight:600;top:-1.75px}.blog .post-body :is(h2,h3)+*{margin-top:24px}.blog .post-body .anchor-link{font:400 13px/24px var(--font-martian),ui-monospace,monospace;color:var(--green);text-decoration:none;position:absolute;top:0;left:0}.blog .post-body .anchor-link:before{content:"#"}.blog .post-body h3 .anchor-link{color:var(--faint)}.blog .post-body ul,.blog .post-body ol{padding-left:24px}.blog .post-body li:before{color:var(--faint);position:absolute;left:-24px}.blog .post-body ul>li:before{content:"–"}.blog .post-body ol>li:before{content:counter(list-item)".";font:400 13px/24px var(--font-martian),ui-monospace,monospace}.blog .post-body blockquote{border-left:1px solid var(--faint);color:var(--dim);padding-left:23px}.blog .post-body a{color:var(--green);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--green);-webkit-text-decoration-color:var(--green);-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.blog .post-body a{-webkit-text-decoration-color:color-mix(in srgb,var(--green)45%,transparent);-webkit-text-decoration-color:color-mix(in srgb,var(--green)45%,transparent);-webkit-text-decoration-color:color-mix(in srgb,var(--green)45%,transparent);text-decoration-color:color-mix(in srgb,var(--green)45%,transparent)}}.blog .post-body a:hover,.blog .post-body a:focus-visible{color:var(--bg);background:var(--green);outline:none;text-decoration:none}.blog .post-body code{font-family:var(--font-martian),ui-monospace,monospace}.blog .post-body :not(pre)>code{color:var(--ink);background:var(--rule);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px;padding:2px 4px;font-size:.78em;line-height:1}.blog .post-body pre{border:1px solid var(--rule);background:var(--bg);color:var(--dim);font:400 13px/24px var(--font-martian),ui-monospace,monospace;tab-size:2;scrollbar-width:thin;scrollbar-color:var(--faint)transparent;padding:23px;overflow-x:auto}.blog .post-body pre code{font:inherit}.blog .post-body pre :is(.hljs-title,.hljs-type,.hljs-name,.hljs-variable){color:var(--ink)}.blog .post-body pre :is(.hljs-keyword,.hljs-built_in,.hljs-literal,.hljs-addition){color:var(--green)}.blog .post-body pre :is(.hljs-string,.hljs-symbol,.hljs-number,.hljs-regexp){color:var(--yellow)}.blog .post-body pre :is(.hljs-comment,.hljs-meta,.hljs-deletion){color:var(--faint)}@media not all and (min-width:64rem){.home.blog{--col:min(calc(100vw - 48px),var(--wide))}.blog .crumbs{margin-top:48px}}@media not all and (min-width:40rem){.home.blog{--col:calc(100vw - 48px);--x:24px}.home.blog .label .lh{white-space:normal}.blog .posts li{grid-template-columns:minmax(0,1fr)}.blog :is(.post h1,.missing){font-size:40px;top:-7px}.blog .post-body pre{border-inline:0;margin-inline:-24px;padding-inline:24px}.blog footer{margin-top:24px}}