:root {
  --factor: 1;
  font-size: calc(var(--factor) * 12pt);
  --std-width: 1920px;
  --std-height: 1080px;
  --xmax: 2400px;
  --aspect-ratio: 1.25;
  --xbox: min(var(--std-width), calc(var(--std-height) / var(--aspect-ratio)));
  --ybox: calc(var(--xbox) * var(--aspect-ratio));
}
body {
  --background-color: #898994;
  --button-focus-color: var(--background-color);
  --check-tooltips: visible;
  --header-toc-background: #014b18;
  --paper-color: #f4f2fd;
  background-color: var(--background-color);
  color: black;
  direction: rtl;
  font-family: "David Libre", "Times New Roman";
  font-size: 16pt;
  margin: 0;
}
#AllContent {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  min-height: 100vh;
  width: 100%;
}
#scrollbarhack {
  direction: rtl;
}
#MainContentWrapper {
  width: var(--xbox);
}
#MainContentColumn {
  align-items: center;
  background-color: #014b18;
  display: flex;
  flex-direction: column;
  flex-shrink: 6;
  justify-content: space-between;
  width: 100%;
}
#BookPageContainer {
  width: calc(100% - 56px);
}
#BookPageContents {
  border: 8px inset white;
  background-color: var(--paper-color);
  width: calc(100% - 16px);
}
#BookPage {
  width: 100%;
  background-color: var(--paper-color);
}
.img-thumb-width {
  width: calc((1rem * (3/4) * 256) / 12);
  height: auto;
}
.rtl-div {
  direction: rtl;
}
.page-paper p.continuation {
  text-indent: 0;
}
.instruction {
  font-family: sans-serif;
  font-size: 60%;
  text-align: center;
}
.page-pic {
  float: left;
  height: auto;
  max-width: calc((1rem * (3/4) * 256) / 12);
  padding-bottom: calc(1rem * 20 / 12);
  padding-left: calc(1rem * 30 / 12);
  padding-right: calc(1rem * 30 / 12);
  padding-top: calc(1rem * 40 / 12);
  width: 28%;
}
.page-pic-full {
  display: flex;
  flex-direction: column;
  padding-bottom: calc(1rem * 20 / 12);
  padding-left: calc(1rem * 20 / 12);
  padding-right: calc(1rem * 20 / 12);
  padding-top: 0;
}
.page-pic-full-in-page {
  @extend .page-pic-full;
  padding: calc(1rem * 20 / 12);
}
.page-pic-full-no-text {
  @extend .page-pic-full;
  padding-top: calc(1rem * 20 / 12);
}
.page-pic-full-box {
  width: 100%;
  minheight: min(75vw, 900px);
}
.page-pic-full-pic {
  width: 100%;
}
.chapter-page-separation-line {
  padding: 0;
  margin-top: calc(1rem * 4 / 12);
  marginottom: 0;
  border: 1px solid #888;
}
.chapter-page-img-box {
  width: 28%;
  max-width: calc((1rem * (3/4) * 256) / 12);
  float: left;
  margin-left: calc(1rem * 30 / 12);
  margin-bottom: calc(1rem * 20 / 12);
  margin-top: calc(1rem * 10 / 12);
  margin-right: calc(1rem * 20 / 12);
}
.chapter-page-img {
  border: 3px solid var(--header-toc-background);
  width: calc((1rem * (3/4) * 256) / 12);
  height: auto;
}
.chapter-heading-number {
  font-weight: bold;
  text-align: center;
  font-size: 110%;
}
.chapter-heading-name {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}
.page-paper {
  padding: calc(1rem * 12 / 12) calc(1rem * 40 / 12);
  background-color: var(--paper-color);
}
.page-paper p {
  margin-block-start: 0;
  margin-block-end: 0;
  text-indent: 2em;
  line-height: 1.6;
  padding-top: calc(1rem * 4 / 12);
  padding-bottom: calc(1rem * 4 / 12);
  text-align: justify;
  text-justify: inter-word;
}
.page-paper .indented-verse {
  padding-top: calc(1rem * 12 / 12);
  text-indent: 0;
  margin-right: 3em;
}
.page-paper .much-indented-verse {
  padding-top: calc(1rem * 12 / 12);
  text-indent: 0;
  margin-right: 40%;
}
.page-paper .mid-indented-verse {
  padding-top: calc(1rem * 12 / 12);
  text-indent: 0;
  margin-right: 25%;
}
.page-paper .centered-bold {
  text-align: center;
  font-weight: bold;
}
.page-paper .vjump {
  padding-top: calc(1rem * 12 / 12);
}
.page-paper .mid-star {
  font-size: 200%;
  line-height: 0.3;
  padding-bottom: 0;
  padding-top: calc(1rem * 12 / 12);
  margin: 0;
  text-align: center;
}
.page-paper .mid-star1 {
  @extend .mid-star;
  width: 60%;
}
.page-paper .mid-star3 {
  @extend .mid-star;
  margin-top: calc(1rem * 12 / 12);
  width: 80%;
}
.page-paper .page-number-odd,
.page-paper .page-number-even {
  font-family: arial, "Times New Roman", "David Libre";
  font-size: 75%;
  text-align: right;
}
#fake-abbreviation {
  display: none;
  color: #eeeeee;
  background-color: var(--paper-color);
}
.tooltip {
  position: relative;
  display: inline-block;
  background-color: #eeeeee;
  text-indent: 0;
  padding: 0;
  margin: 0;
}
.tooltip:hover .tooltiptext {
  visibility: var(--check-tooltips);
  display: inline-block;
  top: calc(-1 * calc(1rem * 16 / 12));
  right: 105%;
}
.tooltip .tooltiptext {
  white-space: nowrap;
  display: none;
  background-color: white;
  color: blue;
  text-align: center;
  padding: calc((1rem * (3/4) * 5) / 12);
  border-radius: calc((1rem * (3/4) * 6) / 12);
  position: absolute;
  z-index: 1;
}
.text-menukad {
  display: none;
  text-indent: 0;
  background-color: #eeeeee;
}
.text-full {
  display: none;
  text-indent: 0;
  background-color: #eeeeee;
}
.text-asis {
  display: inline-block;
  text-indent: 0;
  background-color: #eeeeee;
}
.funny {
  background-color: #eeeeee;
}
.funny-full {
  background-color: #eeeeee;
  display: none;
}
.funny-menukad {
  background-color: #eeeeee;
  display: none;
}
.footnote-star-in-middle {
  vertical-align: middle;
  font-family: arial, sans;
}
.footnote-sep {
  width: 40%;
}
.footnote {
  font-size: 80%;
}
.footnote-number {
  font-family: ariel, sans-serif;
  padding-right: calc(1rem * 4 / 12);
}
.double {
  font-weight: 500;
}
.bigger {
  font-size: 115%;
}
.bigger-bold {
  font-size: 115%;
  font-weight: bold;
}
.ltr {
  direction: ltr;
}
.quote-source {
  margin-right: 25%;
}
.illustration-nav {
  margin-bottom: calc((1rem * (3/4) * 6) / 12);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.illustration-nav .next-button {
  margin-right: calc((1rem * (3/4) * 12) / 12);
}
.illustration-nav .prev-button {
  margin-left: calc((1rem * (3/4) * 12) / 12);
}
.illustration-nav .list-button {
  margin-right: calc((1rem * (3/4) * 12) / 12);
  margin-left: calc((1rem * (3/4) * 12) / 12);
}
.illustration-nav2 {
  margin-top: calc((1rem * (3/4) * 36) / 12);
}
.illustration-list-header {
  font-weight: bold;
  font-size: 120%;
}
.illustration-caption {
  margin-top: calc(1rem * 6 / 12);
  margin-bottom: calc(1rem * 6 / 12);
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
.illustration-content-list li {
  cursor: pointer;
  margin: 10pt 0;
  padding-right: calc(1rem * 10 / 12);
}
.illustration-content-list li:hover {
  background-color: var(--header-toc-background);
  color: var(--paper-color);
  font-weight: bold;
}
.illustration-content-list li:hover::marker {
  color: var(--header-toc-background);
  font-weight: bold;
}
.illustration-subcaption {
  margin-top: calc(1rem * 10 / 12);
}
.illustration-subcaption p {
  margin-top: calc(1rem * 10 / 12);
  text-indent: 0;
  line-height: normal;
}
.illustration-subcaption-heading {
  margin-bottom: calc(1rem * 4 / 12);
  margin-top: calc(1rem * 10 / 12);
  font-weight: bold;
  font-size: 110%;
}
.illustration-subcaption-regular-line {
  margin-top: calc(1rem * 10 / 12);
}
.illustration-subcaption-line {
  margin-top: calc(1rem * 6 / 12);
}
.illustration-subcaption-centered-line {
  margin-top: calc(1rem * 6 / 12);
  text-align: center;
}
.people-list-header {
  font-weight: bold;
  font-size: 120%;
}
.people-set-caption {
  position: relative;
  top: calc(1rem * -15 / 12);
  font-weight: bold;
}
.people-caption {
  margin-top: calc(1rem * 12 / 12);
  margin-bottom: calc(1rem * 6 / 12);
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
.people-content-list li {
  cursor: pointer;
  margin: 10pt 0;
  padding-right: calc(1rem * 10 / 12);
}
.people-content-list li:hover {
  background-color: var(--header-toc-background);
  color: var(--paper-color);
  font-weight: bold;
}
.people-content-list li:hover::marker {
  color: var(--header-toc-background);
  font-weight: bold;
}
.people-subcaption {
  margin-top: calc(1rem * 10 / 12);
}
.people-subcaption-line {
  margin-top: calc(1rem * 6 / 12);
}
.people-subcaption-centered-line {
  margin-top: calc(1rem * 6 / 12);
  text-align: center;
}
.people-nav {
  margin-bottom: calc((1rem * (3/4) * 24) / 12);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.people-nav .next-button {
  margin-right: calc((1rem * (3/4) * 12) / 12);
}
.people-nav .prev-button {
  margin-left: calc((1rem * (3/4) * 12) / 12);
}
.people-nav .list-button {
  margin-right: calc((1rem * (3/4) * 12) / 12);
  margin-left: calc((1rem * (3/4) * 12) / 12);
}
.no-indent {
  text-indent: 0;
}
.page-paper .no-indent {
  text-indent: 0;
}
.page-paper .info-big {
  text-align: center;
  font-weight: bold;
  font-size: 110%;
}
.page-paper .info-mid {
  text-align: center;
}
.contents-info .no-indent {
  text-indent: 0;
}
.contents-info .info-big {
  text-align: center;
  font-weight: bold;
  font-size: 110%;
  text-indent: 0;
}
.contents-info .info-mid {
  text-align: center;
  font-family: sans-serif;
  font-size: 80%;
  font-weight: bold;
  text-indent: 0;
}
.contents-info p {
  line-height: 1.3;
}
.contents-info .more-space {
  margin-top: calc(1rem * 10 / 12);
  margin-bottom: calc(1rem * 6 / 12);
}
.contents-info .ruth-picture-enc {
  float: left;
  padding-top: calc((1rem * (3/4) * 12) / 12);
  padding-bottom: calc((1rem * (3/4) * 12) / 12);
  padding-right: calc((1rem * (3/4) * 24) / 12);
}
.contents-info .ruth-picture-caption {
  width: 10vw;
  font-size: 70%;
  text-align: center;
}
.contents-info .ruth-picture {
  width: 10vw;
}
.illustration-grid-top {
  max-width: 2400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
}
.illustration-grid-entry {
  color: black;
  padding: 1rem;
}
.illustration-grid-entry:hover {
  background-color: var(--header-toc-background);
  color: var(--paper-color);
  cursor: pointer;
  font-weight: bold;
}
.illustration-grid-entry:hover::marker {
  color: var(--header-toc-background);
  cursor: pointer;
  font-weight: bold;
}