.blog-author { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 1.75rem; margin-top: 3rem; padding: 2rem; border: 1px solid #e1d7c6; border-top: 3px solid #cc9954; border-radius: 16px; background: #f7f5f0; color: #112d5d; }
.history-article .blog-author .blog-author__portrait { width: 112px; height: 112px; object-fit: cover; object-position: 53% 35%; border-radius: 50%; }
.history-article .blog-author .blog-author__eyebrow { margin: 0 0 .5rem; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #795520; }
.history-article .blog-author h2 { margin: 0 0 1rem; font-size: 1.75rem; line-height: 1.2; }
.history-article .blog-author .blog-author__name { margin: 0 0 1rem; font-size: 1rem; font-weight: 700; }
.blog-author__name span { display: block; margin-top: .2rem; font-size: .875rem; font-weight: 400; color: #4c5e75; }
.blog-author__bio { font-size: .9375rem; line-height: 1.7; }
.history-article .blog-author .blog-author__links { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 0; font-size: .875rem; font-weight: 600; }
.blog-author a { color: #112d5d; }
.blog-author a:focus-visible { outline: 3px solid #a97932; outline-offset: 4px; }
@media (max-width: 560px) {
 .blog-author { grid-template-columns: 1fr; padding: 1.5rem; gap: 1.25rem; }
 .history-article .blog-author .blog-author__portrait { width: 88px; height: 88px; }
}