.article__author-bio {
  background-color: var(--c-100);
  padding: var(--spacing-in-m);
  margin-bottom: var(--spacing-in-m);
}

.article__author-bio-title {
  margin-bottom: 16px;
}

.article__author-bio-head {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 16px;
}

.article__author-bio-ava {
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
}

.article__author-bio-ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.article__author-bio-info {
  min-width: 0;
  padding-top: 6px;
}

.article__author-bio-name-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
}

.article__author-bio-name {
  color: inherit;
  text-decoration: none;
  margin-bottom: 0;
}

.article__author-bio-name.c-card-person-small__info-name a,
.article__author-bio-name.c-card-person-small__info-name {
  color: inherit;
}

.article__author-bio-name-row .c-card-person-small__info-name:not(:last-child) {
  margin-bottom: 0;
}

@media (any-hover: hover) {
  .article__author-bio-name:hover {
    text-decoration: underline;
  }
}

.article__author-bio-linkedin {
  width: 32px;
  height: 32px;
}

.article__author-bio-pos {
  color: var(--c-600);
}

.article__author-bio-text:not(:last-child) {
  margin-bottom: 16px;
}

.article__author-bio-text p:last-child {
  margin-bottom: 0;
}

.article__author-bio-more.btn-link {
  display: inline-flex;
  justify-content: flex-start;
  text-align: left;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .article__author-bio {
    padding: 16px;
  }

  .article__author-bio-head {
    gap: 16px;
  }

  .article__author-bio-info {
    padding-top: 0;
  }
}

/* Blog inner Related Cases: one slide, no params grid columns */
.article__content .related-case--inner .related-case-main-slider .swiper-slide {
  width: 100%;
  max-width: 100%;
}

.article__content .related-case--inner .c-card-case--big {
  grid-column: auto;
  width: 100%;
}

.article__content .related-case--inner .c-card-case__params.c-params {
  display: none;
}

@media (min-width: 768px) {
  .article__content .related-case--inner .c-card-case--big.has-vertical-image .c-card-case__inner {
    grid-template-columns: 22.4% 1fr;
  }
}