/* Container for each staff member */
.staff-member {
    display: flex;
    flex-wrap: nowrap;   /* keep image left, text right on larger screens */
    gap: 1.5rem;         /* consistent spacing between image and text */
    align-items: flex-start;
    margin-bottom: 2.5rem; /* consistent spacing between staff sections */
    padding-bottom: 2rem;  /* extra breathing room */
    border-bottom: 1px solid #ddd; /* optional visual separation */
}

/* Image column */
.staff-member img {
    flex: 0 0 100px;
    max-width: 100%;
    border-radius: 6px;
}

/* Text column */
.staff-member .bio {
    flex: 1 1 300px;
    line-height: 1.6;
}

/* Mobile stacking */
@media (max-width: 700px) {
    .staff-member {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 1rem;              /* keep spacing between image and text */
        margin-bottom: 2.5rem;  /* maintain spacing between staff sections */
        padding-bottom: 2rem;
    }

    .staff-member img {
        width: 40%;
        max-width: 300px;
        margin: 0 auto 1rem auto; /* spacing below image */
    }
}