.comment-block {
    background-color: #16171b;
    border: 1px dashed #2a2b31;
    border-radius: 16px;
}

.reply-block {
    background-color: #16171b;
    border: 1px dashed #2a2b31;
    border-radius: 16px;
}

.reply-body {
  word-break: break-word;
  overflow-wrap: anywhere;
}


.reply-input {
    width: 100%;
    border: 1px solid var(--gh-border);
    background: var(--gh-bg);
    color: var(--gh-text);
    padding: .7rem .9rem;
    border-radius: var(--gh-radius);
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}

/* ================================
   Comment -> Reply tree connector
   (does NOT change your layout)
   ================================ */

/* Container that holds all replies for a comment */
.reply-tree{
  position: relative;
}

/* Vertical dashed line (sits inside the ms-5 gap) */
.reply-tree::before{
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;

  /* ms-5 ≈ 48px. This places the line nicely inside that gutter. */
  left: 24px;
  width: 1px;

  background: repeating-linear-gradient(
    to bottom,
    #2a2b31 0 6px,
    transparent 6px 14px
  );
}

/* Each reply wrapper (you already have ms-5 mt-2; we just add a class) */
.reply-tree-item{
  position: relative;
}

/* Horizontal elbow from vertical line to the reply card */
.reply-tree-item::before{
  content: "";
  position: absolute;

  /* Align elbow around the header line inside reply-block */
  top: 22px;

  /* Extend back into the gutter to meet the vertical line at left:24px */
  left: -24px;
  width: 24px;
  height: 1px;

  background: repeating-linear-gradient(
    to right,
    #2a2b31 0 6px,
    transparent 6px 14px
  );
}




/* ================================
   Forum avatars
   ================================ */
a {
    text-decoration: none;
    color: inherit;
}

.forum-avatar{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;

  background-color: #0f1014;
  border: 1px solid #2a2b31;
}

.forum-avatar--sm{
  width: 24px;
  height: 24px;
}

.replied_by {
  color: #FFDF00 ;
  
}

.italic-text {
    /* font-style: italic; */
    font-size: smaller;
}