/* === AUTHOR COLLAPSE (Mobile UX) === */

.author-collapse {
    position: relative;
    transition: max-height 0.8s ease-in-out;
}

@media (max-width: 768px) {
    .author-collapse {
        max-height: 260px;
        overflow: hidden;
    }

    .author-collapse::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 70px;
        background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
        pointer-events: none;
    }

    .author-collapse.is-open {
        max-height: 3000px;
    }

    .author-collapse.is-open::after {
        display: none;
    }

    .author-toggle-wrap {
        margin-top: 12px;
        text-align: center;
    }

    .author-toggle-btn {
        background: #f1f3f5;
        border: 1px solid #ccc;
        padding: 8px 16px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 14px;
    }
}

@media (min-width: 769px) {
    .author-toggle-wrap {
        display: none;
    }
}