/* Compact decorative artwork gives each category a visual anchor while the copy leads. */
.toolkit {
  --toolkit-icon-size: 2.75rem;
  --toolkit-icon-gap: 0.75rem;
  scroll-margin-block-start: 6.5rem;
}

.toolkit__matrix .toolkit__item {
  min-block-size: calc(var(--toolkit-icon-size) + 1.7rem);
  padding-inline-start: calc(var(--toolkit-icon-size) + var(--toolkit-icon-gap));
  position: relative;
}

.toolkit__matrix .toolkit__item dt,
.toolkit__matrix .toolkit__item dd {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.toolkit__matrix .toolkit__icon {
  block-size: var(--toolkit-icon-size);
  display: block;
  inline-size: var(--toolkit-icon-size);
  inset-block-start: 50%;
  inset-inline-start: 0;
  object-fit: contain;
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
  user-select: none;
}

@media (max-width: 760px) {
  .toolkit {
    --toolkit-icon-size: 2.25rem;
    --toolkit-icon-gap: 0.625rem;
  }
}