.blog article{--bg:#121212;--bg-alpha:#121212e6;--fg:black;--gray:#999;--light-gray:#444;--lighter-gray:#222;--lightest-gray:#1a1a1a;--article-color:black;--gray-alpha:#ffffff80;--selection:#ffffffe0;--link:#579dff;--green:#2ecc71;--red:#e74c3c;--token:black;--comment:black;--keyword:black;--name:black;--highlight:#2e2e2e}.dark .blog article{--bg:#121212;--bg-alpha:#121212e6;--fg:#fafbfc;--gray:#999;--light-gray:#444;--lighter-gray:#222;--lightest-gray:#1a1a1a;--article-color:#eaeaea;--gray-alpha:#ffffff80;--selection:#ffffffe0;--link:#579dff;--green:#2ecc71;--red:#e74c3c;--token:#999;--comment:#999;--keyword:#fff;--name:#fff;--highlight:#2e2e2e}.blog article{--gap-quarter:.25rem;--gap-half:.5rem;--gap:1rem;--gap-double:2rem;--small-gap:2rem;--big-gap:4rem;--main-content:48rem;--radius:8px;--inline-radius:5px;--header-height:48px;--font-body: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:.1s ease-in-out;--transition-slow:.3s ease-in-out;--timing:.3s;--fade-in:var(--timing) ease-in-out;margin:0 auto;line-height:1.7}.blog article h2,.blog article h3,.blog article h4,.blog article h5,.blog article h6{padding-top:var(--gap);padding-bottom:var(--gap-half)}.blog article>*+*{margin-top:1em}.blog article th{text-align:left}.blog article hr{border-color:#0000}.blog article p{color:var(--article-color)}.blog article aside p{margin:var(--gap-half) 0}.blog article video,.blog article img:not(.avatar){max-width:100%;height:auto;margin:var(--gap) auto;display:block}.blog article ul:not(.list-none){padding-left:var(--gap);list-style-type:disc}.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{padding:var(--gap-half);color:var(--article-color);margin:var(--gap-half) 0;background:#eee;border:1px solid #ddd}.dark .blog article aside,.dark .blog article blockquote{border:1px solid var(--lighter-gray);background:var(--lightest-gray)}.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:before,.blog article :not(pre)>code:after{content:"`";color:var(--gray);-webkit-user-select:none;user-select:none}.blog article pre{background:var(--lightest-gray);border-radius:var(--inline-radius);padding:1rem;font-size:14px;line-height:1.8;overflow-x:auto}.blog article div+pre{border-top-left-radius:0;border-top-right-radius:0}.blog .header-link{color:inherit;text-decoration:none}.blog article a:hover{text-decoration:underline}.blog sup{vertical-align:super;padding-top:var(--header-height);font-size:.8em;line-height:1}.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{margin-top:var(--gap-double);margin-bottom:var(--gap);font-size:2.5rem;line-height:1.3}.blog article h3{margin-top:var(--gap-double);margin-bottom:var(--gap-half);font-size:2rem;line-height:1.35}.blog article h4{margin-top:var(--gap);margin-bottom:var(--gap-half);font-size:1.5rem;line-height:1.4}.blog article h5{margin-top:var(--gap);margin-bottom:var(--gap-half);font-size:1.25rem;line-height:1.4}.blog article h6{margin-top:var(--gap);margin-bottom:var(--gap-half);font-size:1.1rem;line-height:1.5}.blog article h2,.blog article h3,.blog article h4,.blog article h5,.blog article h6{color:var(--fg);padding-top:var(--gap);padding-bottom:var(--gap-half);font-weight:700}.blog article a{text-decoration:underline}.blog #table-of-contents,.blog #table-of-contents+ul{display:none!important}@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}}