.comment-list li{border-bottom:1px solid #e9ecef;padding:1rem 0;display:flex;gap:1rem}.comment-list li:last-child{border-bottom:none}.comment-list .comment-author img{border-radius:50%;width:50px;height:50px}.comment-content{flex:1}.comment-meta{font-size:.9rem;color:#6c757d;margin-bottom:.3rem}.comment-author .fn{font-weight:600;color:#28a745}.comment-reply-link{font-size:.85rem;color:#28a745!important;border:1px solid #28a745;padding:4px 12px;border-radius:20px;transition:background-color 0.3s ease;text-decoration:none!important;display:inline-block;margin-top:.5rem}.comment-reply-link:hover{background-color:#28a745;color:white!important}.comment-form label{font-weight:600;color:#28a745}.comment-form .form-control{border-radius:6px;border:1px solid #ced4da;box-shadow:none;transition:border-color 0.3s ease}.comment-form .form-control:focus{border-color:#28a745;box-shadow:0 0 5px rgb(40 167 69 / .5)}.comment-form .submit{background-color:#28a745;color:#fff;border:none;padding:10px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;margin-top:1rem}.comment-form .submit:hover{background-color:#218838}.logged-in-as{background-color:#e8f5e9;border:1px solid #28a745;padding:10px 15px;border-radius:8px;color:#155724;font-weight:600;margin-bottom:1rem}.comment-navigation{display:flex;justify-content:space-between;margin:1.5rem 0}.comment-navigation .nav-previous a,.comment-navigation .nav-next a{color:#28a745;font-weight:600;text-decoration:none;border:1px solid #28a745;padding:6px 14px;border-radius:20px;transition:background-color 0.3s ease}.comment-navigation .nav-previous a:hover,.comment-navigation .nav-next a:hover{background-color:#28a745;color:#fff}.no-comments{font-style:italic;color:#6c757d;margin-top:1rem}