.comments-jump {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  margin:0 0 8px;
  padding:8px 12px;
  border:1.5px solid #171b24;
  border-radius:0;
  background:var(--coral);
  color:#171b24;
  font-weight:800;
  font-size:13px;
  box-shadow:3px 3px 0 var(--shadow)
}
.comments-jump:hover {
  transform:translateY(-2px)
}
.comments-section {
  margin:32px 0;
  padding:28px 0;
  border-top:4px solid var(--rule);
  scroll-margin-top:16px;
  overflow-wrap:anywhere
}
.comments-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap
}
.comments-heading h2 {
  font:800 36px/1.05 var(--display);
  text-transform:uppercase;
  margin:0;
  letter-spacing:.1px
}
.comment-count {
  font:11px ui-monospace,monospace;
  border:1px solid var(--line);
  padding:6px 10px
}
.comment-topic {
  font-size:14px;
  font-weight:600;
  margin:10px 0 20px;
  color:var(--muted)
}
.comment-fields {
  border:0;
  padding:0;
  margin:0;
  min-width:0
}
.comment-fields label {
  display:block;
  font-size:12px;
  font-weight:750;
  margin:12px 0 5px
}
.comment-fields input {
  width:min(280px,100%)
}
.comment-fields textarea {
  display:block;
  width:100%;
  resize:vertical;
  min-height:100px
}
.comment-compose-actions,.comment-toolbar,.comment-actions,.report-form,.reply-context,.remove-confirm {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap
}
.comment-compose-actions {
  justify-content:space-between;
  margin-top:12px
}
.comment-submit {
  background:var(--action);
  color:var(--on-action);
  border-color:var(--action);
  box-shadow:3px 3px 0 var(--shadow)
}
.comment-length,.comment-guidance,.guest-label {
  font-size:11px;
  color:var(--muted)
}
.comment-guidance {
  margin:12px 0;
  line-height:1.5
}
.comment-status {
  font-size:13px;
  white-space:pre-wrap
}
.comment-status:empty {
  display:none
}
.comment-toolbar {
  border-top:2px solid var(--rule);
  padding-top:16px;
  margin-top:22px;
  font-size:12px
}
.comment-toolbar label {
  font-weight:700
}
.comment-toolbar select,.report-form select {
  font-size:13px
}
.comment-toolbar button {
  margin-left:auto
}
.comments-empty {
  font-size:14px;
  color:var(--muted);
  padding:24px 0
}
.comment {
  border-top:1px solid var(--line);
  margin-top:18px;
  padding-top:18px;
  min-width:0
}
.comment-header {
  display:flex;
  gap:10px;
  align-items:baseline;
  flex-wrap:wrap
}
.comment-header strong {
  font-size:15px
}
.comment-time {
  display:block;
  margin-top:3px;
  font-size:10px;
  color:var(--muted)
}
.comment-body {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:15px;
  line-height:1.6;
  margin:12px 0
}
.comment-actions {
  gap:18px
}
.comment-actions button {
  min-height:44px;
  font-size:12px
}
.comment-actions button[aria-pressed=true] {
  color:var(--accent);
  font-weight:800
}
.comment-branch {
  margin-left:15px;
  border-left:3px solid var(--line);
  padding-left:18px
}
.reply-context,.remove-confirm,.report-form {
  padding:8px 0;
  font-size:12px
}
@media(max-width:600px) {
  .comments-section {
    padding:22px 0;
    margin:24px 0
  }
  .comments-heading h2 {
    font-size:29px
  }
  .comments-jump {
    font-size:12px
  }
  .comment-branch {
    margin-left:5px;
    padding-left:10px
  }
}