.doctor-card {
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 1rem;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
    height: 100%;
}

.doctor-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(16, 42, 67, .12);
}

.doctor-photo {
    width: 100%;
    height: 220px;
    object-fit: cover;
    background: linear-gradient(135deg, #e7f7ff, #eafaf0);
}

@media (max-width: 991.98px) {
    .navbar-brand {
        font-size: 1rem;
        white-space: normal;
        line-height: 1.2;
        margin-right: 1rem;
    }
}

@media (max-width: 768px) {
    .team-member-card {
        margin-bottom: 1rem;
    }
}