.ht-single-author .ht-sec-head{
  margin-bottom:10px;
}

.ht-author-card{
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:#ffffff;
  padding:14px 16px 16px 16px;
}

html[data-theme="dark"] .ht-author-card{
  background:var(--surface-2);
}

.ht-author-card__top{
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
}

.ht-author-card__avatar{
  flex:0 0 auto;
  inline-size:56px;
  block-size:56px;
  border-radius:999px;
  overflow:hidden;
  border:2px solid color-mix(in oklab,var(--brand-500),transparent 40%);
  box-shadow:var(--shadow-sm);
  background:color-mix(in oklab,var(--bg),var(--brand-500) 5%);
}

.ht-author-card__avatar-img{
  inline-size:100%;
  block-size:100%;
  border-radius:inherit;
}

html[data-theme="dark"] .ht-author-card__avatar{
  border-color:color-mix(in oklab,var(--brand-300),transparent 35%);
  background:color-mix(in oklab,var(--surface-2),var(--brand-500) 8%);
}

.ht-author-card__header{
  flex:1 1 auto;
  min-width:0;
  text-align:right;
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}

.ht-author-card__name-link{
  color:var(--fg);
  text-decoration:none;
}

.ht-author-card__name-link:hover{
  color:var(--link-hover);
  text-decoration:underline;
  text-underline-offset:2px;
}

.ht-author-card__name{
  font-size:14px;
  font-weight:600;
}

.ht-author-card__posts{
  font-size:12px;
  color:var(--muted);
}

.ht-author-card__bio{
  margin:0;
  font-size:13px;
  line-height:1.8;
  color:var(--fg);
}