/* 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)}