/* blog.css: the blog index (public/blog.html) and the post page (functions/blog/_render.js). Tokens only. */
.blog-list{padding-top:var(--s4)}
.posts{max-width:var(--measure)}
.posts .text-2{max-width:var(--measure)}
.post-head{padding-bottom:var(--s4)}
.post-head h1{max-width:20ch}
.post-body{padding-bottom:var(--section)}
.post-cover{width:100%;max-width:var(--measure);height:auto;margin-bottom:var(--s5);border:var(--soft);border-radius:var(--r-s)}
.post-body .prose{font-size:var(--t5);line-height:var(--lh5)}
.post-body .prose strong{color:var(--cream);font-weight:500}
.post-body .prose blockquote{margin:0;padding-left:var(--s3);border-left:2px solid var(--gold);font:italic 400 var(--t4)/var(--lh4) var(--f-display);color:var(--cream)}
.post-actions{margin-top:var(--s6)}
.post-body .prose h2{font-size:var(--t3);line-height:var(--lh3);font-weight:var(--w-heading)}
.post-body .prose h3{font-size:var(--t4);line-height:var(--lh4)}
/* comments under a post (public/js/blog-comments.js, 24 Oct 2026) */
.post-comments{padding-bottom:var(--section)}
.post-comments .wrap{max-width:var(--measure)}
.post-comments h2{font-size:var(--t3);line-height:var(--lh3);font-weight:var(--w-heading)}
.bc-list{display:grid;gap:var(--s3);margin:var(--s4) 0;padding:0;list-style:none}
.bc-item{padding:var(--s3);border:var(--soft);border-radius:var(--r-m);background:var(--card)}
.bc-item.is-her{border-color:var(--gold-line)}
.bc-who{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin:0 0 var(--s1);color:var(--cream)}
.bc-her{padding:0 8px;border:1px solid var(--gold-line);border-radius:var(--r-full);font-size:12px;line-height:20px;color:var(--gold)}
.bc-body{margin:0;white-space:pre-line;overflow-wrap:anywhere;color:var(--cream-2)}
.bc-wait{margin:var(--s1) 0 0;color:var(--rose)}
.bc-form{margin-top:var(--s4)}
.bc-form textarea{width:100%;min-height:110px;padding:12px;background:var(--deep);border:var(--soft);border-radius:var(--r-s);color:var(--cream);font:inherit}
.bc-join{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s4)}