.details-list {
  text-align: left;
}
.details-list dl {
  display: grid;
  grid-template-columns: fit-content(40ch) 1fr;
  grid-row-gap: 1rem;
}
.details-list dl dt {
  font-weight: bold;
  padding-right: 1rem;
}
.details-list dl dt:after {
  content: ":";
}
.details-list dl dd {
  margin: 0;
}

.details-list-vertical {
  display: grid;
  grid-template-columns: fit-content(40ch) 1fr;
}
.details-list-vertical dl dt {
  font-weight: bold;
}