.kz-meta-list {
  --meta-list-item-border: var(--color-klezmer-earth--tint-30);
  --meta-list-item-color: var(--color-klezmer-light);

  align-self: start;
  color: var(--meta-list-item-color);
  column-gap: var(--grid-gutter);
  display: grid;
  font-size: var(--step--1);
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
}
.kz-meta-list[data-list-variant='dense'] {
  margin-block-end: 0;
}
.kz-meta-list[data-list-variant='wide'] {
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}

.kz-meta-list div {
  border-block-start: 1px solid var(--meta-list-item-border);
  column-gap: var(--space-s);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.kz-meta-list div.active dd {
  color: var(--color-klezmer-light);
  font-weight: var(--font-weight-bold);
}

.kz-meta-list dt,
.kz-meta-list dd {
  padding-block: var(--space-2xs);
}
.kz-meta-list[data-list-variant='dense'] dt,
.kz-meta-list[data-list-variant='dense'] dd {
  padding-block: var(--space-3xs);
}

.kz-meta-list dt {
  font-weight: var(--font-weight-bold);
  grid-column: 1 / 2;
}
.kz-meta-list dd {
  grid-column: 2 / 4;
}
.kz-meta-list dd + dd {
  border: none;
  padding-block-start: 0;
}