/* ki-labels | CC BY 4.0 | b-ramos.de */
:root {
  --label-bg:     rgba(0,0,0,0.59);
  --label-text:   #ffffff;
  --label-muted:  #6B645C;
  --label-accent: #ec318f;
  --label-link:   #A67C52;
  --label-border: #ec318f;
  --label-font:   system-ui, -apple-system, sans-serif;
  --label-size:   0.9rem;
}

.ki-label {
  display:       inline-flex;
  align-items:   center;
  gap:           0.35em;
  padding:       0 0.7em 0 0;
  background:    var(--label-bg);
  color:         var(--label-text);
  border:        1px solid var(--label-border);
  border-radius: 999px;
  font-family:   var(--label-font);
  font-size:     var(--label-size);
  line-height:   1;
  white-space:   nowrap;
  text-decoration: none;
  overflow:      hidden;
  width: fit-content;
}

.ki-label__badge {
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  width:           2em;
  height:          2em;
  background:      var(--label-accent);
  color:           var(--label-bg);
  border-radius:   50%;
  font-size:       0.85em;
  font-weight:     700;
  letter-spacing:  0.04em;
  flex-shrink:     0;
}

.ki-label__text strong { font-weight: 700; }