/* ===== Study Cards basic styles ===== */
.scards-filter { margin: 0 0 16px; }
.scards-filter__row { display:flex; gap:12px; flex-wrap:wrap; }
.scards-filter label { display:flex; flex-direction:column; font-size:.92rem; gap:6px; }
.scards-filter select { min-width:220px; padding:8px 10px; border:1px solid #ddd; border-radius:8px; }

.scards-grid { display:grid; gap:16px; }
.scards-cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.scards-cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.scards-cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 1024px){ .scards-cols-3,.scards-cols-4{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 640px){ .scards-cols-2,.scards-cols-3,.scards-cols-4{ grid-template-columns: 1fr; } }

.scard { background:#fff; border:1px solid #eee; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 2px 8px rgba(0,0,0,.05); }
.scard__thumb img { width:100%; height:220px; object-fit:cover; display:block; }
.scard__body { padding:14px 14px 12px; display:flex; flex-direction:column; gap:10px; }
.scard__badges { display:flex; gap:8px; flex-wrap:wrap; }
.badge { font-size:.75rem; padding:4px 8px; border-radius:999px; border:1px solid #e5e7eb; background:#f9fafb; }
.badge-country { background:#eef6ff; border-color:#dbeafe; }
.badge-level   { background:#f5f7ff; border-color:#e5e7ff; }

.scard__title { font-size:1.05rem; line-height:1.35; margin:0; }
.scard__title a { text-decoration:none; color:#111827; }
.scard__excerpt { color:#4b5563; margin:0; }
.scard__more { align-self:flex-start; margin-top:4px; padding:8px 12px; border-radius:10px; border:1px solid #111827; text-decoration:none; font-size:.9rem; }
.scard__more:hover { background:#111827; color:#fff; }

.scards-pagination { margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }
.scards-pagination a { border:1px solid #ddd; padding:6px 10px; border-radius:8px; text-decoration:none; color:#111; }
.scards-pagination a.active { background:#111; color:#fff; border-color:#111; }

.scards-empty { padding:12px; background:#f9fafb; border:1px solid #eee; border-radius:10px; }
