.blog-body{background:var(--bg);color:var(--body);color-scheme:light;font-family:var(--f-body);line-height:1.6}#blog-root{max-width:760px;margin:0 auto;padding:56px 24px 64px}.blog-empty,.blog-notfound{color:var(--muted);padding:24px 0}.blog-list{list-style:none;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-raised)}.blog-list-item+.blog-list-item{border-top:1px solid var(--border-soft)}.blog-list-link{display:flex;gap:28px;align-items:baseline;padding:20px 24px;color:var(--body);text-decoration:none;transition:background-color .12s ease,box-shadow .12s ease}.blog-list-link:hover,.blog-list-link:focus-visible{background:var(--bg-inset);box-shadow:inset 3px 0 0 var(--accent);outline:none}.blog-list-link:hover .blog-list-title{color:var(--headline)}.blog-list-date{color:var(--faint);font-size:11px;letter-spacing:.08em;white-space:nowrap;font-family:var(--f-mono)}.blog-list-title{font-family:var(--f-head);font-size:21px;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--headline)}.blog-post-date{color:var(--faint);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--f-mono);margin-bottom:14px}.blog-post h1{color:var(--headline);font-family:var(--f-head);font-size:48px;font-weight:700;line-height:.98;letter-spacing:-.025em;text-wrap:balance;margin-bottom:28px}.blog-post h2{color:var(--headline);font-family:var(--f-head);font-size:28px;font-weight:700;line-height:1.05;letter-spacing:-.015em;margin-top:40px;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-press);text-decoration-color:var(--accent-line);text-underline-offset:2px}.blog-post a:hover{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:6px}.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(--f-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(--accent);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)}@media(max-width:640px){.blog-list-link{flex-direction:column;gap:6px;padding:16px 18px}.blog-post h1{font-size:36px}}