.author-section { padding-block: 32px; }

.author-section .author-box {
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 8px 18px;
  padding: 20px;
  align-items: start;
}

.author-section .author-image {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 64px;
  height: 64px;
}

.author-heading {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

.author-heading .record-label {
  margin: 0 0 3px;
  font-size: 0.6875rem;
}

.author-heading h2 {
  margin: 0;
  color: var(--ink);
  font-size: 1.125rem;
  line-height: 1.3;
}

.author-bio {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  margin: 0;
  color: var(--muted);
  font-size: 0.875rem;
  line-height: 1.6;
  overflow-wrap: break-word;
}

@media (max-width: 700px) {
  .author-section { padding-block: 24px; }
  .author-section .author-box {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 12px 14px;
    padding: 16px;
  }
  .author-section .author-image {
    grid-row: 1;
    width: 56px;
    height: 56px;
  }
  .author-heading { align-self: center; }
  .author-bio { grid-column: 1 / -1; }
}
