/***************************
 * COMPONENT: TAXONOMY LIST
 ***************************/

.taxonomy-list {
  display: flex;
  gap: 1ch;
  font-family: var(--font-family-monospace);

  .taxonomy-list__name {
    color: var(--text-color-secondary);
    text-transform: uppercase;

    &::after {
      content: " =";
    }
  }

  .taxonomy-list__terms {
      --spacing: 1ch;

      display: flex;
      gap: var(--spacing);
      list-style-type: none;
      margin-block: 0;
      padding-inline-start: 0;

      li {
        padding-inline-start: 0;
      }

      li:not(:last-child)::after {
          color: var(--text-color-secondary);
          content: ":";
          margin-inline-start: var(--spacing);
      }
  }
}