/* Compact, even two-column layout for Help Me Choose cards. */
.problem-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.9rem !important;
}

.problem-card,
.problem-card.problem-card-wide {
  grid-column: auto !important;
  min-height: 0 !important;
  padding: 1rem 1.1rem !important;
  align-items: center !important;
}

.problem-card-number {
  top: 0.75rem !important;
  right: 0.85rem !important;
}

.problem-icon-wrap {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  font-size: 1.15rem !important;
}

.problem-title {
  font-size: 0.98rem !important;
  line-height: 1.25 !important;
}

.problem-desc {
  margin-top: 0.3rem !important;
  font-size: 0.8rem !important;
  line-height: 1.4 !important;
}

.problem-link {
  margin-top: 0.55rem !important;
  font-size: 0.75rem !important;
}

@media (max-width: 700px) {
  .problem-grid {
    grid-template-columns: 1fr !important;
  }

  .problem-card,
  .problem-card.problem-card-wide {
    padding: 0.95rem 1rem !important;
  }
}
