/* ==============================================
   COMPONENT: Research
   Description: Research page — grid layouts for papers, domain areas, and collaborations sections
   ============================================== */

/* --- Published papers section --- */

.research-papers {
  padding-block: var(--space-16);
}

@media (min-width: 768px) {
  .research-papers {
    padding-block: var(--space-20);
  }
}

.research-papers__list {
  display: flex;
  flex-direction: column;
  gap: var(--grid-gap);
  margin-top: var(--space-10);
}

/* --- Research areas — reuses domain-grid component; section padding only --- */

/* domain-grid component handles all internal layout */

/* --- Institutional collaborations section --- */

.research-collaborations {
  padding-block: var(--space-16);
}

@media (min-width: 768px) {
  .research-collaborations {
    padding-block: var(--space-20);
  }
}

.research-collaborations__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid-gap);
  margin-top: var(--space-10);
}

@media (min-width: 768px) {
  .research-collaborations__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .research-collaborations__grid {
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
  }
}