.maple-personal-profiles-wrapper {
    /* Layout handled via maple-flex-container */
}

.maple-profiles-container {
    /* Layout handled via maple-flex-container */
}

.maple-personal-profile-entry {
    /* Layout handled via maple-flex-container */
}

.maple-profile-image {
    flex-basis: 33%;
}

.maple-profile-details {
    flex-basis: 67%;
    text-align: justify;
    text-justify: inter-word;
}

.maple-profile-bio {
    margin-top: 10px;
}

.maple-profile-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.maple-profile-contact i {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .maple-profile-image {
        flex-basis: 100%;
        justify-content: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .maple-profile-details {
        flex-basis: 100%;
    }

    .maple-profile-name,
    .maple-profile-role {
        text-align: center;
    }
}

/* Glass effects are now handled dynamically in the block render */