.elsc-publications-filter {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(170px, 1fr)) auto;
    margin: 0 0 28px;
    width: 100%;
}

.elsc-publications-filter__field {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.elsc-publications-filter label {
    color: #1f2933;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
}

.elsc-publications-filter input[type="search"],
.elsc-publications-filter select {
    background: #fff;
    border: 1px solid #c9d1d9;
    border-radius: 4px;
    color: #1f2933;
    font-size: 15px;
    line-height: 1.4;
    min-height: 44px;
    padding: 9px 12px;
    width: 100%;
}

.elsc-publications-filter__actions {
    align-items: center;
    display: flex;
    gap: 12px;
    min-height: 44px;
}

.elsc-publications-filter__submit {
    background: #1b4d89;
    border: 1px solid #1b4d89;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    min-height: 44px;
    padding: 10px 18px;
}

.elsc-publications-filter__submit:hover,
.elsc-publications-filter__submit:focus {
    background: #123a68;
    border-color: #123a68;
    color: #fff;
}

.elsc-publications-filter__reset {
    color: #1b4d89;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.elsc-publications-filter__reset:hover,
.elsc-publications-filter__reset:focus {
    color: #123a68;
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .elsc-publications-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .elsc-publications-filter__field--search,
    .elsc-publications-filter__actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .elsc-publications-filter {
        grid-template-columns: 1fr;
    }

    .elsc-publications-filter__field--search,
    .elsc-publications-filter__actions {
        grid-column: auto;
    }

    .elsc-publications-filter__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .elsc-publications-filter__submit {
        width: 100%;
    }
}
