/* ==========================================================
   Author Page
========================================================== */

.hk-author-page{
    max-width:1200px;
    margin:0 auto;
    padding:64px 20px;
}

.hk-author-hero{
    max-width:760px;
    margin:0 auto 72px;
    text-align:center;
}

.hk-author-avatar{
    width:160px;
    height:160px;
    border-radius:50%;
    object-fit:cover;
    display:block;
    margin:0 auto 24px;
    border:4px solid #fff;
    box-shadow:0 16px 40px rgba(0,0,0,.08);
}

.hk-author-hero h1{
    margin:0;
    font-size:clamp(2rem,4vw,3rem);
    line-height:1.2;
}

.hk-author-role{
    display:inline-block;
    margin:16px 0 24px;
    padding:8px 18px;
    border-radius:999px;
    background:#ecfdf5;
    color:#166534;
    font-weight:600;
    font-size:.95rem;
}

.hk-author-social{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:32px;
}

.hk-author-social a{
    text-decoration:none;
    padding:10px 18px;
    border-radius:999px;
    background:#fff;
    color:#166534;
    border:1px solid #d1fae5;
    transition:.25s;
}

.hk-author-social a:hover{
    background:#166534;
    color:#fff;
}

.hk-author-bio{
    text-align:left;
    line-height:1.85;
    color:#374151;
}

.hk-author-posts h2{
    text-align:center;
    margin-bottom:40px;
    font-size:2rem;
}

.hk-author-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:32px;
}

.hk-author-card{
    overflow:hidden;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:22px;
    transition:.25s;
}

.hk-author-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.hk-author-card-image img{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}

.hk-author-card-content{
    padding:24px;
}

.hk-author-card-title{
    margin:0 0 14px;
    font-size:1.3rem;
    line-height:1.35;
}

.hk-author-card-title a{
    color:#111827;
    text-decoration:none;
}

.hk-author-card-title a:hover{
    color:#166534;
}

.hk-author-card-excerpt{
    color:#6b7280;
    line-height:1.7;
    margin-bottom:20px;
}

.hk-author-card-link{
    color:#166534;
    text-decoration:none;
    font-weight:700;
}

.hk-author-card-link:hover{
    text-decoration:underline;
}

@media (max-width:768px){

    .hk-author-page{
        padding:48px 18px;
    }

    .hk-author-avatar{
        width:120px;
        height:120px;
    }

    .hk-author-grid{
        grid-template-columns:1fr;
    }

}
.hk-author-social a{
    width:46px;
    height:46px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.hk-author-social svg{
    width:20px;
    height:20px;
    display:block;
    fill:currentColor;
}