#commentRichWrap[hidden], #words[hidden] { display: none; }
#commentToolbar { display:flex; flex-wrap:wrap; gap:3px; padding:6px; background:#f8fafc; border:1px solid #d9e1ec; border-radius:6px 6px 0 0; }
#commentToolbar button { width:32px; height:32px; padding:6px; margin:0; border:0; border-radius:4px; background:transparent; color:#526176; box-shadow:none; cursor:pointer; }
#commentToolbar button:hover, #commentToolbar button.ql-active { background:#e8f1ff; color:#2563eb; }
#commentToolbar button:focus-visible { outline:2px solid #2563eb; }
#commentEditor { height:auto; border:1px solid #d9e1ec; border-top:0; border-radius:0 0 6px 6px; background:#fff; font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
#commentEditor .ql-editor { height:auto; min-height:140px; max-height:320px; overflow-y:auto; padding:12px; overflow-wrap:anywhere; }
#commentEditor img, .comment-body img.comment-inline-image { display:block; width:auto; max-width:min(800px, 100%); height:auto; margin:8px 0; cursor:default; }
.comment-body p { margin:0 0 8px; }
.comment-body p:last-child { margin-bottom:0; }
.comment-body ul, .comment-body ol { padding-left:24px; margin:8px 0; }
.comment-body ul { list-style:disc outside; }
.comment-body ol { list-style:decimal outside; }
.comment-body blockquote { margin:8px 0; border-left:3px solid #ced9e6; padding:4px 12px; color:#64748b; }
.comment-body a { color:#2563eb; text-decoration:underline; overflow-wrap:anywhere; }
.comment-body strong { font-weight:700; }
.comment-body em { font-style:italic; }
.comment-body s { text-decoration:line-through; }
@media(max-width:520px) { #commentEditor .ql-editor { min-height:120px; } }