@layer components {
  .category-tag {
    border-radius: .2em;
    border: 1px solid var(--color-text-softest);
    padding-inline: var(--inline-space);
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 10rem;
    color: var(--color-text);
  }

  .category-label {
    width: 100%;
    display: inline-block;
    padding-block: var(--block-space-half);
  }
}