/* שכבת-הקריאה של הפרוטוקול המשודרג: מרקור, הערה שנפתחת במקומה,
   גודל-כתב חי, קיפול רשימת-הנושאים, קריאה במסך מלא, וצילום מן המקור.
   הכול בדפדפן של הקורא - הסימונים אינם נשלחים לשום מקום. */

/* ---------- גודל-הכתב ---------- */
/* הגודל מונע ממשתנה אחד. הילדים שהיו קבועים ביחידת-שורש הומרו ליחידה
   יחסית, אחרת שם-הדובר ומספר-השורה היו נשארים קפואים בזמן שהדברים
   עצמם גדלים - וזה נראה שבור. */
/* המשתנה מוחזק כמספר חשוף ולא באחוזים: אורך כפול אחוז אינו חישוב
   חוקי, והכלל היה נופל בשקט והגודל נשאר קפוא. */
.transcript{font-size:calc(1rem * var(--כתב-פרוטוקול,1))}
.transcript .utt .speaker{font-size:.9em}
.transcript .utt-role,.transcript .utt-loc{font-size:.78em}
.transcript .utt-ln{font-size:.8em}
.transcript .tag.small{font-size:.72em}
.transcript .pm-chip{font-size:.86em}

/* ---------- מרקור ---------- */
.mk-user{background:#ffe27a;box-shadow:0 0 0 1px rgba(198,154,62,.45);
  border-radius:3px;padding:0 1px;color:inherit;cursor:pointer}

/* ---------- סרגל-הבחירה הצף ---------- */
.sel-bar{position:absolute;z-index:70;display:none;gap:4px;padding:4px;
  background:var(--navy);border:1px solid var(--gold);border-radius:12px;
  box-shadow:0 12px 30px rgba(6,11,32,.4)}
.sel-bar.פתוח{display:flex}
.sel-bar button{border:0;background:transparent;color:#fff;font:inherit;
  font-size:.86rem;font-weight:600;padding:6px 12px;border-radius:9px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.sel-bar button:hover{background:rgba(243,213,133,.18);color:var(--gold-bright)}
.sel-bar button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--gold-bright)}
.sel-bar .ic{width:16px;height:16px}
.sel-bar .מרקר-דגם{width:13px;height:13px;border-radius:3px;background:#ffe27a;
  box-shadow:0 0 0 1px rgba(0,0,0,.25)}

/* ---------- הערה ---------- */
/* הקטע שיש עליו הערה נושא פס בקצה. ההערה עצמה מכווצת לציון קטן -
   עשרים כרטיסים פתוחים בבת אחת הופכים את הפרוטוקול לבלתי קריא. */
