.blog-body{background:var(--bg);color:var(--body);color-scheme:light;font-family:var(--sans);min-height:100vh;line-height:1.6}#blog-root{max-width:760px;margin:0 auto;padding:32px 24px 64px}.blog-empty,.blog-notfound{color:var(--muted);padding:24px 0}.blog-list{list-style:none}.blog-list-item{border-bottom:1px solid var(--border-soft)}.blog-list-link{display:flex;gap:24px;align-items:baseline;padding:16px 0;color:var(--body);text-decoration:none}.blog-list-link:hover .blog-list-title{color:var(--headline)}.blog-list-date{color:var(--muted);font-size:13px;white-space:nowrap;font-family:var(--mono)}.blog-list-title{font-size:16px}.blog-post-date{color:var(--muted);font-size:13px;font-family:var(--mono);margin-bottom:16px}.blog-post h1{color:var(--headline);font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.15;margin-bottom:16px}.blog-post h2{color:var(--headline);font-family:var(--serif);font-size:24px;font-weight:500;margin-top:32px;margin-bottom:12px}.blog-post h3{color:var(--headline);font-size:17px;font-weight:600;margin-top:24px;margin-bottom:8px}.blog-post p{margin-bottom:16px}.blog-post a{color:var(--accent)}.blog-post img{display:block;max-width:100%;height:auto;margin:24px auto 8px;border:1px solid var(--border-soft);border-radius:8px}.blog-post ul,.blog-post ol{margin:0 0 16px 24px}.blog-post li{margin-bottom:4px}.blog-post code{background:var(--bg-raised);border:1px solid var(--border-soft);padding:2px 6px;border-radius:3px;font-size:13px;color:var(--headline);font-family:var(--mono)}.blog-post pre{background:var(--bg-raised);border:1px solid var(--border-soft);padding:12px;border-radius:4px;overflow-x:auto;margin-bottom:16px}.blog-post pre code{background:transparent;padding:0}.blog-post blockquote{border-left:3px solid var(--border);padding-left:16px;color:var(--muted);margin:0 0 16px}.blog-post hr{border:none;border-top:1px solid var(--border-soft);margin:32px 0}.blog-back{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-soft)}.blog-back a{color:var(--body);text-decoration:none;font-size:14px}.blog-back a:hover{color:var(--headline)}