/* Tools section (blocks/tools.html), reusing the service-card look (D17). New in
   the CMS, with no Astro counterpart. It sits directly in <main> on the homepage
   and inside `.page-body` on a generic page, so it carries its own container box
   and drops it when nested. The `.section-tools` prefix on the card rules keeps
   them above `.page-body`'s element rules in that nested case. */
.section-tools {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: var(--section-padding-y) var(--container-padding);
}
.page-body .section-tools {
  padding: 2.5rem 0 0;
}
.section-tools .tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.25rem;
  padding: 0;
  list-style: none;
}
.section-tools .tool-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 1.5rem;
  transition: border-color 0.25s ease, transform 0.25s ease;
}
.section-tools .tool-card:hover {
  border-color: var(--accent-dim);
  transform: translateY(-2px);
}
.section-tools .tool-link {
  color: var(--text-1);
  font-weight: 500;
  text-decoration: none;
}
.section-tools .tool-link:hover { color: var(--accent); }
.section-tools .tool-desc {
  margin: 0;
  font-size: 0.95rem;
}