.blog-page{--blog-surface:#f8fafc;--blog-radius:15px 17px 13px 16px / 16px 14px 17px 15px;--blog-gutter:1.25rem;flex:1 0 auto}html[data-theme=dark] .blog-page{--blog-surface:#1e293b}.blog-page h1,.blog-page h2,.blog-page h3{color:var(--text);font-family:Nunito,system-ui,sans-serif;font-weight:800;line-height:1.25}.blog-page a{color:var(--blue)}.blog-page .wrap{max-width:760px;padding:0 var(--blog-gutter);margin:0 auto}.blog-page .eyebrow{color:var(--text-muted);margin:0 0 .5rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem}.blog-page .post-list{margin:2.5rem 0;padding:0;list-style:none}.blog-page .post-card{border:1px solid var(--border-lt);border-radius:var(--blog-radius);background:var(--blog-surface);color:inherit;margin-bottom:1.25rem;padding:1.4rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block}.blog-page .post-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #3b82f61f}.blog-page .post-card h2{margin:0 0 .4rem;font-size:1.35rem}.blog-page .post-meta{color:var(--text-muted);margin:0 0 .5rem;font-size:.85rem}.blog-page .post-card p{color:var(--text-muted);margin:0}.blog-page .prose{margin:2rem 0 4rem}.blog-page .prose img{border-radius:var(--blog-radius);max-width:100%;height:auto}.blog-page .prose pre{background:var(--blog-surface);border:1px solid var(--border-lt);border-radius:10px;padding:1rem;overflow-x:auto}.blog-page .prose blockquote{border-left:3px solid var(--blue);color:var(--text-muted);margin:1.5rem 0;padding-left:1rem}.blog-page .cover{border-radius:var(--blog-radius);width:100%;height:auto;margin:1.5rem 0}.blog-page .empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border-lt);border-radius:var(--blog-radius);margin:4rem 0;padding:2rem}