/* ── Comment section styles ──────────────────────────────────── */
.comment-section { margin-top:20px; }
.comment-section h3 { font-family:georgia,garamond,serif; color:brown; font-size:20px; border-bottom:2px solid #ccc; padding-bottom:5px; margin-bottom:12px; }
.comment-list { list-style:none; padding:0; }
.comment-item { border-bottom:1px solid #eee; padding:12px 0; font-size:14px; }
.comment-item .comment-meta { font-size:12px; color:#888; margin-bottom:5px; }
.comment-item .comment-author { font-weight:bold; color:#333; }
.comment-item .comment-body { color:#444; line-height:1.6; }
.comment-form { margin-top:16px; }
.comment-form label { display:block; margin-bottom:4px; font-size:14px; font-weight:bold; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
  width:100%; border:1px solid #ccc; border-radius:4px; padding:8px 10px;
  font-size:14px; margin-bottom:10px; box-sizing:border-box; outline:none;
}
.comment-form textarea { height:100px; resize:vertical; }
.comment-form button {
  background:#009900; color:#fff; border:none; border-radius:4px;
  padding:8px 20px; cursor:pointer; font-size:14px;
}
.comment-form button:hover { background:#007700; }