.jobs-accordion,
.section-jobs-search-results-container {
    position: relative;
}

/* InstantSearch SearchBox: full width + hide submit/reset (insights-listing parity). */
.jobs-search .ais-SearchBox-submit,
.jobs-search .ais-SearchBox-reset,
.jobs-search .ais-SearchBox-loadingIndicator,
.jobs-search .ais-SearchBox-submit[hidden],
.jobs-search .ais-SearchBox-reset[hidden],
.jobs-search .ais-SearchBox-loadingIndicator[hidden] {
    display: none !important;
}

.jobs-search .ais-SearchBox,
.jobs-search .ais-SearchBox-form {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* Filter chips, divider, count, and sort align with the jobs search bar (full content width). */
.jobs-algolia-results-chrome {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

.jobs-algolia-results-chrome .section-jobs-search-filter-elements,
.jobs-algolia-results-chrome .jobs-algolia-results-meta {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Figma: 40px above and below active filter pill(s) before the divider line. */
.jobs-algolia-results-chrome .section-jobs-search-filter-elements {
    padding-top: 40px;
    padding-bottom: 40px;
}

.jobs-algolia-results-chrome .section-jobs-search-filter-elements .btn.btn-filter {
    margin-bottom: 0;
}

.jobs-algolia-results-chrome #jobs-algolia-result-count,
.jobs-algolia-results-chrome #jobs-algolia-result-count .ais-Stats,
.jobs-algolia-results-chrome #jobs-algolia-result-count .results-count {
    margin: 0;
    padding: 0;
}

.jobs-algolia-results-listing {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.jobs-listing:has(.typeahead__container.cancel.result) .jobs-accordion::after,
.jobs-listing:has(.section-jobs-search-filters-bar .dropdown-menu.show) .jobs-accordion::after,
body:has(.jobs-listing .typeahead__container.cancel.result) .section-jobs-search-results-container::after,
body:has(.jobs-listing .section-jobs-search-filters-bar .dropdown-menu.show) .section-jobs-search-results-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    pointer-events: none;
    z-index: 1;
    width: calc(100% + 160px);
    left: -80px;
    @media (max-width: 991px) {
        width: calc(100% + 80px);
        left: -40px;
    }
}

/* Capabilities-style column grid (legacy / shared helpers) */
.capabilities-listing-grid {
    position: relative;
}

/* Column-wise flow: first cards in column 1, next in column 2, then column 3 */
.capabilities-grid--columns {
    column-count: 1;
    gap: 48px;
}

.capabilities-grid--columns .capabilities-card {
    break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 24px;
}

@media (min-width: 1024px) {
    .capabilities-grid--columns {
        column-count: 3;
        gap: 64px;
    }

    .capabilities-grid--columns .capabilities-card {
        margin-bottom: 32px;
    }
}

.capabilities-card-list a {
    display: inline-block;
}

.capabilities-listing:has(.typeahead__container.cancel.result) .capabilities-grid::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    pointer-events: none;
    z-index: 1;
    width: calc(100% + 160px);
    left: -80px;
    @media (max-width: 991px) {
        width: calc(100% + 80px);
        left: -40px;
    }
}
.btn.btn-filter {
    display: inline-block;
    background-color: #E2E8FF;
    color: #000042;
    padding: 16px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 12px;
    font-weight: 450;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
    font-variation-settings: "SRFF" 0;
    @media (max-width: 768px) {
        padding: 12px 20px;
        margin-bottom: 24px;
    }
}