.comment{background-color:#f9f9f9;font-family:Arial,sans-serif}.comment-text{line-height:1.4}.comment-time{font-size:.8rem}.comments-section{margin-top:40px;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.comments-section h2{font-size:1.8rem;color:#2c3e50;margin-bottom:20px;text-align:center}.comment{padding:15px;border:1px solid #ddd;border-radius:8px;margin-bottom:15px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.comment-user{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.comment-text{font-size:1rem;color:#555;margin-bottom:10px;line-height:1.5}.comment-time{font-size:.9rem;color:#888;text-align:right;display:block}.comment-form{margin-top:20px;display:flex;flex-direction:column;gap:10px}.comment-form input,.comment-form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.comment-form textarea{min-height:80px;resize:vertical}.comment-form button{padding:10px 15px;border:none;border-radius:5px;background-color:#0070f3;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.comment-form button:hover{background-color:#005bb5}@media (max-width:768px){.comments-section{padding:15px}.comments-section h2{font-size:1.5rem}.comment{padding:10px}.comment-form button,.comment-form input,.comment-form textarea{font-size:.9rem}}