div.list-of-forum-posts {
  article {
    display: flex;
    margin-top: 3em;
    word-wrap: break-word;

    a.voted {
      font-weight: bold;
    }

    &:target {
      background-color: var(--forum-post-highlight-background-color);
    }

    .vote-score-up {
      color: var(--forum-vote-up-color);
    }

    .vote-score-meh {
      color: var(--forum-vote-meh-color);
    }

    .vote-score-down {
      color: var(--forum-vote-down-color);
    }

    div.author {
      flex-basis: 13em;

      time {
        font-style: italic;
      }
    }

    div.content {
      flex: 1;

      .edit_forum_post, .edit_forum_topic {
        display: none;
      }

      menu {
        margin-top: 0.5em;

        ul.votes {
          margin: 0.5em 0;
        }

        li {
          margin-right: 1em;
        }
      }
    }
  }
}

div#c-forum-topics {
  span.new {
    font-size: 80%;
    color: var(--forum-new-topic-color);
    margin-right: 0.5em;
  }

  span.locked-topic {
    color: var(--muted-text-color);
  }

  span.level-topic {
    color: var(--forum-level-restricted-topic-color);
    font-weight: bold;
  }
  
  tr.forum-topic-row td:last-child {
    white-space: nowrap;
  }
}

#c-forum-posts #a-index {
  tr[data-topic-is-deleted="true"] .forum-post-topic-title::after,
  tr[data-is-deleted="true"] .forum-post-excerpt::after {
    content: " (deleted)";
    color: var(--muted-text-color);
  }
}

@media screen and (max-width: 660px) {
  #c-forum-topics #a-show {
    padding: 0 0.5em;
  }

  div.list-of-forum-posts article {
    display: block;
    margin-top: 1em;
    border: var(--forum-post-border);

    div.author {
      padding: 1em 1em 0;
      border-bottom: var(--forum-post-border);
      background: var(--forum-post-author-background);
    }

    div.content {
      padding: 1em;
    }
  }
}