#comments{margin:2rem 0;font-family:'Fira Sans Condensed',sans-serif;color:#333;font-size:0.9rem}.comment{position:relative;border-top:1px solid #000;padding:1rem}.comment:first-child{border-top:none}.comment .replies{margin-left:2rem;padding-left:1rem;border-left:2px solid #0056b3}.comment-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;font-size:1rem}.comment-header .author{font-weight:700;color:#0056b3;text-decoration:none}.comment-header .date{font-size:.9rem;color:#000}.comment-content{margin:.5rem 0 1rem;line-height:1.4}.comment-actions{font-size:.85rem;margin-top:.2rem}.comment-actions a{color:#0056b3;margin-right:1rem;text-decoration:none;transition:color .2s ease,text-decoration .2s ease}.comment-actions a:hover{text-decoration:underline}.reply-form,.comment-form{margin-top:1rem}.reply-form textarea,.reply-form input[type=text],.comment-form textarea,.comment-form input[type=text]{width:100%;padding:.5rem;margin-bottom:.5rem;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.95rem;resize:vertical}.reply-form button,.comment-form button{padding:.4rem 1rem;background:#3498db;color:#000;border:none;border-radius:4px;cursor:pointer;transition:background .25s ease}.reply-form button:hover,.comment-form button:hover{background:#2980b9}.comment-avatar{width:24px;height:24px;border-radius:50%;margin-right:6px;vertical-align:middle}.comment-info-box{border:1px solid #ddd;background:#f0f8ff;padding:15px 20px;margin-bottom:25px;font-family:'Open Sans',sans-serif;font-size:15px;color:#333;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.1);line-height:1.5}.comment-info-box strong{color:#3498db;font-size:17px}.comment-info-box ul{padding-left:20px;margin-top:10px}.comment-info-box li{margin-bottom:8px}.comment-info-box em{color:#555;font-style:italic}@media(max-width:600px){.comment-header{flex-direction:column;align-items:flex-start}.comment-actions{margin-top:.5rem}}.comment-info-toggle{background:#3498db;color:#000;font-weight:700;padding:10px 15px;border-radius:6px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:background .3s ease;margin-bottom:8px}.comment-info-toggle:hover{background:#2980b9}.comment-info-box{max-height:0;overflow:hidden;opacity:0;transition:all .5s ease}.comment-info-box.open{max-height:1000px;opacity:1;padding:15px 20px;margin-bottom:25px}