/* Default blog layout — copied to site/assets/blog.css only when config.blog.enabled.
   Built on the engine's existing theme tokens so it follows config.theme; a client
   restyles it in custom.css or replaces the blog-index / blog-post partials. */
.blog-list,.blog-post{padding:var(--section-pad) 0}
.blog-list .container,.blog-post .container{width:min(var(--container),92%)}
.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 2rem}
.blog-tags a{font-size:var(--text-sm)}
.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);margin-bottom:.75rem}
.blog-card h2{font-size:var(--card-heading-size);margin-bottom:.3rem}
.blog-card h2 a{color:var(--card-heading-color)}
.blog-meta{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--letter-wide)}
.blog-pager{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}
.blog-post-header{max-width:720px;margin:0 auto 2rem}
.blog-post-body{max-width:720px;margin:0 auto;line-height:var(--leading-relaxed)}
.blog-post-body h2,.blog-post-body h3{margin:2rem 0 .75rem}
.blog-post-body ul,.blog-post-body ol{margin:0 0 1rem}
.blog-post-body img{border-radius:var(--radius);margin:1.5rem 0}
.blog-post-body blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin:1.5rem 0;color:var(--muted)}
.blog-post-body pre{overflow-x:auto;background:var(--surface);padding:1rem;border-radius:var(--radius)}
.blog-post-footer{max-width:720px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border)}