/* n10-site-code: [Imported] Directory Categories Styling [Nine10 CSS] · last edited by unknown on 2026-11-09 17:19:16 UTC · Nine10 entries are maintained by Nine10; use the Client entries for site changes. */
.directory-terms {
    display: grid;
    gap: 20px;
}

.term-group {
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.term-item.top-level {
    font-weight: bold;
    padding: 10px;
}

.term-item.sub-level {
    padding: 2px;
    margin-left: 20px;
}

@media (min-width: 1025px) {
    .directory-terms {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .directory-terms {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .directory-terms {
        grid-template-columns: 1fr;
    }
}