.block-infobox {
  width: 100%;
  max-width: 100%;
  font: var(--fontbase);
  border: 1px solid currentColor;
  padding: 0.85em 1em;
  box-sizing: border-box;
}
.block-infobox__list {
  --infobox-gap-inline: 0.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25em var(--infobox-gap-inline);
  margin: 0;
}
.block-infobox__item {
  display: inline-block;
  max-width: 100%;
  vertical-align: baseline;
}
.block-infobox__label {
  font-weight: var(--fontbase-bold-weight);
}
.block-infobox__sep, .block-infobox__value {
  font-weight: inherit;
}
.block-infobox__tail {
  white-space: nowrap;
}
.block-infobox__pipe {
  margin-left: var(--infobox-gap-inline);
  font-weight: 400;
  transition: opacity 0.15s ease;
}
.block-infobox__pipe--hidden {
  opacity: 0;
}