.comment-tree .threaded-comment {
  margin-block: 1.25rem;
  min-width: 0;
  scroll-margin-top: 6rem;
  overflow-wrap: anywhere;
}

.comment-tree .comment-header {
  display: flow-root;
}

.comment-tree .comment-author {
  margin: 0 0 0.25rem;
  font-size: 1.05rem;
}

.comment-tree .comment-timestamp,
.comment-tree .comment-reply-context {
  font-size: 0.85rem;
}

.comment-tree .comment-reply-context {
  margin: 0.35rem 0 0;
}

.comment-tree .comment-content {
  border: 0;
  padding: 0.65rem 0 0;
}

.comment-tree .comment-content * {
  margin: 0;
  padding: 0;
}

.comment-tree .comment-content > * + * {
  margin-block-start: 0.75rem;
}

.comment-tree .comment-content ul,
.comment-tree .comment-content ol {
  padding-inline-start: 1.5rem;
}

.comment-tree .comment-content pre {
  overflow-x: auto;
}

.comment-tree .comment-content img {
  max-width: 100%;
  height: auto;
}

.comment-tree .comment-replies {
  border-inline-start: 2px solid #a0a0a0;
  margin-inline-start: 1rem;
  padding-inline-start: 1.25rem;
}

.comment-tree .comment-replies--flat {
  margin-inline-start: 0;
  padding-inline-start: 0;
  border: 0;
}

.comment-tree > .threaded-comment + .threaded-comment {
  border-block-start: 1px solid #a0a0a0;
  padding-block-start: 1.25rem;
}

@media (max-width: 575px) {
  .comment-tree .comment-replies {
    margin-inline-start: 0.25rem;
    padding-inline-start: 0.65rem;
  }

  .comment-tree .comment-replies--flat {
    margin-inline-start: 0;
    padding-inline-start: 0;
  }
}