:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "Fira Code", monospace;--surface:#fff;--surface-muted:#f3f4f6;--surface-muted-hover:#e5e7eb;--rule:#e5e7eb;--rule-strong:#d1d5db;--text-faint:#6b7280;--text-soft:#4b5563;--text-body:#374151;--text:#1f2937;--text-strong:#111827;--accent:#86efac;--measure:48rem;--gutter:1rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-pill:9999px}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;display:flex;flex-direction:column;background-color:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.25;text-wrap:balance}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}.wrap{width:100%;max-width:var(--measure);margin-inline:auto;padding-inline:var(--gutter)}.site-main{flex:1}.site-main>.wrap{padding-block:2.5rem}.skip-link,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{width:auto;height:auto;margin:.5rem;padding:.5rem;overflow:visible;clip-path:none;border-radius:var(--radius);background-color:var(--surface);z-index:10}.site-header{border-bottom:1px solid var(--rule)}.site-header>.wrap{display:flex;flex-direction:column;gap:1rem;padding-block:1.5rem}@media (min-width:40rem){.site-header>.wrap{flex-direction:row;align-items:center;justify-content:space-between}}.brand{display:flex;align-items:center;gap:.75rem}.brand:hover .brand-name{color:var(--text-soft)}.brand-avatar{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);object-fit:cover}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:1.25rem;font-weight:600;letter-spacing:-.025em;color:var(--text-strong)}.brand-slogan{font-size:.875rem;color:var(--text-faint)}.site-tools{display:flex;flex-direction:column;gap:.75rem}@media (min-width:40rem){.site-tools{flex-direction:row;align-items:center;gap:1.25rem}}.site-search{position:relative}.site-search input{width:100%;padding:.375rem .75rem;border:1px solid var(--rule);border-radius:var(--radius-pill);background-color:var(--surface-muted);font:inherit;font-size:.875rem;color:var(--text);transition:border-color .15s ease,background-color .15s ease}:is(.site-search input)::placeholder{color:var(--text-faint)}:is(.site-search input):hover{border-color:var(--rule-strong)}:is(.site-search input):focus{outline:none;border-color:var(--rule-strong);background-color:var(--surface)}@media (hover:hover) and (pointer:fine){.site-search input{padding-right:3.25rem}:is(.site-search input):focus{padding-right:.75rem}}@media (min-width:40rem){.site-search input{width:11rem;transition:width .15s ease,border-color .15s ease,background-color .15s ease}:is(.site-search input):focus{width:14rem}}.search-hint{display:none;position:absolute;top:50%;right:.4rem;transform:translateY(-50%);padding:.1rem .4rem;border:1px solid var(--rule-strong);border-radius:.25rem;background-color:var(--surface);font-family:var(--font-sans);font-size:.6875rem;line-height:1.4;color:var(--text-faint);pointer-events:none}@media (hover:hover) and (pointer:fine){.search-hint:not([hidden]){display:block}}.site-nav{font-size:.875rem}.site-nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;list-style:none;padding:0}.site-nav a{color:var(--text-soft);transition:color .15s ease}:is(.site-nav a):hover{color:var(--text-strong)}[aria-current=page]:is(.site-nav a){font-weight:600;color:var(--text-strong)}.site-footer{border-top:1px solid var(--rule);font-size:.875rem;color:var(--text-faint)}.site-footer>.wrap{padding-block:1.5rem;text-align:center}.site-footer a{text-decoration:underline;text-underline-offset:2px}:is(.site-footer a):hover{color:var(--text-strong)}.page-title{margin-bottom:1.5rem;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--text-strong)}.post-list{display:flex;flex-direction:column;gap:1.5rem}.card{padding:1.5rem;border:1px solid var(--rule);border-radius:var(--radius-lg);background-color:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--rule-strong);box-shadow:0 1px 2px rgba(0,0,0,.05)}.card:hover .card-title a{color:var(--text-soft)}.card-title{font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.card-title a{color:var(--text-strong)}.card-teaser{margin-top:.75rem;line-height:1.625;color:var(--text-body)}.meta{display:flex;gap:.25rem .75rem;margin-top:.25rem;font-size:.875rem;color:var(--text-faint)}.meta,.tags{flex-wrap:wrap;align-items:center}.tags{display:inline-flex;gap:.375rem;vertical-align:middle}.tag{display:inline-block;padding:.125rem .625rem;border-radius:var(--radius-pill);background-color:var(--surface-muted);font-size:.75rem;font-weight:500;line-height:1.333;color:var(--text-soft)}.tag:hover{background-color:var(--surface-muted-hover);color:var(--text-strong)}.search-status{margin-bottom:1.5rem;font-size:.875rem;color:var(--text-faint)}mark{border-radius:.125rem;padding-inline:.125rem;background-color:var(--accent);color:var(--text-strong)}.post{margin-bottom:3rem}.post-header{margin-bottom:1.5rem}.comments{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--rule)}.prose{line-height:1.75;color:var(--text-body)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin-block:1.25em}.prose a{color:var(--text-strong);font-weight:500;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}:is(.prose a):hover{text-decoration-thickness:2px}.prose strong{font-weight:600;color:var(--text-strong)}.prose h2,.prose h3,.prose h4{color:var(--text-strong);letter-spacing:-.015em}.prose h2{margin-top:2em;margin-bottom:.75em;font-size:1.5rem;line-height:2rem;font-weight:700}.prose h3{margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600}.prose h4{margin-top:1.5em;margin-bottom:.5em;font-size:1em;font-weight:600}.prose ol,.prose ul{margin-block:1.25em;padding-left:1.625em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-block:.5em;padding-left:.375em}:is(.prose li)>ol,:is(.prose li)>ul{margin-block:.75em}.prose blockquote{margin-block:1.6em;padding-left:1em;border-left:.25rem solid var(--rule);font-style:italic;color:var(--text)}.prose hr{margin-block:3em;border:0;border-top:1px solid var(--rule)}.prose img{margin-block:2em;border-radius:var(--radius)}.prose table{width:100%;margin-block:2em;border-collapse:collapse;font-size:.875em;line-height:1.7}:is(.prose table) td,:is(.prose table) th{padding:.5em .75em;border-bottom:1px solid var(--rule);text-align:left}:is(.prose table) th{font-weight:600;color:var(--text-strong)}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.875em;font-weight:600;color:var(--text-strong)}.prose pre{position:relative;margin-block:1.7em;background-color:transparent;padding:0}:is(.prose pre) code.hljs{display:block;overflow-x:auto;padding:1rem 1.25rem;border-radius:var(--radius);font-size:.875em;font-weight:400;line-height:1.7}:is(.prose pre) .code-copy:focus-visible,:is(.prose pre):hover .code-copy{opacity:1}.code-copy{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;padding:.2rem .55rem;border:1px solid hsla(0,0%,100%,.15);border-radius:.375rem;background-color:hsla(0,0%,100%,.08);font-family:var(--font-sans);font-size:.72rem;font-weight:500;line-height:1;color:#cbd5e1;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.code-copy:hover{background-color:hsla(0,0%,100%,.18);color:#fff}.code-copy.is-copied{opacity:1;border-color:rgba(134,239,172,.4);color:var(--accent)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}