.tf-consultant-profile{
    border: 1px solid #ddd;
    background: #fff;
    padding: 1rem;
    align-self: stretch;
    display: grid;
    grid-template-columns: var( --profile-columns, 100% );
    column-gap: 1rem;

    &:has( .tf-consultant-profile__image ){
        --profile-columns: 150px auto;
    }

    .tf-consultant-profile__name{
        font-size: 1.5rem;
        margin: 0;
    }
    .tf-consultant-profile__image{
        img{
            aspect-ratio: 1;
            max-width: 100%;
            object-fit: cover;
            display: block;
        }
    }
    .tf-consultant-profile__details{
        margin: 0;
    }
    .tf-consultant-profile__detail-item{
        display: flex;
        column-gap: .5rem;
    }
    .tf-consultant-profile__detail-item-label{
        display: var( --label-display, inline-block );
        color: #aaa;
        padding-right: 0.25rem;
    }
    .tf-consultant-profile__detail-item-label:after{
        content: ":";
    }
    .tf-consultant-profile__detail-item--position{
        --label-display: none;
    }
    .tf-consultant-profile__detail-item-value{
        margin: 0;
    }
}