#pointer-articles-app .pointer-archive-row[hidden] {
    display: none !important;
}

#pointer-articles-app .pointer-archive-row.pointer-archive-animating [data-loop-item] {
    transition: none !important;
}

#pointer-articles-app .pointer-archive-filter {
    display: flex;
    justify-content: flex-end;
}

#pointer-articles-app .pointer-archive-filter select {
    width: min(100%, 18rem);
    padding: 0.75rem 1rem;
    border: 1px solid currentColor;
    border-radius: 0.25rem;
    background: #fff;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

#pointer-articles-app .pointer-archive-filter select:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

@media (max-width: 768px) {
    #pointer-articles-app #archive-controls {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    #pointer-articles-app #archive-controls > .et_pb_column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-right: 0 !important;
    }

    #pointer-articles-app #archive-controls .pointer-archive-filter {
        justify-content: flex-start;
    }
}