/* widen the closed select and prevent wrapping of the selected value */
.campaign-select {
    min-width: 420px; /* adjust as needed */
    white-space: nowrap; /* stop the selected value from wrapping */
}

/* widen the dropdown menu and prevent wrapping of items */
.campaign-select-menu {
    min-width: 520px; /* adjust as needed */
    white-space: nowrap; /* stop items from wrapping */
}

/* widen the closed select and prevent wrapping of the selected value */
.location {
    min-width: 320px; /* adjust as needed */
    white-space: nowrap; /* stop the selected value from wrapping */
}

/* widen the dropdown menu and prevent wrapping of items */
.location-select-menu {
    min-width: 520px; /* adjust as needed */
    white-space: nowrap; /* stop items from wrapping */
}

/* visual indent for children inside the menu */
.child-item {
    padding-left: 1.25rem; /* indent child rows */
}

/* nicer styling for <ol> and <li> in side of MarkupStrings */
/* Restore indentation for ordered & unordered lists inside your rich HTML */
.rich-html ol,
.rich-html ul {
    /* Use both logical & physical properties to cover all browsers/resets */
    padding-inline-start: 1.5rem !important;
    padding-left: 1.5rem !important;
    margin: 0.5rem 0 1rem;
    list-style-position: outside;
}

/* Optional: tidy up items and nested lists */
.rich-html li { margin: 0.25rem 0; }
.rich-html ol ol { list-style-type: lower-alpha; }
.rich-html ul ul { list-style-type: circle; }