.category-jump-links {
  margin-bottom: 1rem;
}

/* Category card header on the items screen: 'add item' link on the left, category actions on the right */
.category-card__links {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1rem;
}

.category-card__category-actions {
  display: flex;
  gap: 0.75rem;
}

/* Category title - laid out as a flex row so the prefix chip centres against the title
   rather than sitting on its baseline */
.category-card__title {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* Reference prefix shown before the category title - a small subtle chip.
   Fixed box size so the chips line up down the page whatever the prefix length */
.category-card__prefix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;

  box-sizing: border-box;
  min-width: 2.1em;
  height: 2.1em;
  padding: 0 0.4em;

  border: 1px solid var(--bs-border-color);
  border-radius: 0.25rem;
  background-color: var(--bs-secondary-bg);

  font-size: 0.6em;
  font-weight: 600;
  line-height: 1;
  color: var(--bs-secondary-color);
}

.category-card__notes {
  margin-bottom: 0.25rem;

  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  white-space: pre-line;
}