.author-card {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: clamp(1.25rem, 3vw, 2rem);
  margin-top: var(--space-12, 3rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--color-border-default);
  border-radius: 1.5rem 1.5rem 1.5rem .25rem;
  background: var(--color-background-soft);
  color: var(--color-brand-navy);
  font-family: var(--font-family-sans);
}
.author-card__portrait { align-self: start; border-radius: 50%; }
.author-card__portrait img {
  display: block;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  object-fit: cover;
}
.author-card__body { min-width: 0; }
.author-card__eyebrow {
  margin: 0 0 .35rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.author-card h2 { margin: 0; font-size: clamp(1.4rem, 2.5vw, 1.75rem); line-height: 1.2; }
.author-card h2 a { color: inherit; text-decoration: none; }
.author-card__role { margin: .4rem 0 0; font-size: .875rem; }
.author-card__bio { margin: 1rem 0 0; font-size: 1rem; line-height: 1.7; }
.author-card__links { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin-top: 1rem; }
.author-card__links a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 2.75rem;
  color: var(--color-brand-navy);
  font-size: .875rem;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .25em;
}
.author-card__links svg { width: 1rem; height: 1rem; fill: currentColor; }
.author-card a:hover { text-decoration: underline; text-underline-offset: .25em; }
.author-card a:focus-visible { outline: 3px solid var(--color-brand-navy); outline-offset: 5px; }
.blog-single__meta a { color: inherit; text-underline-offset: .2em; }
@media (max-width: 540px) {
  .author-card { grid-template-columns: minmax(0, 1fr); }
  .author-card__portrait { justify-self: start; }
  .author-card__portrait img { width: 5rem; height: 5rem; }
}