/* ==========================================================================
   Author Page - 著者アーカイブページ
   ========================================================================== */

/* 著者ヒーロー画像 */
.author-hero-image-wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.author-hero-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 16px;
}

/* ソーシャルリンク */
.author-social {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--bg-light);
    border-radius: 50%;
    color: var(--text-dark);
    text-decoration: none;
    transition: all 0.2s ease;
}

.social-link:hover {
    background: var(--primary);
    color: #fff;
    transform: translateY(-2px);
}

/* 他の著者セクション */
.other-authors {
    padding: 3rem 0;
    background: var(--white);
}

.other-author-card {
    background: var(--bg-light);
    padding: 1.5rem;
    border-radius: 16px;
    transition: all 0.2s ease;
}

.other-author-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.other-author-card img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

/* スマホ用背景画像 */
@media (max-width: 991.98px) {
    .author-content-col.has-mobile-bg {
        position: relative;
        background: var(--mobile-bg-url) center / cover no-repeat;
        border-radius: 16px;
        overflow: hidden;
        text-align: center;
        aspect-ratio: 741 / 461;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.5rem !important;
    }
    
    .author-content-col.has-mobile-bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.85);
        z-index: 1;
        pointer-events: none;
    }
    
    .author-content-col.has-mobile-bg > * {
        position: relative;
        z-index: 2;
    }
    
    .author-content-col.has-mobile-bg .category-icon {
        margin-left: auto;
        margin-right: auto;
    }
    
    .author-content-col.has-mobile-bg .category-stats {
        justify-content: center;
    }
}