/* hiragana-2: colours and course-only rules for kana.css */

.kana-lesson.hiragana-2 {
  --c1: #d64550;
  --c2: #3a1418;
}

.kana-lesson:where(.hiragana-2) .dialog-line .jp {
  font-size: 1.05em;
  display: block;
  margin-left: 28px;
  color: #e2e4ec;
}

.kana-lesson:where(.hiragana-2) .jp-word {
  font-size: 1.45rem;
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Meiryo', sans-serif;
  color: #fff;
}

.kana-lesson:where(.hiragana-2) .vocab-table .jp-word {
  white-space: nowrap;
}

.kana-lesson:where(.hiragana-2) .vowel-strip {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0 6px;
  font-family: system-ui, -apple-system, sans-serif;
}

.kana-lesson:where(.hiragana-2) .vs-cell {
  width: 92px;
  text-align: center;
  border-radius: 8px;
  padding: 10px 0 8px;
  background: #1a1d27;
  border: 1px solid #2a2d3a;
}

.kana-lesson:where(.hiragana-2) .vs-cell.new {
  background: #3a1418;
  border-color: #d64550;
}

.kana-lesson:where(.hiragana-2) .vs-kana {
  display: block;
  font-size: 2.6rem;
  line-height: 1.1;
  color: #fff;
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Meiryo', sans-serif;
}

.kana-lesson:where(.hiragana-2) .vs-cell.old .vs-kana {
  color: #c9d1d9;
}

.kana-lesson:where(.hiragana-2) .vs-rom {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: #d64550;
  margin-top: 2px;
}

.kana-lesson:where(.hiragana-2) .kana-map td.old {
  color: #c9d1d9;
}