.cs-container { max-width:1100px; margin:0 auto; padding:30px; }
.cs-filters { margin-bottom:20px; }
.cs-filter-row { display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap; }
.cs-filter-group { flex:1 1 200px; }
.cs-filter-group h4 { margin:0 0 8px;  }
.cs-filter-group label { display:block;  margin-bottom:6px; font-size: 14px; }
.cs-search { flex:1 1 250px; }
#cs-search-input { width:100%; padding:8px; margin-top:6px; box-sizing:border-box; }
.cs-featured { display:flex; margin-bottom:30px; flex-direction: row; align-items: stretch; }
.cs-featured > a { width: 95%; display: block; margin: 0 auto; }
.cs-featured img { width:100%; height:auto; object-fit:cover; border-top-left-radius: 18px; border-bottom-left-radius: 18px; }
.cs-featured-meta { width:100%; padding: 30px 20px; background: #FFFFFF; box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.16); border-top-right-radius: 18px;border-bottom-right-radius: 18px; }
.cs-featured-meta .cs-excerpt{ color: #234083; }
.cs-title { font-size:28px; margin:0 0 8px; }
.cs-byline {  margin-bottom: 20px; margin-top: 20px; }
.cs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cs-card { margin-bottom:30px; }
.cs-card img {object-fit: cover;display: block;width: 90%;margin: 0 auto;border-top-left-radius: 18px;border-top-right-radius: 18px;border: none;box-shadow: none;height: auto;max-width: 100%;}
.cs-card-title { font-size: 20px; color: #234083; font-weight: 600;  margin:0 0 20px; }
.cs-card-meta { margin-bottom:20px; }
.cs-card-excerpt { color: #234083; margin-bottom: 20px; line-height: 1.5;}
#cs-loadmore-wrap { text-align:center; margin-top:30px; }
#cs-loadmore { padding:10px 24px; cursor:pointer; }
.cs-filters-header { margin-bottom:12px; display:flex; align-items:center; justify-content:space-between; justify-content: flex-end; cursor:pointer; padding:10px 0; }
.cs-filters-title { letter-spacing:1px; text-transform:uppercase; margin:0; display:flex; align-items:center; gap:6px; font-family: "Barlow", sans-serif; font-weight: normal; color: var(--m-heading-color); letter-spacing: 1px; text-transform: uppercase; }
.cs-arrow { margin-left:6px; }
#cs-filter-form { display:none; background-color:#E3E4EAA6; padding:30px 30px; border-radius:18px;  }
#cs-filter-form h3{ margin-top: 0; }
.cs-filters-header:hover { opacity:0.8; }
.cs-filter-group { margin-bottom:20px; display:block; }
.cs-filter-group > label { display:block; }
.cs-filter-group-labels { display:grid; grid-template-columns:repeat(2,1fr); gap:6px 12px; }
#cs-loadmore, #cs-clear, #cs-apply{ background: #6dbe4b !important; color: #fff !important; border: none !important; padding: 12px 24px !important; border-radius: 4px !important; cursor: pointer !important; transition: background 0.25s ease !important; font-family: "Barlow", Sans-serif !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 30px 30px 30px 30px !important; padding: 10px 30px 10px 30px !important; }
#cs-loadmore{ padding: 15px 30px 15px 30px !important; }
#cs-loadmore:hover, #cs-clear:hover, #cs-apply:hover{ background: #234083 !important; }

/* Loading overlay */
#cs-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,0.85);z-index:50}
#cs-loading-overlay .cs-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,0.12);border-top-color:rgba(0,0,0,0.6);border-radius:50%;animation:cs-spin .9s linear infinite;margin-bottom:10px}
@keyframes cs-spin{to{transform:rotate(360deg)}}
#cs-loading-text{color:#333}
#cs-loading-overlay { pointer-events: none; } /* overlay visual only; buttons are disabled via JS */
.main-footer{ margin-top: 150px; }

.cs-card-body{padding: 30px 20px;background: #FFFFFF;box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.16);border-radius: 18px;}

@media (max-width:900px) { .cs-grid { grid-template-columns:repeat(2,1fr); } .cs-featured { flex-direction:column; } .cs-featured img { width:100%; } }
@media (max-width:600px) { .cs-grid { grid-template-columns:1fr; } }