*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--hue: 18.22;--chroma: .2;--bg: #1a1a1a;--bg-secondary: #242424;--text: #e0e0e0;--text-secondary: #999;--accent: oklch(.6787 var(--chroma) var(--hue));--border: #333;--code-bg: #2a2a2a;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--content-width: 680px;--section-gap: 2rem}html{font-size:clamp(16px,1vw + 14px,18px);color-scheme:dark}body{font-family:var(--font-mono);font-size:1rem;color:var(--text);background:var(--bg);max-width:var(--content-width);margin:0 auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:var(--section-gap);overflow:visible}main{flex:1}h1,h2,h3,h4{color:var(--text);font-weight:700}:is(h1,h2,h3,h4):not(:first-child){margin-block-start:1.5em}:is(h1,h2,h3,h4) a{color:inherit;text-decoration:none}:is(h1,h2,h3,h4) a:hover{color:var(--bg);background:var(--accent)}:is(h1,h2,h3,h4) a{position:relative}:is(h1,h2,h3,h4) a:hover:before{content:"#";color:var(--bg);background:var(--accent);position:absolute;right:100%;top:0;bottom:0;padding-inline-end:.25em}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-block-start:1em}a{color:var(--accent);text-decoration:underline}a:hover{color:var(--bg);background:var(--accent)}a[target=_blank]:after{content:"↗";font-size:.8em;vertical-align:.7em;line-height:0}ul,ol{margin-block-start:1em;padding-inline-start:1.5em}li+li{margin-block-start:.25em}code{font-family:var(--font-mono);font-size:.9em;background:var(--code-bg);padding:.15em .3em;border-radius:3px}pre{background:var(--code-bg);padding:1em;overflow-x:auto;margin-block-start:1em;border:1px solid var(--border);border-radius:3px}pre code{background:none;padding:0;font-size:.85em}blockquote{border-inline-start:3px solid var(--border);padding-inline-start:1em;margin-inline-start:0;color:var(--text-secondary);margin-block-start:1em}hr{border:none;border-top:1px solid var(--border);margin-block:2em}table{width:100%;border-collapse:collapse;margin-block-start:1em;font-size:.85em;overflow-x:auto;display:block}th,td{padding:.4em .6em;border:1px solid var(--border);text-align:left}th{background:var(--bg-secondary);font-weight:700}img{height:auto}figure{display:flex;flex-direction:column;align-items:center;gap:.5em;margin-block-start:1.5em;margin-inline:0}figcaption{font-size:.85em;color:var(--text-secondary);text-align:center}figcaption p{margin-block-start:0}.codepen-embed{margin-block-start:1em}.footnotes{font-size:.85em;color:var(--text-secondary);margin-block-start:var(--section-gap);border-top:1px solid var(--border);padding-block-start:1em}.footnotes>hr{display:none}.footnotes>ol{margin-block-end:0}.site-header{display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--border);padding-block-end:.5rem}.site-title{display:inline-flex;align-items:center;gap:.5em;color:var(--text);font-weight:700;font-size:1.75rem;line-height:1;text-decoration:none}.site-title:hover{color:var(--text);background:none}.site-logo{display:inline-block;width:1.5cap;height:1.5cap}.site-header nav{display:flex;flex-wrap:wrap;gap:.25em}.nav-link{color:var(--text-secondary);font-size:1rem;text-decoration:none}.nav-link:hover{color:var(--bg);background:var(--accent);text-decoration:none}.post-header{display:flex;flex-direction:column;gap:.25em;margin-block-end:2em;line-height:1.1}.post-tags{display:flex;flex-wrap:wrap;gap:.5em;font-size:.85em;color:var(--text-secondary)}.post-tags a{color:color-mix(in srgb,var(--accent) 60%,var(--text-secondary))}.post-tags a:hover{color:var(--bg);background:var(--accent)}.toc{font-size:.85em;margin-block-end:2em}.toc summary{cursor:pointer;color:var(--text-secondary)}.toc ul{list-style:none;padding-inline-start:0;margin-block-start:.5em;display:flex;flex-direction:column;gap:.25em}.toc-marker{color:var(--text-secondary)}.toc-nested{margin-inline-start:1.5em}.post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--section-gap)}.post-nav:before{content:"* * *";display:block;width:100%;text-align:center;color:var(--text-secondary)}.post-nav-next{margin-inline-start:auto}time{color:var(--text-secondary);font-size:.85em}.site-footer{border-top:1px solid var(--border);padding-block-start:var(--section-gap);font-size:.85em;color:var(--text-secondary);text-align:center}.footer-blank{display:flex;justify-content:center;align-items:center;height:40vh;color:var(--border)}