/* ═══════════════════════════════════════════════════════════════════
   שורת-הזוהר ושורת-התרגום — גיליון אחד לשני המדורים
   ‏6.9.2026, הכרעת בעל הפרויקט.

   עד היום החזיקו זוהר גירסא וזוהר רבא שני עותקים של אותם ערכים, והם
   נסחפו זה מזה. נמדד באתר החי באותו יום:

       | | גירסא | רבא (לפני) |
       | ארמית | Vilna Medium, משקל 400 | Vilna XBold, משקל 700 |
       | גודל | 21px | 20px |
       | גובה-שורה | 25.2px (1.20) | 34.4px (1.70/1.72) |
       | פסוק בתרגום | Vilna Medium | Vilna Medium |

   אותו תרגום עצמו נראה בשתי צורות. מכאן ואילך שני המדורים קוראים את
   הקובץ הזה, ומי שמשנה כאן משנה בשניהם. **אין להעתיק את הערכים
   האלה בחזרה לתוך דף** — עותק הוא בדיוק מה שנשבר כאן.

   כל דף מספק `--regfont`, `--transfont` ו-`--zbase`; השאר כאן.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  /* גודל-הבסיס. דף שאינו מגדיר `--zbase` מקבל את ערך גירסא. */
  --zbase: clamp(20px, 2.2vw, 21px);
  /* ‏1.20 — הכרעת בעל הפרויקט 24.8.2026: בשתי עמודות מקבילות הריווח
     הגדול מפריד בין הצדדים במקום לחבר. */
  --lh-girsa: 1.20;
}

/* ‏`font-weight:400` ולא 700: המשקל יושב בקובץ-הגופן עצמו (Vilna Medium),
   ובקשת 700 עליו מייצרת הדגשה מלאכותית. */
.zline{
  font-family: var(--regfont);
  font-weight: 400;
  font-size: var(--zbase);
  line-height: var(--lh-girsa);
}

/* ‏`letter-spacing:0` — ‏.2px היה כיולה של וילנא, שהיא צפופה מטבעה;
   ‏FrankRuehl אינו זקוק לו. */
.tline{
  font-family: var(--transfont);
  font-weight: 400;
  font-size: var(--zbase);
  line-height: var(--lh-girsa);
  letter-spacing: 0;
}

/* ציטוט-פסוק בתוך התרגום — טון אחד מעל שאר השורה, באותה משפחה.
   אמת-המידה היא הזוהר הארמי שממולו ולא שורת-התרגום שסביבו, ולכן
   `font-size:1em` ואין פיצוי כלל (הכרעת בעל הפרויקט 30.8.2026).
   שני השמות: `q` בזוהר רבא, `vq` בזוהר גירסא. */
.tline .q,
.tline .vq{ font-family: var(--regfont); font-weight: 400; font-size: 1em; }

/* ═══════════════════════════════════════════════════════════════════
   ציטוט-פסוק בטור הארמי — תוספת ג, סעיף ב (6.9.2026)

   עד היום סומן הפסוק בטור התרגום בלבד, מתוך הנחה ש"הארמי ממילא בגופן
   הנוסח". ההנחה נכונה לגופן ואינה נכונה לפסוק: פסוק-מקרא בתוך ארמית
   הוא לשון אחרת, והלומד לא ראה היכן הוא נפתח והיכן נסגר. נמדד באזינו:
   ‏598 זוגות-גרשיים בטור הארמי, ואפס סימונים.

   אותו היגיון בדיוק כמו בתרגום — **טון אחד מעל השורה שסביבו, באותה
   משפחה**. שם: וילנא מדיום בתוך פרנק ריהל. כאן: וילנא XBold בתוך
   וילנא מדיום. אין שינוי-גודל ואין פיצוי, ולכן אין הזזת-שורה. */
.zline .vq,
.zline .q{ font-family: var(--zoharfont); font-weight: 400; font-size: 1em; }

/* ═══════════════════════════════════════════════════════════════════
   סמן הערת-השוליים שאינו תופס מקום — תוספת ג, סעיף ד (6.9.2026)

   ── מה נשבר ────────────────────────────────────────────────────────
   הסמן נשתל במקום שבו עמד ציון-המקור, כלומר **בתוך השורה**. הוא דחף
   את הטקסט הלאה, ובזוהר רבא נחת לא-אחת בתוך מילה (`וְגוֹ<sup>1</sup>׳`)
   ופיצל אותה לשני צמתים. משם התגלגלו שני באגים שכבר תועדו בפרויקט:
   מנוע-העימוד ספר שתי מילים במקום אחת, וכלל "המילה היתומה" לא ירה.

   ── ההכרעה ─────────────────────────────────────────────────────────
   "הסמן יושב **על** הגרש הסוגר ולא לידו." הגרש הוא העוגן, המספר תלוי
   מעליו כ-ruby, ו-`position:absolute` מוציא אותו מזרימת-השורה כליל:
   רוחב-הבסיס נשאר רוחב הגרש בלבד, המספר גולש מעל האותיות הסמוכות,
   ו**לעולם אינו דוחף**. ‏`line-height:0` מונע ממנו להגביה את השורה.

   ⚠ ה-`rt` הוא-הוא `.fnr` — ‏`הערותעמוד` שואבת `.zbox .fnr` וכותבת בו
   את המספר. אילו היה כאן עוד רכיב עוטף, המספור היה מפסיק לרוץ. */
ruby.vqm{ ruby-position: over; ruby-align: center; position: relative; }
ruby.vqm > rt{
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: 100%;
  margin-bottom: -0.18em;
  font-family: 'Heebo', sans-serif;
  font-size: 45%;
  font-weight: 400;
  line-height: 0;
  color: #555;
  white-space: nowrap;
  pointer-events: auto;
  cursor: pointer;
}
/* דפדפן ללא תמיכה ב-ruby מציג את ה-rt כטקסט רגיל בשורה; `display:none`
   על הבסיס היה מעלים את הגרש עצמו, ולכן אין נוגעים בו. */
@supports not (ruby-position: over){
  ruby.vqm > rt{ position: absolute; }
}