/* Top accent strip */
.subgraph-accent-strip {
  height: 6px;
  background-color: var(--dark-green);
}

/* Card wrapper */
.subgraph-card {
  border: none;
  border-radius: 1rem;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.subgraph-card:hover {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}

/* Image */
.subgraph-image {
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: top;
  border: 3px solid var(--dark-green);
}

/* Title */
.subgraph-title {
  font-size: 1.8rem;
  color: #1b5e20;
  margin-bottom: 0.5rem;
}

/* Description */
.subgraph-description {
  font-size: 1rem;
  color: #6c757d; /* Bootstrap secondary text color */
  margin-bottom: 1rem;
}

/* Button */
.subgraph-btn {
  border-radius: 12px;
}