.ArticleViewPage {
  /* Component styles here... */
}

.ArticleViewPage[data-hidden="true"] {
  opacity: 0.5;
}

.ArticleViewPage[data-hidden="true"] [data-hide],
.ArticleViewPage[data-hidden="false"] [data-show] {
  display: none;
}

.ArticleViewPage .Header__content {
  margin-bottom:  10px;
}

.ArticleViewPage__content {
  overflow: hidden;
  flex-grow: 2;
}

.ArticleViewPage__details {
  display: flex;
  font-size: 13px;
  color: #6b727c;
  border-bottom: 1px solid #e2e6e8;
  margin-bottom: 16px;
}

.ArticleViewPage__details-value {
  color: black;
}

.ArticleViewPage__created-at {
  margin-bottom: 16px;
  margin-right: 16px;
}

.ArticleViewPage__subject {
  display: flex;
}

.ArticleViewPage__votes {
  width: 36px;
  margin-right: 16px;
  flex-shrink: 0;
}

.ArticleViewPage__tags {
  margin-top: 20px;
}

.ArticleViewPage__footer {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap-reverse;
}

.ArticleViewPage__actions {
  font-size: 13px;
  flex-grow: 2;
  padding-top: 10px;
  margin-right: 10px;
}

.ArticleViewPage__actions a {
  margin-right: 10px;
}

.ArticleViewPage__actions a:last-child {
  margin-right: 0;
}

.ArticleViewPage__users {
  min-width: 200px;
  flex-shrink: 0;
}

.ArticleViewPage__actions a, .ArticleViewPage__actions a:visited {
  color: #6a737c;
}

.ArticleViewPage__comments {
  margin: 20px 0;
}

.AnswersHeader__title {
  font-size: 20px;
  margin-bottom: 20px;
}

.ArticleViewPage__share-help {
  margin-top: 25px;
  font-size: 17px;
}

@media (max-width: 600px) {

  .ArticleViewPage__votes {
    width: 26px;
    margin-right: 10px;
  }

}