.blog article{--bg:#121212;--bg-alpha:hsla(0,0%,7%,0.9);--fg:black;--gray:#999;--light-gray:#444;--lighter-gray:#222;--lightest-gray:#1a1a1a;--article-color:black;--gray-alpha:hsla(0,0%,100%,0.5);--selection:hsla(0,0%,100%,0.88);--link:#579dff;--green:#2ecc71;--red:#e74c3c;--token:black;--comment:black;--keyword:black;--name:black;--highlight:#2e2e2e}.dark .blog article{--bg:#121212;--bg-alpha:hsla(0,0%,7%,0.9);--fg:#fafbfc;--gray:#999;--light-gray:#444;--lighter-gray:#222;--lightest-gray:#1a1a1a;--article-color:#eaeaea;--gray-alpha:hsla(0,0%,100%,0.5);--selection:hsla(0,0%,100%,0.88);--link:#579dff;--green:#2ecc71;--red:#e74c3c;--token:#999;--comment:#999;--keyword:#fff;--name:#fff;--highlight:#2e2e2e}.blog article{--gap-quarter:0.25rem;--gap-half:0.5rem;--gap:1rem;--gap-double:2rem;--small-gap:2rem;--big-gap:4rem;--main-content:48rem;--radius:8px;--inline-radius:5px;--header-height:48px;--font-sans:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;--font-mono:var(--font-geist-mono),"SFMono-Regular","Consolas","Liberation Mono","Menlo",monospace;--transition:0.1s ease-in-out;--transition-slow:0.3s ease-in-out;--timing:0.3s;--fade-in:var(--timing) ease-in-out;margin:0 auto;line-height:1.7}.blog article>*+*{margin-top:1em}.blog article p{color:var(--article-color)}.blog article aside p{margin:var(--gap-half) 0}.blog article img:not(.avatar),.blog article video{max-width:100%;height:auto;display:block;margin:var(--gap) auto}.blog article ul:not(.list-none){list-style-type:disc;padding-left:var(--gap)}.blog article ul:not(.list-none) ul{list-style-type:circle}.blog article ul:not(.list-none) ul ul{list-style-type:square}.blog article ol{padding:0;list-style:auto}.blog article ol>li>ul{margin-left:var(--gap-double);list-style-type:circle}.blog article aside,.blog article blockquote{border:1px solid var(--lighter-gray);background:var(--lightest-gray);padding:var(--gap-half);color:var(--article-color);margin:var(--gap-half) 0}.blog .token-line:not(:last-child){min-height:1.4rem}.blog article :not(pre)>code{font-family:var(--font-mono);font-size:1rem}.blog article :not(pre)>code:after,.blog article :not(pre)>code:before{content:"\`";color:var(--gray);user-select:none}.blog article pre{overflow-x:auto;background:var(--lightest-gray);border-radius:var(--inline-radius);line-height:1.8;padding:1rem;font-size:14px}.blog article div+pre{border-top-left-radius:0;border-top-right-radius:0}.blog .header-link{color:inherit}.blog .header-link,.blog article a{text-decoration:none}.blog article a:hover{text-decoration:underline}.blog sup{font-size:.8em;vertical-align:super;line-height:1;padding-top:var(--header-height)}.blog .header-link:after{opacity:0;content:"#";margin-left:var(--gap-half);color:var(--gray)}.blog .header-link:hover:after{opacity:1}.blog article ol li p:first-child{display:inline}.blog article details{margin-top:var(--gap-half);margin-bottom:var(--gap-half)}@media screen and (max-width:760px){.blog .header-link:after{opacity:.5}}.blog article h2{font-size:2.5rem;line-height:1.3;margin-top:var(--gap-double);margin-bottom:var(--gap)}.blog article h3{font-size:2rem;line-height:1.35;margin-top:var(--gap-double);margin-bottom:var(--gap-half)}.blog article h4{font-size:1.5rem}.blog article h4,.blog article h5{line-height:1.4;margin-top:var(--gap);margin-bottom:var(--gap-half)}.blog article h5{font-size:1.25rem}.blog article h6{font-size:1.1rem;line-height:1.5;margin-top:var(--gap);margin-bottom:var(--gap-half)}.blog article h2,.blog article h3,.blog article h4,.blog article h5,.blog article h6{font-weight:700;color:var(--fg);padding-top:var(--gap);padding-bottom:var(--gap-half)}.blog article a{text-decoration:underline}@media screen and (max-width:760px){.blog article h2{font-size:2rem}.blog article h3{font-size:1.75rem}.blog article h4{font-size:1.4rem}.blog article h5{font-size:1.2rem}.blog article h6{font-size:1.1rem}}