/* Blog-specific styles. Inherits design tokens from site.css. */

.post-card{display:flex;flex-direction:column;}
.post-card__media{aspect-ratio:16/9;background:var(--green-50);display:block;overflow:hidden;}
.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.post-card:hover .post-card__media img{transform:scale(1.04);}
.post-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--green-500);font-size:2rem;background:var(--green-50);}
.post-card__meta{display:flex;gap:14px;color:var(--muted);font-size:.85rem;margin-bottom:10px;}
.post-card__more{display:inline-flex;align-items:center;gap:6px;color:var(--green-700);font-weight:600;margin-top:8px;}
.post-card__more:hover{color:var(--green-900);}

.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--green-700);font-weight:600;margin-bottom:16px;}
.back-link:hover{color:var(--green-900);}

.post__header{margin-bottom:24px;}
.post__meta{display:flex;gap:18px;color:var(--muted);font-size:.9rem;margin-top:10px;}
.post__meta i{color:var(--green-500);margin-right:4px;}
.post__cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);margin-bottom:24px;border:1px solid var(--line);}
.post__body p{font-size:1.05rem;line-height:1.75;margin-bottom:1em;color:var(--ink-2);}
.post__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;}

.comments{margin-top:48px;padding-top:32px;border-top:1px solid var(--line);}
.comments h2{margin-bottom:20px;}
.comments__list{display:grid;gap:16px;margin-bottom:32px;}
.comment{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;}
.comment__avatar{width:42px;height:42px;border-radius:999px;background:var(--green-100);color:var(--green-700);font-weight:700;display:flex;align-items:center;justify-content:center;}
.comment__head{display:flex;gap:10px;align-items:center;margin-bottom:4px;}

.comment-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}

.empty-state{text-align:center;padding:64px 0;color:var(--muted);}
.empty-state i{font-size:3rem;color:var(--green-300);margin-bottom:14px;}

.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:32px;}