.tab-panel.tag-things {
  padding-top: 1rem;
}

.tag-info {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 2rem;
}

.co-present-tags-list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.125rem 1rem;
}

.tag-link-container {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  white-space: nowrap;
  font-family: ui-monospace, monospace;
  
  .ghost {
    font-size: 0.775em;
    font-weight: 500;
    opacity: 0.66;
    margin-left: 0.2rem;
  }
}

a.tag-link {
  color: var(--color--aa-text);
  text-decoration: none;
  
  &:hover {
    color: var(--color--primary-base);
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }
}

.tag-link-container:not(:last-child)::after {
  content: ", ";
  color: var(--color--aa-text);
}