.card.card-article {
  position: relative;
  height: 100%;
}
.card.card-article .categories {
  margin: 0;
  font-size: 0.9rem;
}
.card.card-article .card-title {
  font-size: 1rem;
}
.card-article-cover {
  position: relative;
}
.card-article-cover .article-cover {
  display: block;
}
.card-article-cover .content-wrap .card-title {
  font-size: 1.25rem;
}
.page-node-type-article .node-meta-wrapper {
  background: #F3F3F4;
  padding: 16px;
  display: flex;
  column-gap: 16px;
  align-items: center;
  margin: 16px 0 24px;
}
.page-node-type-article .node-meta-wrapper .author-wrap {
  flex-grow: 2;
}
.page-node-type-article .node-meta-wrapper .tools-wrap {
  display: flex;
  column-gap: 8px;
}
.page-node-type-article .node-meta-wrapper .tools-wrap .btn.btn-small {
  text-transform: none;
}
.node--type-article .back-categories .icon {
  transform: rotate(90deg);
}
.node--type-article .back-categories a {
  color: #018ca7;
}
.node--type-article h1.article-page-title {
  font-size: 1.5rem;
  margin-bottom: 16px;
}
.node--type-article .article-cover {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 32px;
}
.comments-wrapper .comment-wrapper-header {
  display: flex;
  column-gap: 32px;
  justify-content: space-between;
  margin: 0 0 16px;
  font-size: 0.8rem;
}
.comments-wrapper .comment {
  display: flex;
  column-gap: 32px;
}
.comments-wrapper .comment picture {
  min-width: 64px;
}
.comments-wrapper .comment-header .btn.btn-icon .icon {
  width: 24px;
  height: 24px;
}
.comments-wrapper [id^="comment-"] {
  border: 1px solid #535353;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 4px;
}
.comments-wrapper [id^="comment-"] .comment-header {
  display: flex;
  justify-content: space-between;
  column-gap: 16px;
}
.comments-wrapper [id^="comment-"] .comment-header .author-wrap {
  flex-grow: 1;
}
.comments-wrapper [id^="comment-"] .comment-header .btn.btn-icon {
  padding: 4px;
}
.comments-wrapper [id^="comment-"] .links {
  display: flex;
  column-gap: 4px;
}
.comments-wrapper [id^="comment-"] .links li {
  display: block;
}
.comments-wrapper [id^="comment-"] .links li a {
  color: #018ca7;
}
.comments-wrapper .indented {
  margin-left: 32px;
}
.articles-wrapper .section-title {
  font-size: 2em;
  text-align: center;
}
.articles-slider-wrapper .swiper-slide {
  border-radius: 8px;
  overflow: hidden;
}
@media all and (min-width: 1024px) {
  .card-article-cover .content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 32px;
    display: flex;
    align-items: center;
  }
}