/* Placeholder Images CSS */
.placeholder-person {
    background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.placeholder-person::before {
    content: '\f007';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 3rem;
    color: #adb5bd;
}

.placeholder-person::after {
    content: 'Person Image';
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 0.75rem;
    color: #6c757d;
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 6px;
    border-radius: 4px;
}

.placeholder-publication {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.placeholder-publication::before {
    content: '\f15c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 3rem;
    color: #adb5bd;
}

.placeholder-publication::after {
    content: 'Publication Cover';
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 0.75rem;
    color: #6c757d;
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 6px;
    border-radius: 4px;
}

.placeholder-program {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.placeholder-program::before {
    content: '\f542';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 3rem;
    color: #90a4ae;
}

.placeholder-program::after {
    content: 'Program Image';
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 0.75rem;
    color: #546e7a;
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 6px;
    border-radius: 4px;
}

/* Fallback for when images fail to load */
img[src*="placeholder"] {
    display: none;
}

img[src*="placeholder"] + .placeholder-person,
img[src*="placeholder"] + .placeholder-publication,
img[src*="placeholder"] + .placeholder-program {
    display: flex;
}