.tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.tool-card {
  min-height: 190px;
  background: var(--bg-card-green);
  border-radius: var(--radius-md);
  padding: 1.2rem;
  display: grid;
  gap: 0.6rem;
  text-decoration: none;
  color: inherit;
}

.tool-card--active {
  background: rgba(194, 224, 188, 0.95);
}

.tool-card--disabled {
  opacity: 0.8;
  filter: grayscale(0.15);
}

.tool-card .pill-label { background: rgba(255, 255, 255, 0.7); }

@media (max-width: 768px) {
  .tool-grid {
    grid-template-columns: 1fr;
  }
}