readability.css

:root {
  --a11y-li-spacing: 1em;
  --a11y-citation-size: 100%;
  --a11y-citation-spacing: 0em;
}

.a11y-list-spacing .x-content > ol > li,
.a11y-list-spacing .x-content > ul > li {
  margin-top: var(--a11y-li-spacing);
  margin-bottom: var(--a11y-li-spacing);
}

.a11y-src-spacing ol.x-sources > li,
.a11y-src-spacing ul.x-sources > li {
  margin-top: var(--a11y-li-spacing);
  margin-bottom: var(--a11y-li-spacing);
}

.a11y-src-bold .a11y-src-first {
  font-weight: bold;
}

:root:not(.hide-src-label) .a11y-src-label + .a11y-src-first {
  font-weight: unset;
}

.hide-src-br .a11y-src-br {
  display: none;
}

.hide-src-label .a11y-src-label {
  display: none;
}

.hide-src-back .a11y-back-ref {
  display: none;
}

sup.reference {
  font-size: var(--a11y-citation-size);
  line-height: normal;
  white-space: nowrap;
}

.x-ref-separator,
.x-ref-bracket:first-child {
  margin-right: var(--a11y-citation-spacing);
}

.x-ref-bracket:last-child {
  margin-left: var(--a11y-citation-spacing);
}

.a11y-ref-clean sup.reference > a {
  text-decoration: none;
}

.wbe-icon-glasses {
  /* https://www.streamlinehq.com/icons/download/glasses--29194 */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9IkdsYXNzZXMtLVN0cmVhbWxpbmUtU29sYXItQXIiPjxkZXNjPkdsYXNzZXMgU3RyZWFtbGluZSBJY29uOiBodHRwczovL3N0cmVhbWxpbmVocS5jb208L2Rlc2M+PHBhdGggc3Ryb2tlPSIjMjU0MjJkIiBkPSJNMTQgMTZhNCA0IDAgMSAwIDggMCA0IDQgMCAxIDAgLTggMCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvcGF0aD48cGF0aCBzdHJva2U9IiMyNTQyMmQiIGQ9Ik0yIDE2YTQgNCAwIDEgMCA4IDAgNCA0IDAgMSAwIC04IDAiIHN0cm9rZS13aWR0aD0iMS41Ij48L3BhdGg+PHBhdGggZD0ibTE0IDE2LjIxMzUgLTAuNjU1OSAtMC4yMzRjLTAuODY5MiAtMC4zMTAxIC0xLjgxODkgLTAuMzEwMSAtMi42ODgyIDBsLTAuNjU1OSAwLjIzNCIgc3Ryb2tlPSIjMjU0MjJkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48L3BhdGg+PHBhdGggZD0ibTIgMTYgMC43NjMxNSAtOC4zOTQ2OGMwLjExNDkyIC0xLjI2NDExIDAuMTcyMzggLTEuODk2MTYgMC41NDIzOSAtMi4zNjMzMyAwLjM3IC0wLjQ2NzE3IDAuOTcyMDkgLTAuNjY3ODcgMi4xNzYyNyAtMS4wNjkyNkw2IDQiIHN0cm9rZT0iIzI1NDIyZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSI+PC9wYXRoPjxwYXRoIGQ9Im0yMiAxNiAtMC43NjMyIC04LjM5NDY4Yy0wLjExNDkgLTEuMjY0MTEgLTAuMTcyMyAtMS44OTYxNiAtMC41NDIzIC0yLjM2MzMzIC0wLjM3IC0wLjQ2NzE3IC0wLjk3MjEgLTAuNjY3ODcgLTIuMTc2MyAtMS4wNjkyNkwxOCA0IiBzdHJva2U9IiMyNTQyMmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvcGF0aD48L3N2Zz4=) !important;
  background-repeat: no-repeat;
}

