html[data-theme="light"],
html[data-theme="dark"] {
  --pst-color-secondary: var(--py3dtiles-orange);
  --pst-color-inline-code: var(--pst-color-primary);
  --pst-color-inline-code-links: var(--pst-color-primary);
  --pst-color-accent: var(--pst-color-secondary);

  --pst-font-size-h1: 1.75rem;
  --pst-font-size-h2: 1.65rem;
  --pst-font-size-h3: 1.55rem;
  --pst-font-size-h4: 1.45rem;
  --pst-font-size-h5: 1.35rem;
  --pst-font-size-h6: 1.25rem;
}
html[data-theme="light"] {
  --pst-color-primary: var(--py3dtiles-blue);
  --sd-color-primary-bg: var(--py3dtiles-light-blue);
  --sd-color-secondary-bg: var(--py3dtiles-light-grey);
}

html[data-theme="dark"] {
  --pst-color-primary: var(--py3dtiles-blue);
  --sd-color-primary-bg: var(--py3dtiles-dark-blue);
  --sd-color-secondary-bg: var(--py3dtiles-grey);
  --pst-color-background: var(--py3dtiles-dark-grey);
}

.bd-main .bd-content .bd-article-container {
  max-width: 100%; /* default is 60em */
}

.bd-page-width {
  max-width: 100%;
}

dl:not(.docutils) > dt,
dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(
    .glossary
  ):not(.simple)
  > dt {
  display: table;
  display: flex;
  flex-wrap: wrap;
  white-space: pre;
  align-items: center;
  margin: 6px 0;
  font-size: 90%;
  line-height: normal;
  background: var(--sd-color-primary-bg);
  border-top: 3px solid var(--pst-color-primary);
  padding: 6px;
}

/* This is the [source] link in API doc */
dl > dt > a:has(.viewcode-link) {
  flex-grow: 1;
  text-align: right;
}

dl:not(.docutils)
  dl:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(
    .glossary
  ):not(.simple)
  > dt,
dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(
    .glossary
  ):not(.simple)
  dl:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(
    .glossary
  ):not(.simple)
  > dt {
  margin-bottom: 6px;
  border: none;
  border-left: 3px solid #ccc;
  background: var(--sd-color-secondary-bg);
}