/* ---------------------------------------------------------- Mishnah page -- */
#content { max-width: 780px; }
h2.bookTitle { font-size: 34px; font-weight: 500; text-align: center; margin-bottom: 4px; }
.chapterHead { font-size: 21px; text-align: center; color: #7a6633; margin: 10px 0 18px; font-weight: 500; }
#content.mode-nikud { font-size: 25px; line-height: 1.9; text-align: justify; }
#content.mode-letters { font-size: 24px; line-height: 1.85; letter-spacing: .02em; text-align: justify; }

.mishnah { display: block; margin-bottom: 22px; padding: 6px 8px; border-radius: 6px; }
.mishnah.lit { background: rgba(176, 141, 63, .18); }
.mishnah.pin { background: rgba(163, 59, 31, .14); }
.mnum {
  font-size: 15px; color: #7a6633; margin-left: 10px; vertical-align: super;
  font-weight: 600;
}
.mishnah b, .mishnah strong { font-weight: 700; }
.word { cursor: pointer; border-radius: 3px; }
.word:hover { background: rgba(176, 141, 63, .22); }

.gemlink {
  display: inline-block; margin-right: 10px; font-family: var(--ui); font-size: 11px;
  letter-spacing: .08em; color: #7a6633; text-decoration: none; vertical-align: middle;
  border: 1px solid #cdbf9e; border-radius: 10px; padding: 1px 8px;
}
.gemlink:hover { background: #e9dcc0; color: #5a4520; }

#inspOut .iword { font-family: var(--serif); font-size: 26px; color: var(--accent-bright); direction: rtl; text-align: right; }
#inspOut .irow { display: flex; justify-content: space-between; font-size: 11px; color: #b3a78e; margin-top: 4px; }
#inspOut .ilet { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; direction: rtl; }
#inspOut .ilet span { font-family: var(--serif); font-size: 18px; color: var(--panel-ink); background: #2e281e; border: 1px solid #463d2c; border-radius: 5px; padding: 1px 7px; }
#inspOut .ilet span small { display: block; font-family: var(--ui); font-size: 9px; color: #8a7d64; text-align: center; }