.text {
  margin: 0;
  font-size: var(--pds-typography-size-s);
  line-height: var(--pds-typography-lh-l);
  color: var(--pds-color-foreground-default-secondary);
}

.text b {
  font-weight: var(--pds-typography-fw-semibold);
  color: var(--pds-color-foreground-default);
}

.redirect {
  margin-top: var(--pds-spacing-l);
}

.childPageBox {
  max-height: calc(2 * var(--pds-spacing-8xl));
  overflow-y: auto;
  margin-top: var(--pds-spacing-s);
  font-size: var(--pds-typography-size-s);
}

.childPages {
  margin: 0;
  padding: 0;
}

/* PDS gives nested lists bullets; these rows are a tree, not a list of points. */
.childPages li {
  margin: 0;
  list-style: none;
}

/* Every row, folding or not, has the same compact height and indent, as PDS's accordion has no small size. */
.childPageRow,
.childPageBox :global(.pds-expansion-panel details > summary) {
  padding-block: var(--pds-spacing-3xs);
  padding-inline: var(--pds-spacing-s);
  font-size: var(--pds-typography-size-s);
  font-weight: var(--pds-typography-fw-regular);
  line-height: var(--pds-typography-lh-l);
}

.childPageRow {
  display: block;
}

.childPageBox :global(.pds-expansion-panel .pds-expansion-panel__content) {
  padding: 0 0 var(--pds-spacing-3xs) var(--pds-spacing-m);
}

/* Only the outer panel draws a divider under its heading. */
.childPages :global(.pds-expansion-panel details[open] > summary) {
  border-bottom: none;
}

.translations {
  margin-top: var(--pds-spacing-s);
}

.childPagePath {
  color: var(--pds-color-foreground-default-secondary);
}

.children {
  margin-top: var(--pds-spacing-l);
}

.actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--pds-spacing-m);
  margin-top: var(--pds-spacing-xl);
}

/* PDS has no borderless button; the design's Cancel is subtle with the fill removed. */
.cancel {
  --button-background-color: transparent;
  color: var(--pds-color-foreground-default-secondary);
}