.blog-author-page { background: #fff; color: #0f172a; }
.blog-author-shell { width: min(74rem, calc(100% - 2rem)); margin: 0 auto; }
.blog-author-hero { background: #0f172a; color: #fff; padding: 3.5rem 0 2.5rem; }
.blog-author-hero__inner { display: flex; gap: 1.5rem; align-items: center; }
.blog-author-avatar { width: 7rem; height: 7rem; border-radius: 999px; object-fit: cover; border: 3px solid rgba(255,255,255,.85); flex-shrink: 0; }
.blog-author-avatar--fallback { display: inline-flex; align-items: center; justify-content: center; background: #2563eb; font-family: "Source Serif 4", Georgia, serif; font-size: 2.5rem; font-weight: 700; }
.blog-author-name { margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; }
.blog-author-role { margin: .4rem 0 0; color: #93c5fd; font-weight: 700; }
.blog-author-facts { display: flex; flex-wrap: wrap; gap: 1.25rem 2rem; margin: 1rem 0 0; }
.blog-author-facts div { margin: 0; }
.blog-author-facts dt { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; font-weight: 700; }
.blog-author-facts dd { margin: .2rem 0 0; }
.blog-author-bio { background: #1e293b; color: #e2e8f0; padding: 2rem 0 2.4rem; }
.blog-author-bio__grid { display: grid; gap: 1.5rem; }
.blog-author-bio h2 { margin: 0 0 .45rem; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.blog-author-bio p { margin: 0; line-height: 1.6; }
.blog-author-latest { padding: 2.5rem 0 4rem; }
.blog-author-latest h2 { margin: 0 0 1rem; font-family: "Source Serif 4", Georgia, serif; font-size: 1.8rem; border-bottom: 2px solid #2563eb; display: inline-block; }
.blog-author-latest__list { display: grid; gap: .85rem; }
.blog-author-card { display: grid; grid-template-columns: 11.5rem 1fr; gap: 1rem; align-items: center; padding: .85rem; border: 1px solid #e2e8f0; border-radius: 1rem; text-decoration: none; color: inherit; background: #fff; }
.blog-author-card:hover { border-color: #93c5fd; }
.blog-author-card__media { display: block; aspect-ratio: 16/10; border-radius: .7rem; overflow: hidden; background: #e2e8f0; }
.blog-author-card__media img { width: 100%; height: 100%; object-fit: cover; }
.blog-author-card__body { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.blog-author-card time { color: #64748b; font-size: .82rem; font-weight: 600; }
.blog-author-card strong { font-family: "Source Serif 4", Georgia, serif; font-size: 1.25rem; line-height: 1.25; }
.blog-author-card em { color: #475569; font-style: normal; line-height: 1.5; }
.blog-author-empty, .blog-author-back { color: #475569; }
.blog-author-page > .blog-author-shell { padding: 3rem 0; }
a.blog-post-meta-chip { color: inherit; text-decoration: none; }
a.blog-post-meta-chip:hover { color: #2563eb; }
@media (min-width: 800px) {
    .blog-author-bio__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
    .blog-author-bio__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .blog-author-hero__inner, .blog-author-card { grid-template-columns: 1fr; display: flex; flex-direction: column; align-items: flex-start; }
    .blog-author-card__media { width: 100%; }
}

.blog-author-socials { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.blog-author-socials a { display: inline-flex; align-items: center; padding: .35rem .75rem; border-radius: 999px; background: rgba(255,255,255,.12); color: #fff; text-decoration: none; font-size: .82rem; font-weight: 700; }
.blog-author-socials a:hover { background: #2563eb; }