.admonition-content {
  padding: 0 0.8rem 0.8rem 0.8rem;
}

.admonition pre.ds-pre {
  margin: 0;
  white-space: pre-wrap;
  overflow-x: auto;
}

.ds-help {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  padding: 0.8rem 1rem;
  margin: 1rem 0;
  /* background: var(--md-code-bg-color); */
}

/* title */
.ds-title {
  font-weight: 600;
  margin-bottom: 0.6rem;
}

/* each row */
.ds-section {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 0.8rem;
  align-items: start;   /* important */
  margin-top: 0.4rem;
}

/* labels */
.ds-label {
  font-weight: 700;
  white-space: nowrap;
  line-height: 1.25;    /* match code line-height */
  padding-top: 0.6rem;  /* aligns with pre padding */
}

/* content blocks */
.ds-pre,
.ds-value,
.ds-empty {
  margin: 0;
}

.ds-pre {
  /* margin: 0; */
  /* border: 1px solid var(--md-default-fg-color--lightest); */
  padding: 0.6rem;
  /* border-radius: 6px; */
  overflow-x:scroll;

  /* line-height: 1.25; */
  /* background: var(--md-accent-fg-color--transparent); */
  font-family: var(--md-code-font-family);
  font-size: 0.6rem;
}

.ds-doc {
  white-space: pre-wrap;
}

.ds-value {
  font-family: var(--md-code-font-family);
  font-size: 0.7rem;
  word-break: break-all;
}

.ds-empty {
  font-style: italic;
  opacity: 0.7;
}