/* two-column bullet list with no overlap */
ul.areas {
    display: flex; /* lay list items in rows */
    flex-wrap: wrap; /* allow wrapping to next row */
    padding-left: 1.25rem; /* standard UL left padding for bullets */
    margin: 0; /* tighter spacing to match surrounding UI */
}

    ul.areas > li.area-li {
        list-style: disc; /* keep real bullets */
        list-style-position: outside;
        width: 50%; /* two columns */
        box-sizing: border-box; /* include padding in width calc */
        padding-right: 1rem; /* breathing room so bullets/text don't meet column boundary */
        margin: 0 0 .25rem 0; /* small vertical gap between items */
        overflow-wrap: anywhere; /* prevent very long words from overflowing */
    }

/* Stack to 1 column on small screens */
@media (max-width: 767.98px) {
    ul.areas > li.area-li {
        width: 100%;
    }
}