/* next-steps.css
   Scoped, minimal — relies on Bootstrap utilities (d-flex, gap-2, rounded,
   text-muted, small) already loaded site-wide for layout/spacing, and
   only adds the visual identity needed to make this panel read as
   distinct from the category-based "Related Tools" footer block. */

.next-steps-panel {
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-left: 3px solid var(--bs-primary, #0d6efd);
  background: var(--bs-light, #f8f9fa);
  padding: 1rem;
  margin: 1.25rem 0;
  border-radius: 0.5rem;
}

.next-steps-item {
  color: inherit;
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.next-steps-item:hover,
.next-steps-item:focus {
  background-color: rgba(13, 110, 253, 0.08);
  text-decoration: none;
}

.next-steps-arrow {
  color: var(--bs-primary, #0d6efd);
  font-weight: 600;
}