.layout__topics {
  border-radius: var(--ft-radius-sm);
  background: var(--ft-color-bg);
}

.layout__topics__topic {
  min-height: 48px;
  background: var(--ft-color-bg);
}

.layout__topics__topic:hover {
  background: var(--ft-color-surface);
}

.topic__link {
  color: var(--ft-color-text);
  font-weight: 500;
}

.topic__comments {
  color: var(--ft-color-cyan-strong);
}

.comments_list {
  gap: 0;
  border: 1px solid var(--ft-color-line);
  border-radius: var(--ft-radius-sm);
  background: var(--ft-color-bg);
  overflow: hidden;
}

.comments_list__comment,
.comments_list__item {
  border: 0;
  border-bottom: 1px solid var(--ft-color-line);
  border-radius: 0;
  background: var(--ft-color-bg);
  box-shadow: none;
}

.comments_list__comment:last-child,
.comments_list__item:last-child {
  border-bottom: 0;
}

.comment__text blockquote {
  margin: 8px 0;
  padding: 6px 0 6px 12px;
  border-left: 3px solid var(--ft-color-cyan);
  color: var(--ft-color-text-soft);
}

.comment__reply__actions__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 8px;
  border: 1px solid var(--ft-color-line);
  border-radius: var(--ft-radius-sm);
  background: var(--ft-color-surface);
  list-style: none;
}

.comment__reply__actions__list a {
  display: grid;
  place-items: center;
  min-width: 32px;
  min-height: 32px;
  border: 1px solid transparent;
  border-radius: var(--ft-radius-sm);
  color: var(--ft-color-text-soft);
}

.comment__reply__actions__list a:hover {
  border-color: var(--ft-color-line);
  color: var(--ft-color-cyan);
}

.comment__reply__preview {
  padding: 12px;
  border: 1px solid var(--ft-color-line);
  border-radius: var(--ft-radius-sm);
  background: var(--ft-color-bg);
}

.nav__tabs__link.is-selected {
  border-left: 2px solid var(--ft-color-cyan);
  background: transparent;
}