/* Author Bio ULTIMATE */
.author-bio {
    margin: 40px 0 !important;
    padding: 30px !important;
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    border-left: 4px solid #2271b1 !important;
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
    clear: both !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.author-bio .author-avatar {
    flex-shrink: 0 !important;
}

.author-bio .author-avatar img {
    border-radius: 50% !important;
    border: 3px solid #fff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

.author-bio .author-info {
    flex: 1 !important;
}

.author-bio .author-info h4 {
    margin: 0 0 15px 0 !important;
    color: #2c3338 !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
}

.author-bio .author-biography {
    margin-bottom: 20px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

.author-bio .author-biography p {
    margin-bottom: 15px !important;
}

.author-bio .author-biography p:last-child {
    margin-bottom: 0 !important;
}

.author-bio .author-signature {
    margin-top: 20px !important;
    padding: 15px !important;
    background: #fff !important;
    border-radius: 5px !important;
    border-left: 3px solid #28a745 !important;
}

.author-bio .author-signature .signature-label {
    font-weight: 600 !important;
    color: #28a745 !important;
    margin-bottom: 8px !important;
    font-size: 0.9em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.author-bio .author-link {
    display: inline-block !important;
    margin-top: 15px !important;
    padding: 8px 16px !important;
    background: #2271b1 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-size: 0.9em !important;
    transition: background 0.3s !important;
}

.author-bio .author-link:hover {
    background: #135e96 !important;
}

@media (max-width: 768px) {
    .author-bio {
        flex-direction: column !important;
        text-align: center !important;
        padding: 20px !important;
    }
    
    .author-bio .author-avatar {
        align-self: center !important;
        margin-bottom: 15px !important;
    }
    
    .author-bio .author-info {
        text-align: left !important;
    }
}