/* Toolkit index page: tool cards grouped by topic. */

.tools-section { padding: 32px 0 96px; }

/* One section per topic. Topics with no tools yet aren't shown. */
.tool-category + .tool-category,
.tool-category + .tool-grid--more { margin-top: 56px; }
.tool-category-head { margin-bottom: 20px; }
.tool-category-head h2 {
  font-size: 1.375rem; font-weight: 800;
  letter-spacing: -0.02em; color: var(--text);
}
.tool-category-head p { margin-top: 4px; font-size: 0.9375rem; color: var(--muted); }
.tool-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
@media (max-width: 900px) { .tool-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .tool-grid { grid-template-columns: 1fr; } }

.tool-card {
  display: flex; flex-direction: column;
  padding: 28px;
  color: var(--text);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
a.tool-card:hover {
  text-decoration: none;
  box-shadow: 0 16px 40px rgba(0,0,0,0.12);
  transform: translateY(-4px);
}
a.tool-card:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
.tool-icon {
  width: 48px; height: 48px; border-radius: 14px;
  background: var(--primary-light);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.375rem; margin-bottom: 16px;
}
.tool-card h3 { font-size: 1.0625rem; font-weight: 700; margin-bottom: 8px; }
.tool-card p { font-size: 0.9375rem; color: var(--muted); line-height: 1.6; }
.tool-link {
  margin-top: auto; padding-top: 20px;
  font-size: 0.9375rem; font-weight: 600; color: var(--primary);
}
.tool-card--soon { background: transparent; box-shadow: none; border: 1.5px dashed var(--border); }