:root{color-scheme:light dark;--text:light-dark(#292b28,#e4e5df);--bg:light-dark(#faf9f6,#171916);--accent:light-dark(#35605c,#8fc1ba);--accent-hover:light-dark(#1c3e3a,#b5dcd6);--muted:light-dark(#62665e,#a3a79d);--rule:light-dark(#dedfd7,#33362f);--code-bg:light-dark(#eeeee7,#2a2d27);--image-outline:light-dark(oklch(0% 0 0/.1),oklch(100% 0 0/.1));font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.75}*{box-sizing:border-box}body{margin:0}.page{grid-template-columns:18rem minmax(0,1fr);max-width:78rem;margin:auto;display:grid}.rail{height:100vh;font-family:var(--font-mono);border-right:1px solid var(--rule);align-self:start;padding:4rem 2rem 6rem 1.5rem;position:sticky;top:0;overflow-y:auto}.rail p,.rail li{font-size:.85rem;line-height:1.6}.rail ul,.rail ol{margin:0;padding:0;list-style:none}.site-name{font:700 1.25rem/1.2 var(--font-body);letter-spacing:0;color:var(--text);align-items:center;gap:.6rem;margin:0;text-decoration:none;display:flex}.logo{outline:none;width:2rem;height:2rem}.rail .label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:2rem 0 .5rem;font-size:.75rem}.label+p{margin:0}.rail .socials{margin-left:-12px;display:flex}.socials a{width:44px;height:44px;color:var(--muted);place-items:center;display:grid}.socials a:hover{color:var(--text)}.topics li{justify-content:space-between;align-items:baseline;display:flex}.topics li span{color:var(--muted)}.topics a,.tags a{align-items:center;min-height:44px;padding:.5rem 0;text-decoration:none;display:flex}.topics a{flex:1}.topics a:hover,.tags a:hover{text-decoration:underline}.content{min-width:0;padding:4rem 1.5rem 6rem 3rem}article.content{max-width:50rem}h1,h2,h3{text-wrap:balance;line-height:1.2}h1{letter-spacing:-.035em;margin:0 0 1.5rem;font-size:clamp(2rem,4vw,2.6rem)}h2{margin-top:3rem;font-size:1.8rem}h3{margin-top:2rem;font-size:1.35rem}p,li{text-wrap:pretty;font-size:1.125rem}a{color:var(--accent);text-underline-offset:.2em;transition:color .15s ease-out}a:hover{color:var(--accent-hover)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}time,.count,.post-meta,.back-link,.draft,.content>.label{font-family:var(--font-mono);font-size:.85rem}time,.count,.post-meta{color:var(--muted)}.draft{border:1px solid;border-radius:.2rem;margin:0 0 0 .75rem;padding:.1rem .4rem;line-height:1.5;display:inline-block}article .draft{margin:0 0 1rem}.lede{color:var(--muted);margin:0 0 3rem;font-size:1.25rem}.count{margin:0 0 2rem}.content>.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.75rem}.year{border-top:1px solid var(--rule);grid-template-columns:5rem minmax(0,1fr);padding:1.25rem 0;display:grid}.year h2{font:400 .85rem var(--font-mono);color:var(--muted);margin:0;padding-top:.7rem}.post-list{margin:0;padding:0;list-style:none}.post-list>li{grid-template-columns:4rem minmax(0,1fr) auto;align-items:start;gap:1rem;font-size:1.05rem;line-height:1.5;display:grid}.post-list time,.post-list .post-meta{padding-top:.625rem}.post-list a{min-height:44px;color:var(--text);padding:.625rem 0;text-decoration:none;display:block}.post-list .post-meta a{min-height:0;padding:0;display:inline}.post-list a:hover{color:var(--accent);text-decoration:underline}.post-meta{white-space:nowrap}.post-meta a{color:inherit}.back-link{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}img{outline:1px solid var(--image-outline);outline-offset:-1px;max-width:100%;height:auto;display:block}.prose img{margin:2rem auto}pre{border-radius:.3rem;padding:1.25rem;font-size:.85rem;line-height:1.6;overflow-x:auto}code{font-family:var(--font-mono);overflow-wrap:anywhere}pre code{overflow-wrap:normal}.prose :not(pre)>code{background:var(--code-bg);border-radius:.2em;padding:.15em .3em;font-size:.88em}.skip-link{z-index:1;background:var(--bg);padding:.75rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.prose :is(h2,h3){scroll-margin-top:1.5rem}.toc{font-family:var(--font-mono)}.toc ol{margin:0;padding:0;list-style:none}.toc li,.toc p,.toc summary{font-size:.85rem;line-height:1.5}.toc a{align-items:center;min-height:44px;padding:.625rem 0;text-decoration:none;display:flex}.toc a:hover{text-decoration:underline}.toc p{color:var(--muted);margin:0 0 .5rem}.toc-inline{border-block:1px solid var(--rule);margin-bottom:3rem;display:none}.toc-inline summary{color:var(--muted);cursor:pointer;padding:.75rem 0}.toc-inline a{padding:.75rem 0}.toc-inline nav{padding-bottom:.75rem}@media (width<=56rem){.page{grid-template-columns:minmax(0,1fr)}.rail{border-right:0;border-bottom:1px solid var(--rule);height:auto;padding:4rem 1.25rem 1.5rem;position:static}.content{padding:2rem 1.25rem 6rem}.year{grid-template-columns:minmax(0,1fr)}.post-list>li{grid-template-columns:4rem minmax(0,1fr)}.toc-side,.post-meta{display:none}.toc-inline{display:block}}.theme-toggle{min-width:44px;min-height:44px;color:var(--muted);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:.3rem;padding:0;transition:color .15s ease-out,scale .15s ease-out;position:absolute;top:.75rem;right:1.5rem}.theme-toggle:hover{color:var(--text)}.theme-toggle svg{margin:auto;display:block}.theme-toggle[data-dark] .moon,.theme-toggle:not([data-dark]) .sun{display:none}@media (prefers-reduced-motion:no-preference){.theme-toggle:active{scale:.96}}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){a,.theme-toggle{transition:none}}@media (width<=600px){.theme-toggle{right:1.25rem}}