body:has(.author-page) .site-content .container {
  margin-top: var(--spacing-8x);
}

.author-page .author-breadcrumbs {
  display: flex;
  align-items: center;
  gap: var(--spacing-1x);
  margin-bottom: var(--spacing-5x);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  font-weight: 600;
}

.author-page .author-breadcrumbs a {
  color: var(--text-secondary);
  text-decoration: none;
}

.author-page .author-breadcrumbs span:last-child {
  color: var(--text-primary);
}

.author-page .author-layout {
  display: grid;
  grid-template-columns: minmax(0, 792px) 320px;
  justify-content: space-between;
  gap: var(--spacing-5x);
}

.author-page .author-hero {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  align-items: center;
  gap: var(--spacing-3x);
  margin-bottom: var(--spacing-5x);
}

.author-page .author-photo img {
  width: 320px;
  height: 320px;
  object-fit: cover;
  border-radius: var(--radius-15-x);
}

.author-page .author-summary h1 {
  margin: 0 0 var(--spacing-1x);
}

.author-page .author-role {
  margin: 0 0 var(--spacing-2x);
  color: var(--text-secondary);
  font-weight: 600;
}

.author-page .author-count {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 0 var(--spacing-3x);
  margin-bottom: var(--spacing-2x);
  border-radius: var(--radius-15-x);
  background: var(--action-secondary);
  color: var(--text-primary);
  font-weight: 700;
}

.author-page .author-copy-link {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  color: var(--text-primary);
}

.author-page .author-about h2,
.author-page .author-sidebar h2 {
  margin-top: 0;
}

.author-page .author-about p {
  max-width: 820px;
  font-weight: 600;
}

.author-page .author-sidebar {
  padding-top: var(--spacing-1x);
}

@media (max-width: 991px) {
  .author-page .author-layout {
    grid-template-columns: 1fr;
  }

  .author-page .author-hero {
    grid-template-columns: 1fr;
  }

  .author-page .author-photo img {
    width: 100%;
    max-width: 320px;
    height: auto;
    aspect-ratio: 1;
  }
}


.author-page .author-posts {
  margin-top: var(--spacing-5x);
}

.author-page .author-posts h2 {
  margin-bottom: var(--spacing-3x);
}

.author-page .author-posts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-4x);
}

.author-page .author-posts-column {
  padding: var(--spacing-3x);
  border: 1px solid var(--surface-3);
  border-radius: var(--radius-15-x);
  background: var(--surface-1);
}

.author-page .author-posts-column h3 {
  margin-top: 0;
}

.author-page .author-posts-column ul {
  gap: var(--spacing-1x);
}

.author-page .author-posts-column a {
  color: var(--text-primary);
  font-weight: 600;
}

@media (max-width: 768px) {
  .author-page .author-posts-grid {
    grid-template-columns: 1fr;
  }
}