.author-page .author-archive-hero{
    min-height: 240px;
    background: center / cover no-repeat var(--snapptrip-author-hero-bg);
    display: flex;
    align-items: flex-end;
    border-radius: 0 0 12px 12px;
}

.author-page .author-archive-hero > div{
    width: 80%;
    margin: 0 auto;
    margin-bottom: -32px;
    background: var(--Light-Mode-Background);
    box-shadow: 0px 6px 10px 0px rgba(97, 100, 117, 0.06)
}

.author-page .author-archive-hero .author-info{
    margin: 0;
}

.author-page .archive-post-card{
    width: calc(100% / 3 - 11px);
    gap: 0;
}

.author-page .archive-post-card .post-thumb{
    max-width: 100%;
}

.author-page .author-bio-sm{
    display: none;
}

.author-page .other-authors-section h2{
    margin-block: 0;
}

.authors-grid{
    overflow: auto;
}

.author-card{
    min-width: calc(20% - 13px);
    display: block;
        border: 1px solid var(--color-background-surface-disable);
    overflow: hidden;
}

.author-card-avatar{
    background: center / cover no-repeat var(--snapptrip-author-card-bg);
    width: 100%;
    height: 120px;
}

.author-card-avatar img{
    border-radius: 100%;
    border: 4px solid var(--Light-Mode-Background);
    margin-bottom: -40px;
}

@media (max-width: 768px){

    .author-page .author-archive-hero{
        margin-bottom: 106px;
    }

    .author-page .archive-post-card{
        width: 100%;
        gap: 0;
    }

    .author-page .author-info .author-avatar img{
        width: 88px;
        height: 88px;
    }

    .author-page .author-info .author-meta p{
        display: none;
    }

    .author-page .author-archive-hero > div{
        width: calc(100% - 16px);
        padding: 16px;
        margin-bottom: -90px;
    }

    .author-page .author-bio-sm{
        display: block;
    }

    .author-card{
        min-width: 240px;
    }
}