.detail-list {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  gap: var(--space-2xs) var(--space-md);
  align-items: baseline;
}

.detail-list--inset {
  padding-inline: var(--space-sm);
}

.detail-list__term {
  color: var(--color-text-muted);
  font-size: var(--font-size-caption);
}

.detail-list__value {
  overflow-wrap: anywhere;
}

@media (width <= 48rem) {
  .detail-list {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3xs);
  }

  .detail-list__term:not(:first-child) {
    margin-block-start: var(--space-xs);
  }
}