.post-stream {
  .contents p {
    // font-size: var(--font-up-1);
    line-height: 1.25;
  }
}

.container.posts .topic-navigation {
  top: calc(var(--header-offset, 60px) + 6em);
}

.timeline-container .topic-timeline {
  min-width: unset; //why we have this?
  .timeline-scrollarea {
    border-left: 1px solid var(--accent-color);
  }
  .timeline-scroller {
    padding: 0.25em;
    border: 1px solid var(--accent-color);
    border-radius: 0.75em;
    padding-left: 0.5em;
    margin-left: calc(-0.5em - 2.5px);
    background: var(--secondary);
    height: 40px !important; //height is coming from element style have no other choice
  }
  .timelime-scroller-content {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
  }
  .timeline-replies,
  .timeline-ago {
    line-height: 1;
  }
  .timeline-ago {
    // font-size: var(--font-down-1);
  }
  .timeline-handle {
    background-color: var(--accent-color);
    width: 3px;
    border-radius: 2px;
    height: calc(100% - 6px);
  }
}

#topic-title {
  z-index: 999;
  margin-bottom: 1em;
  padding: 1.5rem 2rem 0.5em;
  position: sticky;
  top: var(--header-offset);
  background: var(--d-content-background);
}

.container.posts,
.more-topics__container,
#topic-footer-buttons {
  padding: 0 24px;
}

.more-topics__container
  .more-topics__list
  .topic-list-body
  .topic-list-item:last-of-type {
  border-bottom: 1px solid #cedde3;
}

.discourse-post-event .discourse-post-event-widget {
  background: var(--d-content-background);
}

.more-topics__container .nav {
  position: unset;
  margin-block: unset;
  margin-bottom: 1em;
}