/* Reply context is shared by full pages, guest previews and the post reader. */
.site-body .post-comment-quote {
  margin: 0 0 10px;
  padding: 8px 12px;
  border: 0;
  border-inline-start: 3px solid #789780;
  border-radius: 8px;
  background: #f1f5ef;
  color: #526057;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.site-body .post-comment-quote p { margin: 4px 0 0; font-size: 13px; }
.site-body .post-comment-quote strong { color: #334b3b; }
.site-body .post-comment-reply-form .post-comment-quote { margin-top: 8px; }
.site-body .post-view-comments,
.site-body .post-comment-node { display: flex; flex-direction: column; gap: 10px; }
.site-body .post-comment-card {
  min-width: 0; padding: 12px; border: 1px solid #dce3d9;
  border-radius: 14px; background: #fffefb; color: #334139;
}
.site-body .post-comment-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.site-body .post-comment-head-main { min-width: 0; }
.site-body .post-comment-name { margin: 0; font-size: 14px; color: inherit; }
.site-body .post-comment-meta-row { font-size: 12px; color: #718074; }
.site-body .post-comment-text { overflow-wrap: anywhere; }
.site-body .post-comment-actions { margin-top: 10px; }
.site-body .post-comment-reply-form[hidden] { display: none; }
.site-body .post-comment-children { margin-inline-start: 16px; }
.site-body .post-comment-children .post-comment-children { margin-inline-start: 8px; }
@media (max-width: 760px) {
  .site-body .post-comment-children { margin-inline-start: 10px; }
  .site-body .post-comment-children .post-comment-children { margin-inline-start: 4px; }
}