.feature-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  max-inline-size: 36rem;
  padding: 1rem;
  border: 1px solid #cbd5e1;
  border-radius: 1rem;
  background: #ffffff;
  color: #1e293b;
}

.feature-card__media {
  flex: 0 0 clamp(7rem, 28vw, 9rem);
  inline-size: clamp(7rem, 28vw, 9rem);
  block-size: 8rem;
  border-radius: 0.875rem;
  background: linear-gradient(135deg, #2563eb, #0f766e);
}

.feature-card__body {
  min-inline-size: 0;
}