/* BFS public faculty identity: never substitute another teacher's image. */
.bfs-faculty-photo-placeholder[hidden] { display:none !important; }
.bfs-faculty-photo-placeholder {
    width:100%; height:100%; display:flex; flex-direction:column;
    gap:12px; align-items:center; justify-content:center; padding:18px;
    background:linear-gradient(150deg,#edf3fa 0%,#e5ebf4 54%,#f7eef0 100%);
    color:#526984; text-align:center;
}
.bfs-faculty-photo-placeholder svg { width:76px;height:76px;flex:none;color:#8497ac; }
.bfs-faculty-photo-placeholder span {
    position:static !important; display:block; padding:0 !important;
    background:transparent !important; color:#526984 !important;
    border-radius:0 !important; font-size:11px !important;
    font-weight:700;letter-spacing:.02em;line-height:1.4;
}
.faculty-showcase-photo > img[hidden],.faculty-photo > img[hidden] {display:none !important;}
.faculty-photo .bfs-faculty-topic {
    max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.bfs-faculty-empty {
    width:100%; min-width:min(100%,440px);padding:30px 24px;
    color:#53657d; background:#f7f9fc; border:1px dashed #c6d4e4;
    border-radius:14px;text-align:center;font-size:14px;
}
.faculty-showcase-track:has(.bfs-faculty-empty) {width:100% !important;}
@media(max-width:640px){.bfs-faculty-photo-placeholder svg{width:62px;height:62px}}

/* Phase 3: preserve horizontal swipe on touchscreen faculty carousels.
   Existing bundled slider styles set overflow:hidden and touch-action:pan-y,
   which prevents visitors from swiping the actual teacher cards. */
.faculty-showcase-viewport[data-faculty-carousel] {
    overflow-x: auto;
    overflow-y: hidden;
    touch-action: pan-x pan-y;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.faculty-showcase-viewport[data-faculty-carousel]::-webkit-scrollbar { display: none; }