.article-header {
  min-height: min(20rem, 28vh);
  background-color: var(--clr-bg-primary-l-2);
  margin-bottom: var(--space-2xl);
  padding-block: var(--space-l);
  justify-content: center;
}

.article-cover-image img {
  width: 100%;
  max-height: 45vh;
  object-fit: cover;
  object-position: center;
  border-radius: var(--radius-site);
}

.article-biblio {
  background-color: var(--clr-bg-light);
  border: 1px solid var(--clr-border-primary);
  padding: var(--space-s);
  border-radius: var(--radius-site);
}

.article-sidebar__toc {
  background-color: var(--clr-bg-primary-l-2);
  padding: var(--space-m);
  border-radius: var(--radius-site);
}

.article-sidebar__recent {
  background-color: var(--clr-bg-light);
  padding: var(--space-m);
  border-radius: var(--radius-site);
  border: 1px solid var(--clr-border-primary);
}

.article-sidebar__contact {
  background-color: var(--clr-bg-primary-l-2);
  border: 1px solid var(--clr-border-primary);
  padding: var(--space-m);
  border-radius: var(--radius-site);
  position: sticky !important;
  top: 10rem;
}

.recent-posts__img {
  display: flex !important;
  flex-shrink: 0;
  width: 130px;
}

@media (max-width: 767px) {
  .recent-posts__img {
    width: 100%;
    max-width: 100%;
    max-height: 18rem;
  }
}

.recent-posts__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: var(--radius-site);
}