.utt.יש-הערה{border-inline-start:3px solid var(--gold);
  border-radius:0 10px 10px 0;background:#fffdf6}
.utt.בעריכה{background:#fff8e6;border-inline-start:3px solid var(--gold);
  border-radius:0 10px 10px 0}

.הערה{position:relative;margin:0 0 10px}
.הערה-ציון{display:inline-flex;align-items:center;gap:7px;max-width:100%;
  border:1px solid #e8d49a;background:#fffaeb;color:#7a5c14;cursor:pointer;
  font:inherit;font-size:.83rem;font-weight:600;padding:5px 11px 5px 9px;
  border-radius:99px;margin-inline-start:34px}
.הערה-ציון:hover{background:#fdf1cf;border-color:var(--gold);color:#5c460f}
.הערה-ציון:focus-visible{outline:none;box-shadow:var(--ring)}
.הערה-ציון .ic{width:15px;height:15px;flex:0 0 auto;color:var(--gold)}
.הערה-תמצית{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* החץ יוצא מן הציון כלפי מעלה, אל הקטע שהוא מדבר עליו. */
.הערה-ציון::before{content:"";position:absolute;top:-6px;inset-inline-start:48px;
  width:0;height:0;border-inline:6px solid transparent;border-bottom:6px solid #e8d49a}

.הערה-לוח{display:none}
.הערה.פתוחה .הערה-ציון{border-bottom-left-radius:0;border-bottom-right-radius:0;
  border-bottom-color:transparent;background:#fffaeb}
/* ללוח אין פס-צד: יש לו כבר מסגרת ורקע משלו, והפס היה קישוט כפול.
   הפס שנשאר הוא זה שעל הקטע עצמו, והוא נושא משמעות - הוא מסמן מי
   נושא את ההערה. */
.הערה.פתוחה .הערה-לוח{display:block;margin-inline-start:34px;
  padding:11px 14px 12px;background:#fffaeb;border:1px solid #e8d49a;
  border-radius:12px;box-shadow:0 2px 8px rgba(120,90,20,.07)}
.הערה.במוקד .הערה-ציון{border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,154,62,.28)}
.הערה-כותרת{display:flex;align-items:center;gap:8px;margin:0 0 5px;
  font-size:.74rem;font-weight:700;color:#8a6a1e}
.הערה-כותרת time{font-weight:500;color:var(--faint)}
.הערה-גוף{margin:0;font-size:.97rem;line-height:1.65;color:#3a3116;
  white-space:pre-wrap;overflow-wrap:anywhere}
.הערה-פעולות{display:flex;gap:4px;margin-inline-start:auto}
.הערה-פעולות button{border:0;background:transparent;color:#8a6a1e;cursor:pointer;
  font:inherit;font-size:.75rem;font-weight:600;padding:2px 7px;border-radius:7px}
.הערה-פעולות button:hover{background:#f2e3b8;color:#5c460f}
.הערה-פעולות button:focus-visible{outline:none;box-shadow:var(--ring)}

/* ---------- מחבר-ההערה, נפתח במקום ---------- */
.הערה-עורך{margin:0 0 12px;margin-inline-start:34px;padding:12px 14px;
  background:#fff8e6;border:1px solid var(--gold);border-radius:12px;
  box-shadow:0 6px 20px rgba(120,90,20,.12)}
.עורך-כותרת{margin:0 0 7px;font-size:.78rem;font-weight:700;color:#8a6a1e}
.הערה-עורך textarea{width:100%;box-sizing:border-box;min-height:78px;resize:vertical;
  font:inherit;font-size:.97rem;line-height:1.6;color:var(--ink);
  border:1px solid var(--line-field);border-radius:9px;padding:9px 11px;background:#fff}
.הערה-עורך textarea:focus{outline:none;box-shadow:var(--ring);border-color:var(--gold)}
.הערה-עורך .שורת-לחצנים{display:flex;gap:8px;align-items:center;margin-top:9px}
.עורך-רמז{font-size:.74rem;color:var(--faint);margin-inline-start:auto}

/* ---------- לחצנים משותפים ---------- */
.כפ-זהב,.כפ-שקט{border:0;font:inherit;font-size:.88rem;font-weight:700;
  padding:8px 18px;border-radius:10px;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center}
.כפ-זהב{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#2b1f05}
.כפ-זהב:hover{filter:brightness(1.06)}
.כפ-שקט{background:var(--bg2);color:var(--muted);border:1px solid var(--line)}
.כפ-שקט:hover{background:var(--card);color:var(--navy)}
.כפ-זהב:focus-visible,.כפ-שקט:focus-visible{outline:none;box-shadow:var(--ring)}

/* ---------- סרגל-הכלים של הקורא ---------- */
/* רצועה דביקה מתחת לסרגל-הניווט, לא אובייקט צף בפינה. היא במקום
   שהעין כבר מסתכלת בו, באותו מקום בכל גלילה, ונקראת כחלק מן העמוד.
   הצורה הצפה בפינה השמאלית-התחתונה נקראה כאובייקט זר ולקח זמן
   לאתר אותה. */
.כלי-קריאה{position:sticky;top:var(--גובה-סרגל,147px);z-index:44;
  display:flex;align-items:center;gap:3px;flex-wrap:wrap;
  margin:0 0 12px;padding:6px 10px;
  background:var(--navy-grad);border:1px solid rgba(243,213,133,.34);
  border-radius:12px;box-shadow:0 6px 18px rgba(6,11,32,.22)}
.כלי-קריאה button{border:0;background:transparent;color:#e8edf7;font:inherit;
  font-size:.83rem;font-weight:600;padding:7px 11px;border-radius:9px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  transition:background .15s,color .15s}
.כלי-קריאה button:hover{background:rgba(243,213,133,.16);color:var(--gold-bright)}
.כלי-קריאה button[aria-pressed="false"]{color:var(--gold-bright)}
.כלי-קריאה button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--gold-bright)}
.כלי-קריאה .ic{width:17px;height:17px;flex:0 0 auto;opacity:.92}
.כלי-מפריד{width:1px;align-self:stretch;background:rgba(243,213,133,.24);margin:4px 5px}
.כלי-כתב{display:flex;align-items:center;gap:1px}
.כלי-כתב button{font-size:.95rem;font-weight:800;padding:6px 10px;min-width:36px;
  justify-content:center}
.כתב-תווית{color:var(--gold-bright);font-size:.72rem;font-weight:700;
  min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
.כלי-קריאה .מונה{background:var(--gold);color:#2b1f05;font-size:.71rem;font-weight:800;
  border-radius:99px;padding:1px 6px;min-width:8px;text-align:center}
body.מסך-מלא .כלי-קריאה{top:8px}
@media(max-width:820px){
  .כלי-קריאה button span:not(.מונה){display:none}
  .כלי-קריאה .כתב-תווית{display:none}
  .כלי-קריאה button{padding:8px 10px}
}

/* ---------- מעבר בין ההערות, בתוך הסרגל ---------- */
.נווט-הערות{display:none;align-items:center;gap:1px;
  background:rgba(243,213,133,.13);border-radius:9px;padding:1px 3px}
.נווט-הערות.פתוח{display:inline-flex}
.נווט-הערות button{padding:5px 6px;color:var(--gold-bright)}
.נווט-הערות button:hover{background:rgba(243,213,133,.2)}
.נווט-מונה{font-size:.76rem;font-weight:700;color:var(--gold-bright);
  font-variant-numeric:tabular-nums;padding:0 3px;white-space:nowrap}
.נווט-מונה b{font-weight:800}

/* ---------- הודעה ---------- */
.קריאה-הודעה{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:130;
  display:none;background:var(--navy);color:var(--gold-bright);padding:10px 16px;
  border-radius:11px;font-size:.86rem;font-weight:600;
  box-shadow:0 12px 30px rgba(6,11,32,.4);max-width:min(420px,80vw)}
.קריאה-הודעה.פתוח{display:block}

/* ---------- חלונית ---------- */
.חלונית{position:fixed;inset:0;z-index:120;display:none;
  align-items:center;justify-content:center;padding:22px;
  background:rgba(6,11,32,.66);backdrop-filter:blur(3px)}
.חלונית.פתוח{display:flex}
.חלונית-לוח{background:var(--card);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.45);
  max-width:min(1080px,96vw);max-height:94vh;display:flex;flex-direction:column;overflow:hidden}
.חלונית-ראש{display:flex;align-items:center;gap:14px;padding:13px 20px;
  border-bottom:1px solid var(--line);background:var(--bg2)}
.חלונית-ראש h2{margin:0;font-family:var(--serif);font-size:1.16rem;font-weight:800;color:var(--navy)}
.חלונית-סגור{margin-inline-start:auto;border:0;background:transparent;cursor:pointer;
  font-size:1.5rem;line-height:1;color:var(--muted);padding:2px 8px;border-radius:8px}
.חלונית-סגור:hover{background:var(--line);color:var(--navy)}
.חלונית-גוף{padding:18px 20px;overflow:auto}
.חלונית-רגל{display:flex;gap:8px;align-items:center;padding:12px 20px;
  border-top:1px solid var(--line);background:var(--bg2)}
.חלונית-רגל .מרווח{margin-inline-start:auto}

.בורר{display:block;margin:0 0 9px;padding:11px 13px;border:1px solid var(--line);
  border-radius:11px;cursor:pointer;background:var(--bg2)}
.בורר:hover{border-color:var(--gold);background:#fffdf6}
.בורר input{margin-inline-end:9px}
.בורר b{font-size:.98rem;color:var(--navy)}
.בורר small{display:block;margin-top:2px;margin-inline-start:24px;
  font-size:.82rem;color:var(--muted);line-height:1.5}
/* מתג-סימונים: אותה שורה כמו בוררי-ההיקף, אבל שקוע מעט פנימה כדי
   שייקרא כהמשך של הבחירה שמעליו ולא כבחירה שלישית מתחרה. */
.צילום-חסר{margin:8px 0 0;font-size:.86rem;line-height:1.55;color:#8a5a12;
  background:#fff6e0;border:1px solid #f0d9a6;border-radius:9px;padding:9px 11px;
  text-align:start}
.בורר-מתג{margin-inline-start:16px;background:#fffdf6;border-style:dashed}
.בורר-מתג b{font-weight:600}
.בורר-כותרת{margin:0 0 8px;font-size:.8rem;font-weight:700;color:var(--faint)}
.בורר-הערה{margin:14px 0 0;font-size:.83rem;line-height:1.6;color:var(--muted);
  padding-top:12px;border-top:1px solid var(--line)}

.תצוגת-צילום{background:var(--bg);padding:12px;border-radius:12px;text-align:center}
.תצוגת-צילום img{max-width:100%;max-height:64vh;height:auto;width:auto;
  border:1px solid var(--line);border-radius:6px;
  box-shadow:0 6px 20px rgba(0,0,0,.14);background:#fff}
.צילום-מידע{margin:10px 0 0;font-size:.82rem;color:var(--muted)}

/* ---------- רשימת-הנושאים כלשונית ---------- */
/* המיקום נכתב בתכונות פיזיות ולא הגיוניות: לאלמנט עצמו יש כתיבה
   אנכית, וציר-הבלוק שלו מסתובב - «התחלת-בלוק» נפלה על שמאל-ימין
   והלשונית נחתה באמצע המסך, מחוץ לחלון. */
.לשונית-נושאים{position:fixed;top:50%;right:0;left:auto;z-index:58;
  display:none;transform:translateY(-50%);align-items:center;gap:7px;
  border:0;border-radius:12px 0 0 12px;
  background:var(--navy);color:var(--gold-bright);cursor:pointer;
  font:inherit;font-size:.82rem;font-weight:700;padding:14px 9px;
  writing-mode:vertical-rl;box-shadow:-6px 0 20px rgba(6,11,32,.32)}
.לשונית-נושאים .ic{width:16px;height:16px}
.לשונית-נושאים:hover{background:var(--navy-top)}
.לשונית-נושאים:focus-visible{outline:none;box-shadow:0 0 0 2px var(--gold-bright)}
body.נושאים-מקופלים .לשונית-נושאים{display:flex}
body.נושאים-מקופלים .tk-rail{display:none}
body.נושאים-מקופלים .split{grid-template-columns:minmax(0,1fr)!important}
body.נושאים-מקופלים .transcript{max-width:940px;margin-inline:auto}

/* ---------- קריאה במסך מלא ---------- */
/* המצב מונע ממחלקה על הגוף ולא מממשק-המסך-המלא של הדפדפן, שנחסם בכל
   הקשר מוטמע. הדפדפן מתבקש בנוסף, וכשהוא מסרב הקריאה נפתחת בכל זאת. */
body.מסך-מלא .topbar,body.מסך-מלא .stagebar,body.מסך-מלא .prot-head,
body.מסך-מלא .tk-rail,body.מסך-מלא .breadcrumb,body.מסך-מלא footer,
body.מסך-מלא .skip,body.מסך-מלא .לשונית-נושאים{display:none!important}
/* «חזרה למעלה» יושב מעל הכותרת-התחתונה ומתחת לרצועת-המופעים. */
.totop{z-index:46}
body.מסך-מלא .split{grid-template-columns:minmax(0,1fr)!important}
body.מסך-מלא main{padding-block-start:14px}
body.מסך-מלא .transcript{max-width:980px;margin-inline:auto}
body.מסך-מלא .prot-col{max-width:none}

/* ---------- ראש-העמוד אחרי הוראות עידו, 8.9 ---------- */
/* תיבת-החיפוש ירדה אל מתחת לכותרת ולכן היא ברוחב הכותרת ולא ברוחב
   העמוד; לחצן-השליחה ירד, ומקומו נסגר בריפוד סימטרי. */
.ph-title .pfind{margin:10px 0 0;max-width:640px}
.ph-title .pfind input{padding-inline-end:16px}
.ph-title .pfind-hint{flex-wrap:wrap;gap:4px 16px}

/* הלחצן שבא במקום פריטי-השביל שנמחקו. */
.pb-wit{margin-inline-start:auto;max-width:min(340px,44vw);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}

/* ---------- סימן-המתנה ---------- */
/* המשיכה הראשונה ליום-דיון אורכת עשרות שניות, ובלי סימן ברור היא
   נקראת כתקלה. עידו: «ברגע הראשון חשבתי שיש בעיה». */
.ממתין{display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:38px 20px 32px;text-align:center}
.סביבון{width:46px;height:46px;border-radius:50%;
  border:4px solid rgba(198,154,62,.28);border-top-color:var(--gold);
  animation:סיבוב .85s linear infinite}
@keyframes סיבוב{to{transform:rotate(360deg)}}
.ממתין-כותרת{margin:0;font-family:var(--serif);font-size:1.06rem;
  font-weight:800;color:var(--navy)}
.ממתין-הסבר{margin:0;font-size:.86rem;line-height:1.6;color:var(--muted);
  max-width:420px}
.ממתין-פס{width:min(320px,80%);height:4px;border-radius:99px;
  background:var(--line);overflow:hidden}
.ממתין-פס i{display:block;width:38%;height:100%;border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:זחילה 1.5s ease-in-out infinite}
@keyframes זחילה{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
@media(prefers-reduced-motion:reduce){
  .סביבון{animation-duration:2.4s}
  .ממתין-פס i{animation:none;width:100%;opacity:.5}
}