@keyframes nexdirectoryFadeIn {
        from { opacity: 0; transform: translateY(15px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .nexdirectory-animate-fade {
        animation: nexdirectoryFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
    #nexdirectory-archive-results[data-nexdirectory-cols] .nexdirectory-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1.25rem !important;
        align-items: stretch;
    }
    #nexdirectory-archive-results[data-nexdirectory-cols] .nexdirectory-grid > * {
        min-width: 0;
    }
    #nexdirectory-archive-results .nexdirectory-empty-state {
        grid-column: 1 / -1;
    }
    #nexdirectory-archive-results[data-nexdirectory-cols] {
        container-name: nexdirectory-archive-results;
        container-type: inline-size;
    }
    @container nexdirectory-archive-results (min-width: 34rem) {
        #nexdirectory-archive-results[data-nexdirectory-cols="2"] .nexdirectory-grid,
        #nexdirectory-archive-results[data-nexdirectory-cols="3"] .nexdirectory-grid,
        #nexdirectory-archive-results[data-nexdirectory-cols="4"] .nexdirectory-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
    }
    @container nexdirectory-archive-results (min-width: 48rem) {
        #nexdirectory-archive-results[data-nexdirectory-cols="3"] .nexdirectory-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }
        #nexdirectory-archive-results[data-nexdirectory-cols="4"] .nexdirectory-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }
    }
    @container nexdirectory-archive-results (min-width: 64rem) {
        #nexdirectory-archive-results[data-nexdirectory-cols="4"] .nexdirectory-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        }
    }
    .nexdirectory-archive-page .nexdirectory-archive-filter-form label.block {
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }
    .nexdirectory-archive-page .nexdirectory-archive-filter-form :is(input[type="text"], input[type="date"], select, button) {
        font-size: 13px !important;
    }
    .nexdirectory-archive-page .nexdirectory-archive-filter-form :is(button[type="submit"], .nexdirectory-archive-clear-btn) {
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
    }
    .nexdirectory-archive-page .nexdirectory-archive-filters-toggle {
        font-size: 13px !important;
        font-weight: 600 !important;
    }