.blog-post{--blog-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--blog-link:#86efac;--blog-link-hover:#bef264;--blog-marker:#4ade80;--blog-rule:#2b5938}.blog-post>header h1,.blog-post .markdown-content :is(h1,h2,h3,h4,h5,h6){color:#dcfce7;font-family:var(--blog-mono);letter-spacing:-.035em;text-align:left;text-transform:none;overflow-wrap:anywhere;scroll-margin-top:2rem;font-weight:600;line-height:1.4}.blog-post>header h1{font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1.2}.blog-post .markdown-content h2{margin-top:2.5rem;margin-bottom:1rem;font-size:clamp(1.3rem,2.5vw,1.75rem)}.blog-post .markdown-content h3{margin-top:2rem;font-size:1.25rem}.blog-post .markdown-content a:not(.anchor-link),.blog-post>nav a,.blog-post>footer a{color:var(--blog-link);font-family:var(--blog-mono);-webkit-text-decoration:underline dotted var(--blog-rule) 1px;text-decoration:underline dotted var(--blog-rule) 1px;text-underline-offset:.25em;overflow-wrap:anywhere;font-size:.9em;transition:color .15s,text-decoration-color .15s,background-color .15s}.blog-post .markdown-content a:not(.anchor-link):hover,.blog-post>nav a:hover,.blog-post>footer a:hover{color:var(--blog-link-hover);background-color:#bef2640f;text-decoration-style:solid;text-decoration-color:currentColor}.blog-post .markdown-content a[href^=http]:after{content:" ↗" / "";font-size:.75em}.blog-post .markdown-content .anchor-link{color:inherit;text-underline-offset:.25em;text-decoration:none;transition:color .15s}.blog-post .markdown-content .anchor-link:hover{color:var(--blog-link);-webkit-text-decoration:underline dotted var(--blog-rule) 1px;text-decoration:underline dotted var(--blog-rule) 1px;opacity:1}.blog-post .markdown-content a:focus-visible,.blog-post>nav a:focus-visible,.blog-post>footer a:focus-visible{outline:2px solid var(--blog-marker);outline-offset:4px;border-radius:2px}.blog-post .markdown-content>ul:first-child:has(>li>a[href^=\#]){border-left:1px solid var(--blog-rule);padding-left:2rem;list-style-type:">  "}.blog-post .markdown-content>ul:first-child:has(>li>a[href^=\#]) li::marker{color:var(--blog-marker);font-family:var(--blog-mono);font-size:.8em}@media (prefers-reduced-motion:reduce){.blog-post .markdown-content a:not(.anchor-link),.blog-post .markdown-content .anchor-link,.blog-post>nav a,.blog-post>footer a{transition:none}}