.wbe-icon-sunglasses {
  /* https://www.streamlinehq.com/icons/download/glasses--29265 */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9IkdsYXNzZXMtLVN0cmVhbWxpbmUtU29sYXIiPjxkZXNjPkdsYXNzZXMgU3RyZWFtbGluZSBJY29uOiBodHRwczovL3N0cmVhbWxpbmVocS5jb208L2Rlc2M+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjIzNzE3IDQuNzExNzJjMC4zOTI5NSAtMC4xMzA5OSAwLjYwNTMyIC0wLjU1NTczIDAuNDc0MzQgLTAuOTQ4NjkgLTAuMTMwOTkgLTAuMzkyOTUgLTAuNTU1NzMgLTAuNjA1MzIgLTAuOTQ4NjkgLTAuNDc0MzRsLTAuNTU0NzkgMC4xODQ5M2MtMC41NzA4OSAwLjE5MDI4IC0xLjA1NDgyIDAuMzUxNTcgLTEuNDM4OTYgMC41MjcxNiAtMC40MDg4IDAuMTg2ODUgLTAuNzY2NjMgMC40MTYxMSAtMS4wNTE0NyAwLjc3NTc2IC0wLjI4NDg1IDAuMzU5NjUgLTAuNDI2MDYgMC43NjA0OCAtMC41MTQzMiAxLjIwMTIgLTAuMDgyOTMgMC40MTQxNSAtMC4xMjkxIDAuOTIyMTUgLTAuMTgzNTYgMS41MjE0NWwtMC42OTcyNiA3LjY2OTkxYy0wLjA0NzE4IDAuMjY3MyAtMC4wNzIgMC41NDIzIC0wLjA3MjQ2IDAuODIzMSAwLjAwNTQ0IDIuNjE4NyAyLjEzIDQuNzU4IDQuNzQ5OTkgNC43NTggMi4zNjMyNSAwIDQuMzIzNDEgLTEuNzI1OCA0LjY4ODkxIC0zLjk4NTlsMC4yMTkgLTAuMDc4MmMwLjcwNjMgLTAuMjUxOSAxLjQ3NzkgLTAuMjUxOSAyLjE4NDIgMGwwLjIxOSAwLjA3ODJjMC4zNjU1IDIuMjYwMSAyLjMyNTYgMy45ODU5IDQuNjg4OSAzLjk4NTkgMi42MiAwIDQuNzQ0NSAtMi4xMzkzIDQuNzUgLTQuNzU4IC0wLjAwMDUgLTAuMjgwOCAtMC4wMjUzIC0wLjU1NTggLTAuMDcyNSAtMC44MjMxbC0wLjY5NzIgLTcuNjY5OTJjLTAuMDU0NSAtMC41OTkyOSAtMC4xMDA3IC0xLjEwNzI5IC0wLjE4MzYgLTEuNTIxNDQgLTAuMDg4MyAtMC40NDA3MiAtMC4yMjk1IC0wLjg0MTU1IC0wLjUxNDMgLTEuMjAxMiAtMC4yODQ5IC0wLjM1OTY1IC0wLjY0MjcgLTAuNTg4OTEgLTEuMDUxNSAtMC43NzU3NiAtMC4zODQxIC0wLjE3NTU5IC0wLjg2OCAtMC4zMzY4OCAtMS40Mzg5IC0wLjUyNzE2bC0wLjU1NDggLTAuMTg0OTNjLTAuMzkzIC0wLjEzMDk4IC0wLjgxNzcgMC4wODEzOSAtMC45NDg3IDAuNDc0MzQgLTAuMTMxIDAuMzkyOTYgMC4wODE0IDAuODE3NyAwLjQ3NDMgMC45NDg2OWwwLjUxODIgMC4xNzI3MmMwLjYxNzQgMC4yMDU3OSAxLjAyNDEgMC4zNDI0MiAxLjMyNjMgMC40ODA1OCAwLjI4NTggMC4xMzA2MyAwLjQxNDEgMC4yMzUzIDAuNDk5MiAwLjM0MjgzIDAuMDg1MiAwLjEwNzUyIDAuMTU3NyAwLjI1NjMgMC4yMTk0IDAuNTY0NDMgMC4wNjUzIDAuMzI1ODcgMC4xMDUxIDAuNzUzMDggMC4xNjQgMS40MDExNWwwLjQxNTMgNC41Njg1N2MtMC44MDMxIC0wLjYyMTggLTEuODEwOSAtMC45OTE4IC0yLjkwNTIgLTAuOTkxOCAtMi4zNDUxIDAgLTQuMjkzMyAxLjY5OTUgLTQuNjgwMiAzLjkzNCAtMC44NjIxIC0wLjI0OTQgLTEuNzc3NSAtMC4yNDk0IC0yLjYzOTYgMCAtMC4zODY5IC0yLjIzNDUgLTIuMzM1MDkgLTMuOTM0IC00LjY4MDIxIC0zLjkzNCAtMS4wOTQyNyAwIC0yLjEwMjEyIDAuMzcgLTIuOTA1MjUgMC45OTE4bDAuMDQ4MzUgLTAuNTMxOCAwLjM2Njk4IC00LjAzNjc3YzAuMDU4OTEgLTAuNjQ4MDcgMC4wOTg3NSAtMS4wNzUyOCAwLjE2NDAxIC0xLjQwMTE1IDAuMDYxNzEgLTAuMzA4MTMgMC4xMzQyMyAtMC40NTY5MSAwLjIxOTM5IC0wLjU2NDQzIDAuMDg1MTYgLTAuMTA3NTMgMC4yMTMzNyAtMC4yMTIyIDAuNDk5MTcgLTAuMzQyODMgMC4zMDIyNyAtMC4xMzgxNiAwLjcwODk5IC0wLjI3NDc5IDEuMzI2MzQgLTAuNDgwNThsMC41MTgxOSAtMC4xNzI3MloiIGZpbGw9IiMyNTQyMmQiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPjwvc3ZnPg==) !important;
  background-repeat: no-repeat;
}

