/* The old page's headings sat inside a wp:group with layout:flex, which
   auto-generates a child-margin reset to work with its gap setting. This
   block isn't a grouped layout, so headings fall back to the browser's
   default heading margin (~1.33em) unless reset explicitly here. */
.who-we-are-bio h3.wp-block-heading {
    margin: 0 0 0.125rem;
}

.who-we-are-bio h4.wp-block-heading {
    margin: 0 0 0.75rem;
}

.team-member-card-columns {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.team-member-card-photo {
    flex: 0 0 150px;
}

.team-member-card-photo-img {
    object-fit: cover;
}

.team-member-card-bio-wrap {
    flex: 1 1 auto;
    min-width: 0;
}

/* Match WordPress core's own wp-block-columns stacking breakpoint (781px)
   since this is a bespoke flex container, not a real Columns block, and
   doesn't inherit that behaviour automatically. */
@media (max-width: 781px) {
    .team-member-card-columns {
        flex-wrap: wrap;
    }

    .team-member-card-photo {
        flex-basis: 100%;
    }

    .team-member-card-bio-wrap {
        flex-basis: 100%;
    }

    .team-member-card-columns {
        gap: 0;
    }

    .who-we-are-bio h3.wp-block-heading {
        padding-top: 0.8rem;
    }

    .who-we-are-bio h4.wp-block-heading {
        margin-bottom: 0.1rem;
    }
}

.therec-read-more {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    overflow: hidden;
}

@media (max-width: 781px) {
    .therec-read-more {
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }
}

.therec-read-more.is-expanded {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
}

.therec-read-more-toggle {
    display: inline-block;
    margin-top: 0.5rem;
    background: none;
    border: none;
    color: #834902;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font: inherit;
}