.comment-list{display:grid;gap:20px}
.comment-thread{min-width:0}
.reader-comment{padding:18px;border:1px solid #dce4df;border-radius:8px;background:#fff;box-shadow:0 2px 5px #202c2805;scroll-margin-top:20px}
.reader-comment .comment-content>p{font-size:15px;line-height:1.7;margin:12px 0 14px}
.reader-comment .comment-meta{gap:6px 12px}
.comment-actions{flex-wrap:wrap;align-items:center;gap:4px}
.comment-actions>details[open]{flex-basis:100%;order:3;min-width:0}
.comment-reply>summary{display:flex;align-items:center;gap:7px;list-style:none;min-height:40px;padding:8px;color:#52655b;font-size:13px;font-weight:600;width:max-content;max-width:100%;border-radius:4px}
.comment-reply>summary::-webkit-details-marker{display:none}
.comment-reply>summary:hover{background:#edf5ef;color:#126548}
.comment-reply form{max-width:none;margin-top:12px;gap:10px}
.comment-reply form textarea{resize:vertical}
.comment-reply .compose-toolbar>button{gap:8px;font-size:14px}
.comment-edit>summary{border:0;background:transparent;width:40px;height:40px}
.comment-reply>summary:focus-visible,.comment-edit>summary:focus-visible{outline:2px solid #167254;outline-offset:2px}
.thread-replies{display:grid;gap:12px;margin:12px 0 0 28px;padding-left:14px;border-left:2px solid #dce6e1;min-width:0}
.reader-reply{padding:15px;box-shadow:none}
.reply-context{display:block;margin-top:7px;color:#63726a;font-size:12px;overflow-wrap:anywhere}
.comment-deleted{background:#f1f4f2;box-shadow:none}
.reader-comment .comment-placeholder{color:#63726a;font-size:14px;font-style:italic;margin:10px 0}
.comment-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:26px;max-width:100%;flex-wrap:wrap}
.comment-pagination a{width:40px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px}
.comment-pagination a:hover{background:#edf5ef;text-decoration:none}
.page-dot span{width:10px;height:10px;border:1px solid #94a89c;background:#dce6e0;border-radius:50%}
.page-dot[aria-current=page] span{background:#167254;border-color:#167254;box-shadow:0 0 0 4px #e4f2e9}
.comment-pagination a:focus-visible{outline:2px solid #167254;outline-offset:1px}
.page-gap{width:8px;flex-shrink:0;color:#63726a;text-align:center;font-size:12px}
.pagination-count{text-align:center;margin:4px 0 0;font-size:12px;color:#63726a}
.remove-copy{max-width:780px;margin-top:36px}
@media(max-width:480px){.reader-comment{padding:14px;grid-template-columns:32px minmax(0,1fr);gap:10px}.reader-comment .comment-avatar .avatar,.comment-deleted>.avatar{width:32px;height:32px;font-size:19px}.thread-replies{margin-left:14px;padding-left:10px}.reader-reply{padding:12px;grid-template-columns:28px minmax(0,1fr);gap:8px}.reader-reply .comment-avatar .avatar{width:28px;height:28px;font-size:17px}.reader-comment .comment-meta a{font-size:13px}.reader-comment .comment-content>p{font-size:14px}.comment-pagination{gap:2px}.comment-reply .compose-toolbar{flex-wrap:wrap}.comment-reply .emoji-grid{width:240px;grid-template-columns:repeat(4,minmax(0,1fr))}}