.custom-author-box {
margin-top: 3rem;
padding: 2rem;
border-radius: 16px;
background: #f8fafc; border: 1px solid rgba(15, 23, 42, 0.06);
display: flex;
gap: 1.5rem;
align-items: flex-start;
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}
.custom-author-box__avatar img {
border-radius: 999px;
display: block;
width: 80px;
height: 80px;
object-fit: cover;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.25);
}
.custom-author-box__content {
flex: 1;
}
.custom-author-box__name {
margin: 0 0 0.25rem;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 0.01em;
}
.custom-author-box__name a {
text-decoration: none;
color: #0f172a;
}
.custom-author-box__name a:hover {
text-decoration: underline;
}
.custom-author-box__role {
margin: 0 0 0.75rem;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #64748b;
}
.custom-author-box__bio {
margin: 0;
font-size: 0.98rem;
line-height: 1.7;
color: #475569;
} @media (max-width: 768px) {
.custom-author-box {
flex-direction: column;
align-items: flex-start;
}
.custom-author-box__avatar img {
width: 64px;
height: 64px;
}
}