/* How We Work - Text Wrapping Fix */

/* Prevent "Month 4 Result:" and "Month 6 Result:" from breaking */
.phase-outcome strong,
.milestone-outcome strong {
    white-space: nowrap;
    display: inline-block;
}

/* Ensure parent container has proper word-break */
.phase-outcome,
.milestone-outcome {
    word-break: normal;
    overflow-wrap: break-word;
}

/* Specific fix for milestone outcomes */
.milestone-outcome strong {
    white-space: nowrap;
}

/* Alternative: Use non-breaking space in HTML if needed */
/* This CSS ensures the entire phrase stays together */
.phase-outcome strong::after,
.milestone-outcome strong::after {
    content: '';
    display: inline;
}

@media (max-width: 768px) {
    /* On mobile, allow breaking if absolutely necessary */
    .phase-outcome strong,
    .milestone-outcome strong {
        white-space: normal;
    }
}