/* Homepage only. Existing server cards, carousel and native search stay intact. */
.rh-home.rh-directory-v1617 .rh-home-directory {
    padding-top: 36px;
    scroll-margin-top: 24px;
}
.rh-home.rh-directory-v1617 .rh-directory-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 400px);
    align-items: center;
    gap: 24px 36px;
    margin: 0 0 26px;
    padding: 0 0 26px;
    border-bottom: 1px solid #27343a;
}
.rh-home.rh-directory-v1617 .rh-directory-intro {min-width: 0;}
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-section-title {
    margin: 0;
    color: #f3f6f7;
    font: 750 clamp(27px, 2.3vw, 34px)/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: -.035em;
    text-transform: none;
}
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-section-title > span {color: #ff4b20;}
.rh-home.rh-directory-v1617 .rh-directory-totals {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    margin-top: 12px;
    color: #a7bac4;
    font: 14px/1.55 Arial, Helvetica, sans-serif;
}
.rh-home.rh-directory-v1617 .rh-directory-total {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 5px;
    min-width: 0;
}
.rh-home.rh-directory-v1617 .rh-directory-total + .rh-directory-total {
    padding-left: 20px;
    border-left: 1px solid #344148;
}
.rh-home.rh-directory-v1617 .rh-directory-totals .rh-home-stat-value {
    display: inline;
    color: #eef3f5;
    font: 700 14px/1.55 Arial, Helvetica, sans-serif;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
.rh-home.rh-directory-v1617 .rh-directory-live-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    margin-right: 4px;
    border-radius: 50%;
    background: #31cd90;
}
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-search {
    grid-column: auto;
    min-height: 48px;
    border: 1px solid #34444d;
    border-radius: 7px;
    background: #10191e;
    box-shadow: none;
}
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-search:focus-within {
    border-color: #ff613d;
    outline: 2px solid #ff613d;
    outline-offset: 3px;
}
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-search input {
    min-height: 48px;
    padding: 12px 8px 12px 16px;
    color: #f0f4f6;
    font: 400 16px/1.4 Arial, Helvetica, sans-serif;
}
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-search input::placeholder {color: #a2b3bd;}
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-search button {
    min-height: 48px;
    flex-basis: 48px;
    width: 48px;
    border-radius: 0 6px 6px 0;
    color: #aebec7;
}
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-search button:hover,
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-search button:focus-visible {
    color: #fff;
    background: #23323b;
}
.rh-home.rh-directory-v1617 .rh-directory-toolbar .rh-home-search button svg {width: 19px; height: 19px;}
@media (max-width: 740px) {
    .rh-home.rh-directory-v1617 .rh-home-directory {width: calc(100% - 24px); padding-top: 28px;}
    .rh-home.rh-directory-v1617 .rh-directory-toolbar {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding-bottom: 22px;
        margin-bottom: 22px;
    }
}
@media (max-width: 380px) {
    .rh-home.rh-directory-v1617 .rh-directory-totals {column-gap: 12px; font-size: 13px;}
    .rh-home.rh-directory-v1617 .rh-directory-totals .rh-home-stat-value {font-size: 13px;}
    .rh-home.rh-directory-v1617 .rh-directory-total + .rh-directory-total {padding-left: 12px;}
}