.activity-search {
    clear: both;
    width: 100%;
    max-width: 920px;
    margin: 0 auto 24px;
    padding: 18px;
    box-sizing: border-box;
    border: 1px solid #d7e1e8;
    border-radius: 8px;
    background: #f5f8fa;
    color: #243a4b;
    text-align: left;
    scroll-margin-top: calc(var(--navigation-header-height, 80px) + 20px);
}
.activity-search label { display: block; margin: 0 0 9px; font-size: 17px; font-weight: 600; overflow-wrap: anywhere; }
.activity-search-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.activity-search input { flex: 1 1 230px; min-width: 0; width: 100%; max-width: 100%; height: 46px; padding: 10px 12px; border: 1px solid #a8b7c3; border-radius: 5px; background: white; color: #243a4b; font: inherit; font-size: 16px; box-sizing: border-box; }
.activity-search input:focus { outline: 2px solid #1266a5; outline-offset: 2px; }
.activity-search .activity-search-submit { min-height: 46px; margin: 0; padding: 10px 20px; white-space: normal; overflow-wrap: anywhere; }
.activity-search-clear { display: inline-flex; min-height: 44px; align-items: center; padding: 8px; color: #165b8b; text-decoration: underline; overflow-wrap: anywhere; }
.activity-search-status { margin: 12px 0 0; font-size: 15px; overflow-wrap: anywhere; }
.activity-search-status:empty { display: none; }
.activity-search-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; padding: 0; }
.activity-search-pagination > li { display: inline-block; }
.activity-search-pagination > li > a, .activity-search-pagination > li > span { min-height: 44px; min-width: 40px; padding: 11px; overflow-wrap: anywhere; }
@media (max-width: 575px) {
    .activity-search { padding: 14px; }
    .activity-search input { flex-basis: 100%; }
    .activity-search .activity-search-submit { flex: 1 1 95px; }
    .activity-search-clear { flex: 1 1 120px; justify-content: center; text-align: center; }
}