.comments-container{background-color:#fff;border-radius:.75rem;margin-top:2rem;padding:0 1rem}.comments-container .comment-item{background-color:#f9f9f9;border:.0625rem solid #ddd;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.comments-container .comment-item .comment-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.comments-container .comment-item .comment-header .comment-username{font-weight:700}.comments-container .comment-item .comment-header .comment-date{color:#888;font-size:.85rem}.comments-container .comment-item .comment-text{color:#444;font-size:1rem;margin-top:.25rem}.comments-container .comment-item .comment-reply{background-color:#e6f0ff;border-radius:.5rem;border-right:.25rem solid #007bff;margin-top:1rem;padding:.75rem 1rem}.comments-container .comment-item .comment-reply .reply-author{color:#007bff;font-weight:700;margin-bottom:.25rem}.comments-container .comment-item .comment-reply .reply-text{font-size:.95rem}.comments-container .comment-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.comments-container .comment-form .form-title{font-size:1.1rem;margin-bottom:.5rem}.comments-container .comment-form .form-input,.comments-container .comment-form .form-textarea{border:.0625rem solid #ccc;border-radius:.375rem;font-size:1rem;padding:.75rem;width:100%}.comments-container .comment-form .form-textarea{min-height:6.25rem;resize:vertical}.comments-container .comment-form .form-button{background-color:#007bff;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .2s;width:fit-content}.comments-container .comment-form .form-button:hover{background-color:#0056b3}