/* 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 var(--ef-sage-line);
  border-radius: 8px;
  background: var(--ef-sage);
  color: var(--ef-soft);
  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: var(--ef-ink); }
.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 var(--ef-line);
  border-radius: 14px; background: var(--ef-card); color: var(--ef-text);
}
.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; }
}
.site-body .post-comment-level-2 > .post-comment-continuation {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-inline-start: 0;
  padding-inline-start: 0;
  border-inline-start: 0;
}