.comment-list{display:flex;flex-direction:column;gap:10px;margin:8px 0 18px}.comment-item{border:1px solid #e6e9ef;border-radius:12px;padding:12px 14px;background:#fafbfc}.comment-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.comment-meta small{color:#6b7280}.comment-text{white-space:normal;line-height:1.5}.comment-form{display:grid;grid-template-columns:minmax(180px,240px) 1fr auto;gap:12px;align-items:end;border-top:1px solid #e6e9ef;padding-top:16px}.comment-form textarea{min-height:82px;resize:vertical}@media(max-width:800px){.comment-form{grid-template-columns:1fr}.comment-form button{width:100%}}