/* block-author-box
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/block-author-box.css. */
.author-box .avatar { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--accent); color: var(--on-accent); font: 600 19px/1 var(--sans); }
.author-box .person-name { font-weight: 700; font-size: 18px; line-height: 1.3; }
.author-box { max-width: 680px; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: var(--s3); align-items: start; padding-bottom: var(--section); }
.author-box .avatar { width: 72px; height: 72px; font-size: 24px; }
.author-box h2 { font-family: var(--sans); font-size: 15px; font-weight: 700; color: var(--muted); margin-bottom: 4px; line-height: 1.4; }
.author-box .person-name { font-family: var(--head); font-size: 24px; font-weight: 500; }
.author-box .person-name a { color: var(--ink); text-decoration: none; }
.author-box .person-name a:hover { text-decoration: underline; }
.author-box p.bio { margin: 8px 0 var(--s2); color: var(--muted); font-size: 17px; }
@media (max-width: 620px) {
  .author-box { grid-template-columns: 56px minmax(0, 1fr); gap: var(--s2); }
  .author-box .avatar { width: 56px; height: 56px; font-size: 19px; }
}