.discussion-summary {
  margin-bottom: 1rem;
}

.discussion-summary h2 {
  margin-bottom: .35rem;
}

.discussion-comment {
  border-top: 1px solid var(--pc-line);
  padding-top: 1rem;
}

.discussion-comment:first-child {
  border-top: 0;
}

.discussion-move,
.comment-editor,
.comment-data {
  margin-top: .8rem;
}

.discussion-move summary,
.comment-editor summary,
.comment-data summary {
  color: var(--pc-accent-strong);
  cursor: pointer;
  font-weight: 700;
}

.discussion-move .settings,
.comment-editor .settings {
  margin-top: .8rem;
}

.comment-editor textarea {
  background: var(--pc-panel);
  border: 1px solid var(--pc-line-strong);
  border-radius: 0;
  color: var(--pc-text);
  font: inherit;
  min-height: 10rem;
  padding: .7rem;
  resize: vertical;
  width: 100%;
}

.comment-data dl {
  display: grid;
  gap: .35rem 1rem;
  grid-template-columns: max-content minmax(0, 1fr);
}

.comment-data dt {
  color: var(--pc-muted);
  font-weight: 700;
}

.comment-data dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.discussion-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1.25rem;
}

.danger-zone {
  border: 1px solid var(--pc-danger);
  border-radius: 0;
  margin-top: 1.25rem;
  padding: 1rem;
}

@media (max-width: 600px) {
  .comment-data dl {
    grid-template-columns: 1fr;
  }
}
