section {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(200px, max-content));
  padding: var(--rh-space-lg, 16px);
}

section > h2 {
  grid-column: -1/1;
}

dl {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  gap: var(--rh-space-md, 8px);
  margin-inline: var(--rh-space-lg, 16px);
}

[data-demo] :is(dt, dd) {
  margin-block: 0;
}