/* The reader for a left-to-right language whose words are a stem and suffixes
   (Turkish; capability :suffixes): the text, the Suffixes modes and the Word
   tab's anatomy (reader/_word_entry_suffixes). Design "TurkishGenius Reader". */

/* Left-to-right text: tighter lines than Arabic's, and Side by side with the text on the left. */
.reader--ltr .reader__ar { line-height: 1.55; gap: 2px 10px; }
.reader.reader--ltr.is-parallel .reader__sentence { direction: ltr; }

/* Suffixes: Off, Light (underlined from the first suffix), Full (split with dots, suffixes softer). */
.reader__dot { display: none; color: var(--line-dashed); }
.reader--suffixes-full .reader__dot { display: inline; }
.reader--suffixes-full .reader__suffix { color: var(--text-faint); }
.reader--suffixes-light .reader__suffix {
  text-decoration: underline;
  text-decoration-color: var(--clay);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
  text-decoration-skip-ink: none; /* one line under the suffixes, not broken by ş or y */
}

/* Word tab */
.reader__entry--parts .reader__entry-ar { font-size: 36px; line-height: 1.05; }
.reader__entry-word { display: flex; flex-direction: column; gap: 4px; }
.reader__entry-meaning { margin: 0; font-size: 17px; color: var(--text-body); }
.reader__entry-label { margin: 0; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-muted); font-weight: 700; }
.reader__anatomy { display: flex; flex-direction: column; gap: 8px; }
.reader__anatomy-parts { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: stretch; }
.reader__anatomy-part {
  display: flex; flex-direction: column; gap: 3px; max-width: 150px;
  background: var(--clay-soft); border: 1px solid color-mix(in srgb, var(--clay) 22%, var(--card)); border-radius: 10px; padding: 8px 10px;
}
.reader__anatomy-part--stem { background: var(--card); border-color: var(--ink); }
.reader__anatomy-form { font-family: var(--font-arabic); font-size: 22px; line-height: 1; color: var(--clay-deep); }
.reader__anatomy-part--stem .reader__anatomy-form { color: var(--ink); }
.reader__anatomy-gloss { font-size: 12px; line-height: 1.35; color: var(--text-muted); }
.reader__anatomy-note { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-body); }
.reader__entry-dict { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border-top: 1px solid var(--line-soft); padding-top: 14px; }
.reader__entry-dict-label { font-size: 14px; color: var(--text-muted); }
.reader__entry-lemma { font-size: 24px; line-height: 1; }
.reader__entry-actions { align-items: center; }
.reader__entry-link { display: inline-flex; align-items: center; min-height: 42px; font-size: 14px; font-weight: 600; }
.reader__same-stem { display: flex; flex-direction: column; gap: 2px; border-top: 1px solid var(--line-soft); padding-top: 14px; }
.reader__same-stem .reader__entry-label { padding-bottom: 4px; }
.reader__same-stem-list { list-style: none; margin: 0; padding: 0; }
.reader__same-stem-link {
  display: flex; justify-content: space-between; align-items: baseline; gap: 10px; min-height: 42px; padding: 8px 0;
  border-top: 1px solid var(--line-soft); color: var(--ink); text-decoration: none;
}
.reader__same-stem-link:hover { color: var(--ink); text-decoration: none; background: var(--sand); }
.reader__same-stem-word { font-size: 21px; line-height: 1; }
.reader__same-stem-suffix { color: var(--text-faint); }
.reader__same-stem-en { font-size: 14px; color: var(--text-muted); }