.bbs-comments { margin-top: 16px; padding-top: 10px; border-top: 1px dashed #a5bbc8; font-size: 13px; }
.bbs-comments h3 { margin: 0 0 8px; font-size: 14px; color: #365c70; }
.bbs-comment { padding: 8px 0; border-bottom: 1px dotted #ccc; overflow-wrap: anywhere; }
.bbs-comment strong { color: #006600; }
.bbs-comment time { margin-left: 8px; font-size: 11px; color: #666; }
.bbs-comment p { white-space: pre-wrap; margin: 6px 0; }
.bbs-comments button, .bbs-comment-count { font: inherit; cursor: pointer; }
.bbs-comments button { margin: 3px 5px 3px 0; }
.bbs-comment-form { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 12px; align-items: center; }
.bbs-comments label { display: flex; flex-direction: column; gap: 4px; }
.bbs-comment-form label:has(textarea) { flex-basis: 100%; }
.bbs-comments input, .bbs-comments textarea { box-sizing: border-box; max-width: 100%; font: inherit; padding: 5px; border: 1px inset #bbb; }
.bbs-comments textarea { width: 100%; resize: vertical; }
.bbs-comments [role=status] { color: #74482b; margin: 5px 0; }
.bbs-comment-count { margin-left: 6px; font-size: 11px; }
.bbs-detail-overlay .bbs-detail-dialog { max-height: 90dvh; overflow-y: auto; }
@media (max-width: 480px) { .bbs-comment-form label { width: 100%; } .bbs-comments input { width: 100%; } }