:root{--bg: #faf8f4;--fg: #1c1c1c;--muted: #64748b;--link: #1d4ed8;--link-visited: #6d28d9;--border: #e8e8e2;--code-bg: #f5f5f0;--accent: #8a5fa0;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);font-size:17px;line-height:1.7;color:var(--fg);background:var(--bg);max-width:780px;margin:0 auto;padding:2rem 1.25rem}a{color:var(--link);text-decoration:underline;text-underline-offset:3px}a:visited{color:var(--link-visited)}a:hover{text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.site-name{font-weight:700;font-size:1rem;color:var(--fg);text-decoration:none}.site-name:visited{color:var(--fg)}nav a{font-size:.875rem;color:var(--muted);text-decoration:none;margin-left:1.25rem}nav a:hover{color:var(--fg)}nav a:visited{color:var(--muted)}.post-list{list-style:none}.post-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.post-item:last-child{border-bottom:none}.post-date{color:var(--muted);font-size:.8125rem;margin-bottom:.2rem}.post-title{font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:.4rem}.post-title a{color:var(--fg);text-decoration:none}.post-title a:visited{color:var(--fg)}.post-title a:hover{text-decoration:underline;text-underline-offset:3px}.post-summary{color:var(--muted);font-size:.9375rem}.article-header{margin-bottom:2rem}.article-header h1{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:.4rem}.article-date{color:var(--muted);font-size:.8125rem}.article-body{line-height:1.8}.article-body h2,.article-body h3,.article-body h4{margin-top:2rem;margin-bottom:.75rem;font-weight:600;line-height:1.3}.article-body h2{font-size:1.35rem}.article-body h3{font-size:1.15rem}.article-body p{margin-bottom:1.25rem}.article-body ul,.article-body ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-body li{margin-bottom:.3rem}.article-body code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);padding:.15em .35em;border-radius:3px}.article-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:1rem 1.25rem;overflow-x:auto;margin-bottom:1.25rem}.article-body pre code{background:none;padding:0;font-size:.875rem}.article-body blockquote{border-left:3px solid var(--border);margin:1.5rem 0;padding:.25rem 1.25rem;color:var(--muted)}.article-body img{max-width:100%;border-radius:6px;margin:1rem 0;display:block}.def{border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--code-bg));border-radius:0 6px 6px 0;padding:.6em 1em;margin:1.1em 0;font-size:.95rem}.def .term{font-weight:700;color:var(--accent)}.article-body table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.875rem;line-height:1.5}.article-body th,.article-body td{text-align:left;padding:.5em .7em;border:1px solid var(--border);vertical-align:top}.article-body thead th{background:var(--code-bg);font-weight:600}.article-body tbody tr:first-child{background:color-mix(in srgb,var(--accent) 7%,transparent)}.sharebar{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.875rem}.sharebar-label{color:var(--muted);font-weight:600}.sharebar a{color:var(--muted);text-decoration:none}.sharebar a:hover{color:var(--fg)}.sharebar-copy{font:inherit;color:var(--muted);background:none;border:none;padding:0;cursor:pointer}.sharebar-copy:hover{color:var(--fg)}.comments{margin-top:2.5rem}.comments-todo{color:var(--muted);font-size:.875rem}.post-about{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem;line-height:1.7}.post-about p{margin-bottom:.6rem}.post-about p:last-child{margin-bottom:0}.post-about strong{color:var(--fg)}.post-about-follow{font-size:.85rem}.back-link{display:inline-block;margin-top:2.5rem;color:var(--muted);font-size:.875rem;text-decoration:none}.back-link:hover{color:var(--fg)}.back-link:visited{color:var(--muted)}footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8125rem}@media(max-width:600px){body{font-size:16px;padding:1.25rem 1rem}.article-header h1{font-size:1.5rem}header{flex-direction:column;align-items:flex-start;gap:.75rem}nav a:first-child{margin-left:0}}