.article-author-bio{border-top:1px solid var(--border-color);color:var(--copy-color);padding:var(--content-gap) 0;& .wrapper{display:grid;grid-template-areas:"avatar name" "social description";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;margin:0 auto;max-width:var(--content-width)}& figure{grid-area:avatar}& .name{color:inherit;display:inline-block;grid-area:name}& .description{color:var(--color-light);grid-area:description;margin:3px 0 0}& .social{grid-area:social}& .social-link{background:transparent;border-radius:4px;padding:4px;transition:var(--background-transition);&:hover{background:var(--link-background)}}& .social-icon{height:24px;width:auto;&:is(.x){height:18px}& *{fill:var(--copy-color)}}}