.grid {
  display: grid;
  gap: 18px;
}

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

.grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.feature-card,
.featured-tool-card,
.article-card,
.collection-card,
.collection-tool-card {
  transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.feature-card:hover,
.featured-tool-card:hover,
.article-card:hover,
.collection-card:hover,
.collection-tool-card:hover,
.card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(200, 184, 141, 0.24);
  background: linear-gradient(180deg, rgba(23, 25, 29, 0.98), rgba(13, 15, 21, 0.97));
}

.feature-card {
  gap: 14px;
  min-height: 240px;
}

.feature-card-meta {
  margin: 0;
  color: rgba(185, 192, 200, 0.72);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.feature-card-link {
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  color: rgba(245, 246, 247, 0.9);
  font-size: 0.92rem;
  font-weight: 800;
}

.tool-card-summary {
  color: rgba(215, 220, 224, 0.84);
}