/* Shared actively recruiting trial cards used on the homepage and patient page. */
.recruiting,
.patient-recruiting {
  padding-block: clamp(2rem, 4.8vw, 3.4rem) !important;
  background: var(--page-bg) !important;
}

.recruiting-head,
.patient-recruiting-head {
  margin-bottom: clamp(1rem, 2.8vw, 1.7rem) !important;
}

.recruiting-title,
.patient-recruiting-title {
  font-family: var(--font-serif) !important;
  font-size: clamp(2.25rem, 5.9vw, 4.85rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.045em !important;
  max-width: none !important;
}

.recruiting-copy,
.patient-recruiting-copy {
  margin-top: 0.95rem !important;
  max-width: 55rem !important;
  font-size: clamp(0.95rem, 1.05vw, 1.08rem) !important;
}

.recruiting-grid,
.patient-recruiting-grid {
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)) !important;
  gap: clamp(0.7rem, 1.25vw, 1rem) !important;
}

.recruiting-card,
.patient-recruiting-card {
  min-height: clamp(10.5rem, 17vw, 13.5rem) !important;
  padding: clamp(0.95rem, 1.45vw, 1.25rem) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 36px rgba(36, 56, 50, 0.07) !important;
}

.recruiting-card h3,
.patient-recruiting-card h3 {
  font-size: clamp(1rem, 1.25vw, 1.38rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  text-wrap: pretty !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
}

.recruiting-card p,
.patient-recruiting-card p {
  font-size: 0.9rem !important;
  line-height: 1.35 !important;
}

.recruiting-link,
.patient-recruiting-link {
  font-size: 0.66rem !important;
}

@media (max-width: 820px) {
  .recruiting-grid,
  .patient-recruiting-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .recruiting-grid,
  .patient-recruiting-grid {
    grid-template-columns: 1fr !important;
  }
  .recruiting-card,
  .patient-recruiting-card {
    min-height: 10.75rem !important;
  }
}