.author-page__header {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
  padding: var(--spacing-lg);
  background-color: var(--color-white);
  border-radius: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}

.author-page__photo {
  flex-shrink: 0;
  width: 200px;
  border-radius: var(--spacing-md);
  overflow: hidden;
}

.author-page__photo img {
  display: block;
  width: 100%;
  height: auto;
}

.author-page__name {
  margin: 0 0 var(--spacing-sm);
}

.author-page__description {
  color: var(--color-text-dimmed);
  font: var(--typography-body-medium);
}

.author-page__articles-title {
  margin-bottom: var(--spacing-md);
}

@media (max-width: 767px) {
  .author-page__header {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--spacing-md);
  }

  .author-page__photo {
    width: 150px;
  }
}