#ch-event-grid {container-type: inline-size;container-name: ch-event-grid;}
#ch-event-grid-filters {margin-bottom: 24px;gap:24px;}
#ch-event-grid-search-wrap, .ch-event-grid-search, #ch-event-grid-filter-wrap, .ch-event-grid-category-filter {width: 100%;}
#ch-event-grid-events {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:24px;}
.ch-event-grid-card {border: 1px solid #ccc;display: flex;flex-direction: column;justify-content: space-between;}
.ch-event-grid-card-img {aspect-ratio: 16/9;width: 100%;background: #eaeaea;}
.ch-event-grid-card-img img {object-fit: cover; aspect-ratio: 16/9;width: 100%;}
.ch-event-grid-card-content {padding:12px;}
.ch-event-grid-card-content a {margin-top:0px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ch-event-grid-card-description {width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ch-event-grid-card-footer {border-top:1px solid #ccc;padding:12px;gap:12px;}
.ch-event-grid-card-link {flex-shrink: 0;}

@container ch-event-grid (max-width:1000px) {
    #ch-event-grid-events {grid-template-columns: 1fr 1fr 1fr;}
}
@container ch-event-grid (max-width:768px) {
    #ch-event-grid-events {grid-template-columns: 1fr 1fr;}
}
@container ch-event-grid (max-width:600px) {
    #ch-event-grid-events {grid-template-columns: 1fr;}
}