/* Landing wrapper */
.tools-landing {
  display: flex;
  flex-direction: column;
  align-items: center;  /* centers the whole landing content */
  padding: 40px;
  text-align: center;
}

/* Grid container must be allowed to grow full width */
.tool-grid {
  width: 100%;
  max-width: 1100px; /* match your .page max width */
  margin: 30px auto 0;

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;

  justify-items: center; /* keep cards centered in each column */
}

/* Cards */
.tool-card {
  background: #1e1e1e;
  padding: 20px;
  border-radius: 10px;

  width: 100%;          /* let grid control sizing */
  max-width: 260px;     /* keep your original card width */
  text-decoration: none;
  color: white;
  transition: 0.2s;
}

.tool-card:hover {
  background: #333;
  transform: translateY(-4px);
}

/* Small screen: single column */
@media (max-width: 640px) {
  .tool-grid {
    grid-template-columns: 1fr;
  }

  .tool-card {
    max-width: 360px;
  }
}