.widgetBody ol.semanticList {
    column-gap: 30px;
}
.widgetBody li.widgetItem {
    margin-bottom: 1em;
}

.widgetBody li.breakColumn {
    break-before: column;
}

@media screen and (max-width:500px) {
    .widgetBody ol.semanticList {
        columns: 1;
    }

    .widgetBody li.breakColumn {
        break-before: auto;
    }
}