/* File: /assets/css/blog.css */
.blog-listing-header{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);text-align:center;}
.blog-categories{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;}
.blog-categories a{display:block;padding:.5rem 1.2rem;border:1px solid var(--border-color);border-radius:30px;background-color:#fff;color:var(--text-dark);font-weight:500;transition:all .3s ease;}
.blog-categories a:hover,.blog-categories a.active{background-color:var(--primary-green);color:#fff;border-color:var(--primary-green);}
.single-post-container{max-width:800px;margin:0 auto;}
.single-post-content{background-color:#fff;padding:3rem;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.07);font-family:'Lora',serif;font-size:1.15rem;line-height:1.8;}
.single-post-content .post-meta{font-family:var(--font-family);font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;}
.single-post-content h1,.single-post-content h2,.single-post-content h3{font-family:var(--font-family);line-height:1.3;}
.single-post-content p{margin-bottom:1.5rem;}
.single-post-content a{text-decoration:underline;}
.author-box{margin-top:3rem;padding:2rem;background-color:var(--light-bg);border-radius:8px;display:flex;gap:1.5rem;align-items:center;font-family:var(--font-family);font-size:1rem;line-height:1.6;}
.author-box .author-image img{width:80px;height:80px;border-radius:50%;object-fit:cover;}
.author-box .author-info h4{margin:0 0 .5rem;}
.author-box .author-info p{margin:0;color:var(--text-muted);}

/* NEW: Comments Section Styles */
.comments-section { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--border-color); font-family: var(--font-family); font-size: 1rem; }
.comments-section h3 { margin-bottom: 1.5rem; font-size: 1.5rem; }
.comment-list { list-style: none; padding: 0; margin: 0; }
.comment { padding: 1.5rem; background: var(--light-bg); border-radius: 8px; margin-bottom: 1rem; }
.comment-author { font-weight: 600; margin-bottom: 0.25rem; }
.comment-date { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 1rem; }
.comment-text { line-height: 1.6; }
.comment-form { margin-top: 2rem; }
.comment-form .form-group { margin-bottom: 1rem; }
.comment-form textarea { min-height: 120px; }