/* Leave room for the shared navigation, including when its links wrap. */
.qh-duplicate-split :is(section, h3)[id] {
  scroll-margin-top: 140px;
}
@media (max-width: 760px) {
  .qh-duplicate-split :is(section, h3)[id] {
    scroll-margin-top: 72px;
  }
}
.qh-duplicate-split .qh-kb-content p:has(> strong:only-child) {
  font-weight: 400;
  font-size: 1rem;
  margin-top: 1em;
  margin-bottom: 1em;
}
.qh-split-example {
  margin: 24px 0;
  padding: 16px 0;
  border-top: 1px solid var(--qh-line);
  border-bottom: 1px solid var(--qh-line);
}
.qh-split-example figcaption {
  margin-bottom: 16px;
  color: var(--qh-ink);
  font-weight: 700;
}
.qh-split-amounts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}
.qh-split-amounts dt {
  color: var(--qh-muted);
  font-size: .86rem;
}
.qh-split-amounts dd {
  margin: 2px 0;
  color: var(--qh-blue-dark);
  font-size: 2rem;
  font-weight: 750;
  line-height: 1.2;
}
.qh-split-amounts dd.qh-split-caption {
  margin: 0;
  color: var(--qh-ink-soft);
  font-size: .86rem;
  font-weight: 400;
  line-height: inherit;
}
@media (max-width: 560px) {
  .qh-split-amounts {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .qh-split-amounts > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px;
    column-gap: 12px;
    align-items: start;
  }
  .qh-split-amounts dd {
    grid-column: 2;
    grid-row: 1 / span 2;
    text-align: right;
  }
  .qh-split-amounts dd.qh-split-caption {
    grid-column: 1;
    grid-row: 2;
    text-align: left;
  }
}