.md-typeset .chip {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .05rem .4rem;
  border-radius: .75rem;
  font-size: .72em;
  line-height: 1.35;
  vertical-align: baseline;
  border: 1px solid var(--md-primary-fg-color--light);
  background: color-mix(in oklab, var(--md-primary-fg-color) 8%, transparent);
  color: var(--md-primary-fg-color);
}

.md-typeset .chip--optional {
  border-color: var(--md-accent-fg-color);
  color: var(--md-accent-fg-color);
  background: color-mix(in oklab, var(--md-accent-fg-color) 12%, transparent);
}

.md-typeset .chip--admin {
  /* Uses primary color (default .chip), class added for semantics */
}

.md-typeset .chip--module {
  border-color: var(--md-default-fg-color--light);
  color: var(--md-default-fg-color);
  background: color-mix(in oklab, var(--md-default-fg-color) 10%, transparent);
}

.md-typeset .chip .icon {
  display: inline-flex;
  translate: 0 0.5px; /* subtle align tweak */
}

.md-typeset .chip--select {
  border-color: var(--md-typeset-a-color);
  color: var(--md-typeset-a-color);
  background: color-mix(in oklab, var(--md-typeset-a-color) 12%, transparent);
}