/* Search controls for the category archives. */
.browseArticlesSec .articleSearch {
    max-width: 440px;
    margin: 0 auto 16px;
}

.browseArticlesSec .articleSearch label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #045d7f;
}

.browseArticlesSec .articleSearchControls {
    display: flex;
    gap: 8px;
}

.browseArticlesSec .articleSearch input {
    flex: 1;
    min-width: 0;
    width: 100%;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid rgba(4, 118, 181, 0.35);
    border-radius: 999px;
    background: #ffffff;
    font: inherit;
    font-size: 16px;
    color: #101820;
}

.browseArticlesSec .articleSearch button {
    padding: 8px 14px;
    border: 1px solid rgba(4, 118, 181, 0.35);
    border-radius: 999px;
    background: #ffffff;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    color: #045d7f;
    cursor: pointer;
}

.browseArticlesSec .articleSearch button:disabled {
    opacity: .5;
    cursor: default;
}

.browseArticlesSec .articleSearch input:focus-visible,
.browseArticlesSec .articleSearch button:focus-visible,
.browseArticlesSec #load-more:focus-visible {
    outline: 2px solid #045d7f;
    outline-offset: 3px;
}

.browseArticlesSec .categoryGrid > [hidden],
.browseArticlesSec .articleNoResults[hidden],
.browseArticlesSec #load-more[hidden] {
    display: none !important;
}

.browseArticlesSec .articleNoResults {
    clear: both;
    margin: 0 0 24px;
    text-align: center;
    color: #23414f;
}

.browseArticlesSec .articleResultsStatus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}