/* Comment styling */

/* Comment container */
.comment {
  max-width: 100%;
}

/* The comment editor sits on the comment bubble, so the editor and its toolbar
   adopt the bubble's background instead of the page canvas. */
.comment-form {
  --lexxy-color-canvas: rgb(243 244 246); /* gray-100 */
}

.dark .comment-form {
  --lexxy-color-canvas: rgb(31 41 55); /* gray-800 */
}

.comment-form lexxy-editor {
  border: none;
  box-shadow: none;
}

/* Comment body rich text styling */
.comment__body {
  text-align: left;
}

.comment__body p {
  margin: 0;
}

.comment__body p + p {
  margin-top: 0.5em;
}