.expandable-summary .more-text { /* Combined class for common initial state */
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.7s ease-in-out, opacity 0.5s ease-in-out, margin-top 0.7s ease-in-out, padding-top 0.7s ease-in-out, padding-bottom 0.7s ease-in-out;
}

.expandable-summary .fas {
    padding-left: 0.3em;
    position: relative;
    top: 2px;
}

.expandable-summary .more-text-inline {
    display: inline; /* For inline expansion */
    vertical-align: bottom;
    font-size: 0;
}

.expandable-summary .more-text-block {
    display: block; /* For block expansion */
    /* margin-top: 0; Ensure no margin when hidden, transition will handle it */
}

.expandable-summary .more-text.show {
    max-height: 3000px; /* Adjust to a sufficiently large value */
    opacity: 1;
}
.expandable-summary .more-text-block.show {
    /* margin-top: 1em; /* Add margin when shown if needed, or rely on inner <p> tags */
}


.expandable-summary .lead-text {
    /* display: inline; /* This is good if lead is inside a P already */
    /* font-weight: bold; /* Optional styling for lead */
}

/* If wpautop still manages to sneak a P tag inside .lead-text (should be less likely now for inline) */
.expandable-summary .lead-text p {
    display: inline !important; /* Force inline if a p tag appears here */
    margin: 0 !important;
    padding: 0 !important;
}

/*.expandable-summary .lead-text-block p:last-child {
    margin-bottom: 0;
}*/

.expandable-summary .expandable-paragraph {
    margin-bottom: 1em; /* Or your default paragraph margin */
}

.expandable-summary .expandable-paragraph .more-text-inline.show {
    font-size: inherit;
    /* No specific style needed here beyond .show if spacing is handled by content/space in PHP */
}

.show-more-button {
    background: none !important;
    border: none;
    padding: 0 !important;

    text-decoration: underline;
    cursor: pointer;
}