.search-page {
    display: flex;
    flex-direction: column;
}

.application-shell__page > .search-page {
    min-height: 100%;
    flex: 1 1 auto;
}

.search-page__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--space-4);
}

.search-page__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--space-3);
}

.search-page__form .ui-form-field,
.search-page__form .ui-form-actions {
    margin: 0;
}

.search-page__form .ui-form-actions {
    align-self: end;
    padding: 0;
    border: 0;
}

.search-page__groups {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--divider);
}

.search-page__group {
    min-width: 0;
}

.search-page__group + .search-page__group {
    border-inline-start: 1px solid var(--divider);
}

.search-page__initial-state {
    flex: 1 1 auto;
    align-content: center;
    border-top: 1px solid var(--divider);
}

@container (max-width: 840px) {
    .search-page__groups {
        grid-template-columns: minmax(0, 1fr);
    }

    .search-page__group + .search-page__group {
        border-block-start: 1px solid var(--divider);
        border-inline-start: 0;
    }
}

@container (max-width: 520px) {
    .search-page__form {
        grid-template-columns: minmax(0, 1fr);
    }

    .search-page__form .ui-form-actions,
    .search-page__form .ui-form-actions .btn-primary {
        width: 100%;
    }
}