/* List Columns Layout Using CSS Columns */
[class*="list-columns-"] {
    column-gap: 2em;
    padding-left: 1em;
}

.list-columns-1 {
    column-count: 1;
}

.list-columns-2 {
    column-count: 2;
}

.list-columns-3 {
    column-count: 3;
}

.list-columns-4 {
    column-count: 4;
}

.list-columns-5 {
    column-count: 5;
}

.list-columns-6 {
    column-count: 6;
}

.list-columns-7 {
    column-count: 7;
}

.list-columns-8 {
    column-count: 8;
}

.list-columns-9 {
    column-count: 9;
}

.list-columns-10 {
    column-count: 10;
}

/* Prevent nested lists from inheriting columns */
[class*="list-columns-"] li > ul,
[class*="list-columns-"] li > ol {
    column-count: 1 !important;
}

/* Responsive: collapse to single column on mobile */
@media screen and (max-width: 767px) {
    [class*="list-columns-"] {
        column-count: 1 !important;
    }
}