.comment-list,.comment-replies{list-style:none;padding:0;margin:0;min-width:0}
.comment-thread{min-width:0;margin:0;padding:0}
.comments-page>header+.button{margin-block:12px 20px}
.comment-list>.comment-thread{border-top:1px solid var(--line);padding:20px 0}
.comment-thread>.native-comment{margin:0;padding:0;border:0;min-width:0}
.comment-replies{margin:16px 0 0 16px;padding-left:16px;border-left:2px solid var(--line)}
.comment-replies>.comment-thread+.comment-thread{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.native-comment>header{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 10px;align-items:center}
.native-comment>header .comment-avatar{grid-row:1/4;width:32px;height:32px}
.native-comment>header>a,.native-comment>header>strong{min-width:0;overflow-wrap:anywhere;line-height:1.4}
.native-comment>header time,.native-comment>header small{grid-column:2}
.native-comment .comment-text{margin:12px 0 4px;font-size:15px}
.comment-actions{gap:0 16px}.comment-actions>details{max-width:100%}
.comment-actions summary{font-weight:600}.comment-actions>details[open]{width:100%}
.comment-compose{padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:16px;margin:20px 0;gap:10px}
.comment-compose textarea{background:var(--surface);min-height:104px;max-height:50dvh;resize:vertical;font-size:16px;line-height:1.6}
.comment-compose label{overflow-wrap:anywhere}.comment-compose small{font-size:12px}
.comment-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}
.comment-compose-footer>output{font-size:12px;color:var(--muted);white-space:nowrap}
.comment-compose-footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}
.comment-compose-footer .text-button{min-height:44px;padding:8px;color:var(--muted)}
.comment-compose [hidden]{display:none!important}.comment-compose .button{min-height:44px}
.comment-actions .comment-compose{margin:0 0 12px}.native-comment:target{scroll-margin-top:140px;outline:2px solid var(--line);outline-offset:6px;border-radius:8px}
@media(max-width:760px){.comment-replies{margin-left:6px;padding-left:10px}.comment-compose{padding:12px;border-radius:12px}.comment-compose-footer{gap:6px}.comment-compose-footer>div{gap:4px}.comment-compose .button{padding-inline:14px}.comment-list>.comment-thread{padding:16px 0}.reading-mode .native-comment:target{scroll-margin-top:20px}}
