.screen:not(.active-screen) {
  display: none;
}

body {
  overscroll-behavior-y: contain;
}

body:has(dialog[open]) {
  overflow: hidden;
}

.sentence {
  font-family: verdana;
  font-size: 20px;
  border: thin solid;
}

.paragraph {
  border: medium solid pink;
}

.covered {
  background-color: DarkGrey;
  color: DarkGrey;
}

.covered.notes {
  background-color: LightGrey;
  color: LightGrey;
}

.show-word-divisions .thai-word:not(.covered) {
  border-left-style: solid;
}

.word-container span:not(:first-child) {
  border-left: 1px solid #000;
}

#bookmark-button {
  float: right;
}

#title-container {
  display: none;
}

#word-by-word-dialog td {
  vertical-align: top;
}

.pronunciation {
  background-color: lightcyan;
}

.pronunciation::after {
    content: " ";
}

.partOfSpeech {
  background-color: antiquewhite;
}

.definition-text {
  display: block;
}

.highlight-unknown-words .no-thai-def {
  background-color: lightgray;
}

.if-revealed {
  display: none;
}

.revealed .if-revealed {
  display: block;
}

.if-not-revealed {
  display: block;
}

.revealed .if-not-revealed {
  display: none;
}