/* Scoped to the service search catalogue; filters and paging retain their behavior. */
.service-catalog-cards .service-catalog-column { display: flex; }
.service-catalog-cards .card.card-icon-container {
    width: 100%; height: 100%; min-height: 20rem;
    background: #fff; border: 1px solid #d2d6db !important;
    border-radius: 1rem !important; box-shadow: 0 2px 4px rgba(16,24,40,.025);
}
.service-catalog-cards .card > .card-body {
    display: flex; flex-direction: column; width: 100%; padding: 1rem !important;
}
.service-catalog-cards .icon-container {
    width: 2.5rem; height: 2.5rem; flex: 0 0 2.5rem;
    display: flex; align-items: center; justify-content: center;
}
.service-catalog-cards .icon-container img {
    width: 2rem !important; height: 2rem !important; object-fit: contain;
}
.service-catalog-cards .card-title-container {
    height: auto !important; min-height: 3rem; margin: .5rem 0 .75rem !important;
}
.service-catalog-cards .card-icon-title { font-size: 1.125rem; line-height: 1.5; font-weight: 700; }
.service-catalog-cards .service-card-summary {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden; line-height: 1.75; min-height: 3.5em;
    margin: 0 0 .75rem; color: #1f2a37; overflow-wrap: anywhere;
}
.service-catalog-cards .service-card-audiences,
.service-catalog-cards .service-card-tags { display: flex; flex-wrap: wrap; gap: .5rem; }
.service-catalog-cards .service-card-audiences { margin-bottom: .5rem; }
.service-catalog-cards .service-card-tags { margin: auto 0 .75rem !important; padding-top: .5rem; }
.service-catalog-cards .service-category-tag,
.service-catalog-cards .service-channel-tag,
.service-catalog-cards .service-audience-tag {
    display: inline-flex; align-items: center; font-size: .75rem; line-height: 1.5;
    padding: .125rem .625rem; border-radius: .25rem; max-width: 100%;
}
.service-catalog-cards .service-category-tag { background: #eff8ff; color: #175cd3; }
.service-catalog-cards .service-channel-tag { background: #ecfdf3; color: #067647; }
.service-catalog-cards .service-audience-tag { border: 1px solid #d2d6db; color: #161616; }
.service-catalog-cards .btns { margin-top: 0 !important; }
.service-catalog-cards .btns .btn { white-space: normal; }