/* Collapsed state hides the .more-block */
.postContainer.collapsed .more-block {
  display: none;
}

/* Optional: add spacing or visuals to the toggle area */
.seeMore {
  cursor: pointer;
  color: #0077cc;
  margin-top: 1em;
  font-weight: bold;
}

.seeMore:hover {
  text-decoration: underline;
}

.lessToggle {
  font-size: 0.9em;
  margin-left: 10px;
  color: #666;
}

/* Show/hide the conditional more block */
.postContainer.collapsed .more-block {
  display: none;
}

/* See More / Less button styling */
.seeMore {
  cursor: pointer;
  color: #0077cc;
  margin-top: 1em;
  font-weight: bold;
}

.seeMore:hover {
  text-decoration: underline;
}

/* (Less) toggle text next to timestamp */
.lessToggle {
  font-size: 0.9em;
  margin-left: 10px;
  color: #0077cc;
  cursor: pointer;
  text-decoration: underline;
}