.forum_icon + .forum-image {
  margin-inline-start: 8px;
}
.grid-sys .forum_icon + .forum-image {
  margin-inline-start: 0;
}
.grid-sys-feed .forum-details {
  margin-inline-end: 24px;
}
/* Forum image as grid card background */
.forum-bg-image {
  position: relative;
  overflow: hidden;
}
.forum-bg-image > .forum-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  padding-inline-start: 0;
  opacity: 0.25;
}
.forum-bg-image > .forum-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.forum-bg-image > *:not(.forum-image) {
  position: relative;
  z-index: 1;
}
/* Forum image custom dimensions */
.forum-image-custom {
  display: inline-block;
  flex-shrink: 0;
  box-sizing: border-box;
  align-items: center;
  height: 100%;
  width: 100%;
}
.grid-sys .forum-image-custom {
  display: flex;
}
.grid-sys .forum-image-custom.forum-image-icon {
  display: inline-block;
}
.grid-sys .stats {
  min-height: 48px;
}

/* List layout: keep title/description readable beside the last post.
   Flex-grow + overflow-wrap:break-word collapses the text column to 1ch
   once the sidebar layout (lg+) uses flex-basis: 0. Grid avoids that. */
.topiclist.forums .forum-row-split {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.5rem;
}
.topiclist.forums .forum-row-split .forum-details,
.topiclist.forums .forum-row-split .forum-title,
.topiclist.forums .forum-row-split .forum-desc,
.topiclist.forums .forum-row-split .forum-meta {
  overflow-wrap: normal;
  word-break: normal;
}
@media (min-width: 768px) {
  .topiclist.forums .forum-row-split {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) 310px;
    column-gap: 1.5rem;
    align-items: start;
  }
  .topiclist.forums .forum-row-split > .row-title {
    width: 100%;
    min-width: 16rem;
  }
}
@media (max-width: 767px) {
  .topiclist.forums .forum-row-split > .lastpost {
    display: none;
  }
}
.stats-light {
  border-color: #02061733;
}
.dark .stats-light {
  border-color: #e5e7eb33;
}