/* =========================
   AUTHOR PROFILE (Phase 4.3.4)
   Scoped to /author.php — reuses the
   shared blog design tokens/components.
   ========================= */

.author-profile {
  padding-top: 8rem;
  padding-bottom: 1rem;
}

.author-profile__container {
  margin-inline: auto;
  max-width: var(--container-3xl);
  padding-inline: 1rem;
  text-align: center;
}

.author-profile__avatar {
  display: block;
  margin-inline: auto;
  height: 6rem;
  width: 6rem;
  border-radius: 9999px;
  object-fit: cover;
  border: 1px solid var(--border);
  background: var(--primary);
}

.author-profile__avatar--initials {
  display: grid;
  place-items: center;
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--primary-foreground);
}

.author-profile__name {
  margin-top: 1.25rem;
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--foreground);
  overflow-wrap: anywhere;
}

.author-profile__title {
  margin-top: 0.375rem;
  font-size: var(--text-base);
  font-weight: var(--font-weight-medium);
  color: var(--primary);
  overflow-wrap: anywhere;
}

.author-profile__bio {
  margin: 1rem auto 0;
  max-width: var(--container-xl);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  color: var(--muted-foreground);
  overflow-wrap: anywhere;
}

.author-profile__count {
  margin-top: 1rem;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--muted-foreground);
}

.author-profile__back {
  margin-top: 1.5rem;
  font-size: var(--text-sm);
}

.author-profile__back a {
  color: var(--primary);
  text-decoration: none;
  transition: color var(--transition, 150ms);
}

.author-profile__back a:hover,
.author-profile__back a:focus-visible {
  text-decoration: underline;
}

/* Slightly tighter grid top spacing after the profile block */
.author-profile + .blog-grid {
  padding-top: 2rem;
}