.x-heading .action--reading-mode {
  float: right;
  width: 30px;
  height: 38px;
  background-position: top center;
  cursor: pointer;
}

.x-heading .action--reading-mode > span {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.action--reading-mode > span {
  background-position: top center;
  visibility: hidden;
}

.action--reading-mode.toggled-on > span {
  visibility: visible;
}

.toggle.toggle-section {
  margin-left: 0.6rem;
}

@media only print {
  .action--reading-mode,
  .toggle.toggle-section {
    display: none;
  }
}

@media not print {
  .collapse-researchnotes .toggle.show-researchnotes,
  .collapse-sources .toggle.show-sources {
    visibility: visible;
  }

  .collapse-sidebar-if-empty .x-sidebar.no-visible-content,
  .collapse-sidebar .x-sidebar {
    display: none !important;
  }

  .hide-sidebar-status .x-sidebar-status {
    display: none !important;
  }

  .hide-sidebar-posts .x-sidebar-posts {
    display: none !important;
  }

  .hide-g2g-appreciation .x-g2g-appreciation {
    display: none !important;
  }

  .hide-sidebar-dna .x-sidebar-dna,
  .hide-dna-no-carriers .x-dna-no-carriers {
    display: none !important;
  }

  .hide-sidebar-images .x-sidebar-images {
    display: none !important;
  }

  .hide-sidebar-collaboration .x-sidebar-collaboration {
    display: none !important;
  }

  .hide-sidebar-research .x-sidebar-research {
    display: none !important;
  }

  .collapse-researchnotes:not(.expand-researchnotes) .section-researchnotes:not(h2):not(a[name]),
  .collapse-sources:not(.expand-sources) .section-sources:not(h2):not(a[name]) {
    display: none !important;
  }

  .hide-citations .x-citation {
    display: none !important;
  }

  .hide-view-tabs .x-tabs-view {
    display: none !important;
  }

  .hide-audit-data .x-audit {
    display: none !important;
  }

  .hide-member-section .x-member-section,
  .hide-member-section #memberSection {
    display: none !important;
  }

  .hide-status .x-content .status {
    display: none !important;
  }

  .hide-stickers .x-sticker {
    display: none !important;
  }

  .hide-toc .x-content .toc {
    display: none !important;
  }

  .hide-inline-images .x-inline-img {
    display: none !important;
  }

  .hide-inline-tables .x-inline-table {
    display: none !important;
  }

  .hide-comments .x-memories,
  .hide-comments .x-comments,
  .hide-comments .x-merges {
    display: none !important;
  }

  .hide-default-thumbnail .x-thumbnail-default,
  .hide-thumbnail .x-thumbnail {
    display: none !important;
  }

  .hide-heading-extras .x-widget,
  .hide-heading-extras .x-privacy {
    display: none !important;
  }

  .hide-heading-extras .x-widget.x-relationships + #nav-familyContent {
    margin-top: 16px;
  }

  .hide-edits .x-edit,
  .hide-edits .x-alert:not(.status) {
    display: none !important;
  }

  .hide-connections .x-connections {
    display: none !important;
  }

  .hide-categories .x-categories,
  .hide-categories #categories {
    display: none !important;
  }

  .hide-background .has--bg_img {
    background-image: none !important;
    padding: unset !important;
  }

  .hide-background .has--bg_img .page--title {
    border: none !important;
  }
}