/* =========================================================================
 * Use Case — block 2, Challenges: tweaks on top of the steps component
 * (assets/css/why-lmntrix/block5-experience.css).
 *
 * The item descriptions here are noticeably longer than on Why LMNTRIX: the
 * description column is slightly wider and the H2 may run to more characters.
 * The widths are not tied to --ms-scale (otherwise the fitting squeezes the
 * block for nothing).
 * ====================================================================== */

.lmx-uc-challenges .lmx-ex-title{max-width:16ch}
.lmx-uc-challenges .lmx-ex-step-desc{max-width:min(100%,360px)}
.lmx-uc-challenges .lmx-ex-step-title{max-width:min(100%,360px)}

@media (max-width:680px){
.lmx-uc-challenges .lmx-ex-step-desc,
.lmx-uc-challenges .lmx-ex-step-title{max-width:none}
}