/* Filter area (unchanged spacing from your last request) */
.research-filter-wrap { margin-bottom: 1.5rem; }
.research-filters {
  display: flex; flex-wrap: wrap;
  gap: 0.5rem;
/*   margin-bottom: .25rem; */
}
.rf-btn {
  padding: .6rem; 
  border-radius: 999px;
  cursor: pointer; 
  font-size: .86rem; 
  line-height: 1;
  margin-top: 0 !important;
}

/* ===== Tiles Grid ===== */

.events-list {
    padding-top: 32px !important;
}

.events-list.research-events {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4-up desktop */
  gap: 1.25rem;
}

/* Responsive fallbacks */
@media (max-width: 1200px) {
  .events-list.research-events { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .events-list.research-events { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .events-list.research-events { grid-template-columns: 1fr; }
}

/* ===== Tile Card ===== */
.event-item.research-item {
  display: flex; flex-direction: column; justify-content: space-between;
  min-height: 220px; /* keeps cards visually consistent */
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1.25rem;
  box-shadow: 0 0 0 0 rgba(0,0,0,0); /* subtle hover only */
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.event-item.research-item:hover {
  box-shadow: 0 10px 18px rgba(0,0,0,0.08);
  transform: translateY(-2px);
  border-color: #e2e8f0;
}

/* Title */
.event-info { display: flex; flex-direction: column; gap: .6rem; }
.event-title { margin: 0; font-size: 1.05rem; line-height: 1.35; }
.event-title a { text-decoration: none; color: inherit; }
.event-title a:hover { text-decoration: underline; }

/* Publication details directly under title */
.research-meta-line {
  display: flex; flex-direction: column; gap: .5rem;
  font-size: .92rem; color: #6b7280;
}

/* Tags on each card (subtle) */
.research-tags { display: flex; flex-wrap: wrap; gap: .45rem .45rem; }
.rtag-btn {
  padding: .28rem .65rem;
  font-size: .82rem; line-height: 1;
  cursor: pointer;
}