.author-box{
width:var(--pw2);margin:var(--gap) auto;
background-color:var(--bg2);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br1);
padding:var(--gap);
box-shadow:var(--fbs);
}
.author-top{
display:flex;
align-items:center;
gap:var(--gap);
margin-bottom:var(--gap);
}
.author-avatar{
width:110px;
height:110px;
border-radius:50%;
background-color:var(--cl1);
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.author-avatar span{
font-family:var(--ff2);
font-size:40px;
font-weight:800;
color:var(--wht);
letter-spacing:1px;
}
.author-info h1{
font-family:var(--ff2);
font-size:44px;
font-weight:800;
color:var(--tx1);
margin:0 0 8px;
text-transform:uppercase;
letter-spacing:.5px;
}
.author-meta{
display:flex;
align-items:center;
gap:12px;
color:var(--tx2);
font-size:var(--fz1);
margin-bottom:8px;
}
.author-badge{
background-color:var(--cl1);
color:var(--blk);
padding:4px 14px;
border-radius:20px;
font-size:14px;
font-weight:700;
font-family:var(--ff2);
text-transform:uppercase;
letter-spacing:.5px;
}
.author-links{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px 16px;
margin-top:4px;
}
.author-email,
.author-website{
color:var(--lnk);
font-size:var(--fz1);
}
.author-email:hover,
.author-website:hover{
text-decoration:underline;
text-decoration-thickness:1px;
}
.author-bio{
margin-bottom:var(--gap);
}
.author-bio p{
font-size:var(--fz1);
line-height:1.7;
color:var(--tx2);
margin:0;
}
.author-stats{
display:flex;
flex-wrap:wrap;
gap:8px 24px;
margin-bottom:var(--gap);
}
.author-stats .stat{
font-size:var(--fz1);
color:var(--tx2);
}
.author-stats .stat-num{
color:var(--cl1);
font-weight:700;
}
.author-cats{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
margin-bottom:var(--gap);
font-size:var(--fz1);
}
.author-cats>span{
color:var(--tx2);
}
.author-cats a{
color:var(--lnk);
}
.author-cats a:hover{
text-decoration:underline;
text-decoration-thickness:1px;
}
.author-articles-header{
margin-bottom:var(--gd2);
}
.author-articles-header h2{
font-family:var(--ff2);
font-size:28px;
font-weight:700;
color:var(--tx1);
margin:0;
text-transform:uppercase;
letter-spacing:1px;
}
.author-articles{
display:flex;
flex-direction:column;
gap:var(--gap);
}
.author-article{
display:flex;
align-items:center;
gap:var(--gap);
}
.author-article-img{
flex-shrink:0;
}
.author-article-img img,
.author-article-img .no-img{
width:66px;
height:66px;
object-fit:cover;
border-radius:var(--br2);
display:block;
}
.author-article-img .no-img{
background-color:var(--bg3);
display:flex;
align-items:center;
justify-content:center;
font-family:var(--ff2);
font-size:var(--fz1);
font-weight:700;
color:var(--tx3);
}
.author-article-title{
font-size:var(--fz1);
font-weight:500;
color:var(--tx1);
line-height:1.4;
}
.author-article-title:hover{
color:var(--cl1);
text-decoration:underline;
text-decoration-thickness:1px;
}
.no-articles{
text-align:center;
color:var(--tx2);
padding:var(--gap);
font-size:var(--fz1);
}
.author-load-more-wrap{
margin-top:var(--gap);
text-align:center;
}
.author-load-more{
display:inline-flex;
align-items:center;
gap:8px;
padding:12px 24px;
background-color:var(--cl1);
color:var(--blk);
border:none;
border-radius:var(--br0);
font-family:var(--ff2);
font-size:18px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
}
.author-load-more:hover{
background-color:var(--oh2);
}
.author-load-more:active{
transform:scale(0.98);
}
.load-more-count{
font-weight:500;
opacity:0.8;
}