/* quiz-look-live.css: עותק קפוא של quiz-look.css כמו שהיה לפני 6.11.2026 (tag pre-quiz-rename-20261106) - נטען רק באתר הקודם (SS_OLD_SITE, parts/_quiz-look.php). הבעלים 6.11.2026: השינויים של היום רק באתר החדש. לא לערוך. */
/* =====================================================================
   הלבוש הרגוע של מאגרי השאלות ומסכי המבחן (אושר בידי הבעלים 5.11.2026 אחרי התצוגה features/quiz-look).
   נטען אחרי qbank-v2.css / qapp.css (parts/questions.php, parts/questions-members.php) ואחרי quiz-c.css (parts/quiz-iframe-v3.php).
   מראה בלבד: הסקריפטים, השאלות, ההסברים, הקישורים והמבנה לא משתנים. כל הערכים ב-quiz-tokens.css (שנשען על tokens.css).
   כל הכללים בהיקף .ss-qbank (המאגר) ו-.ssc (המבחן, התרגול והתוצאות).
   ===================================================================== */
/* ===== חלק 2 - הלבשה ===== */

/* --- העמוד: רקע רגוע, באנר עליון נמוך, אוויר בתחתית --- */
html body.s2:not(#no-override) #main-content:has(.ss-qbank), html body.s2:not(#no-override) .ss-qbank { background: var(--qz-page); }
html body.s2:not(#no-override) .banner-top { height: var(--qz-banner-h) !important; min-height: 0 !important; background-position: center 40% !important; }
html body.s2:not(#no-override) .ss-qbank { padding-block-end: var(--qz-bottom); }

/* --- הפס העליון של המאגר (וגם של המבחן - qa-inquiz): כרטיס לבן ולא גוש כחול כהה --- */
html body.s2:not(#no-override) .ss-qbank .qa-top { margin-block-end: var(--qz-gap); }
html body.s2:not(#no-override) .ss-qbank .qa-bar {
  background: var(--qz-card) !important; color: var(--qz-navy) !important; border: 1px solid var(--qz-line) !important;
  border-radius: var(--qz-r) !important; box-shadow: var(--qz-shadow) !important; padding: var(--qz-pad-m) var(--qz-pad) !important;
}
html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-t, html body.s2:not(#no-override) .ss-qbank .qa-bar h1 { color: var(--qz-blue) !important; font-size: var(--qz-h1) !important; font-weight: var(--qz-w-semi) !important; line-height: 1.3 !important; }
html body.s2:not(#no-override) .ss-qbank .qa-bar small { color: var(--qz-muted) !important; font-size: var(--qz-small) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-bar small b, html body.s2:not(#no-override) .ss-qbank .qa-bar small em { color: var(--qz-navy) !important; font-style: normal; font-weight: var(--qz-w-bold); }
html body.s2:not(#no-override) .ss-qbank .qa-menu {
  background: var(--qz-soft) !important; color: var(--qz-blue) !important; border: 1.5px solid var(--qz-blue) !important; border-radius: var(--qz-r-btn) !important; box-shadow: none !important;
}
/* פס ההתקדמות - דק ורך */
html body.s2:not(#no-override) .ss-qbank .qa-all { background: var(--qz-soft) !important; height: 6px !important; border-radius: var(--qz-pill) !important; overflow: hidden; }
html body.s2:not(#no-override) .ss-qbank .qa-all .ok, html body.s2:not(#no-override) .ss-qbank .uqa-prog .ok { background: var(--qz-ok-line) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-all .bad, html body.s2:not(#no-override) .ss-qbank .uqa-prog .bad { background: var(--qz-bad-line) !important; }
/* השעון במבחן - טבעת על לבן */
html body.s2:not(#no-override) .ss-qbank .qa-clock { --c: var(--qz-blue) !important; background: conic-gradient(var(--c) calc(var(--p) * 1%), var(--qz-soft) 0) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-clock > span { background: var(--qz-card) !important; color: var(--qz-navy) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-clock small { color: var(--qz-muted) !important; }

/* --- כרטיס השאלה --- */
html body.s2:not(#no-override) .ss-qbank .q-answer-box {
  background: var(--qz-card) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r) !important;
  box-shadow: var(--qz-shadow) !important; padding: var(--qz-pad) !important;
}
html body.s2:not(#no-override) .ss-qbank .q-answer-box h4, html body.s2:not(#no-override) .ss-qbank .q-answer-box h4 a {
  color: var(--qz-navy) !important; font-size: var(--qz-q) !important; font-weight: var(--qz-w-bold) !important; line-height: 1.55 !important; text-decoration: none !important;
}
html body.s2:not(#no-override) .ss-qbank .q-answer-box h4 { margin: 0 0 var(--qz-gap) !important; }
html body.s2:not(#no-override) .ss-qbank .qb-n {
  display: inline-grid; place-items: center; min-width: var(--qz-letter); height: var(--qz-letter); margin-inline-end: 8px; padding: 0 6px;
  border-radius: var(--qz-pill); background: var(--qz-soft) !important; color: var(--qz-blue) !important; font-size: var(--qz-small) !important; font-weight: var(--qz-w-bold);
}
html body.s2:not(#no-override) .ss-qbank .qb-n i { display: none; }
html body.s2:not(#no-override) .ss-qbank .ssq-must, html body.s2:not(#no-override) .ssc .ssc-mtag {
  display: inline-block; background: var(--qz-must-bg) !important; color: var(--qz-must-text) !important; border: 0 !important;
  border-radius: var(--qz-pill) !important; padding: 2px 10px !important; font-size: var(--qz-tiny) !important; font-weight: var(--qz-w-bold) !important; vertical-align: middle;
}

/* --- התשובות --- */
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options { display: grid; gap: var(--qz-ans-gap); margin: 0 0 var(--qz-gap) !important; padding: 0 !important; }
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li {
  margin: 0 !important; background: var(--qz-card) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r-a) !important;
  box-shadow: none !important; padding: 14px 16px !important; transition: border-color var(--qz-fast), background-color var(--qz-fast);
}
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li p { display: flex; align-items: center; gap: 12px; margin: 0 !important; color: var(--qz-text) !important; font-size: var(--qz-a) !important; line-height: 1.5 !important; }
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li strong {
  flex: 0 0 var(--qz-letter); display: grid; place-items: center; width: var(--qz-letter); height: var(--qz-letter); border-radius: var(--qz-round);
  background: var(--qz-soft) !important; color: var(--qz-blue) !important; font-weight: var(--qz-w-bold); font-size: var(--qz-small);
}
html body.s2:not(#no-override) .ss-qbank .q-answer-box:not(.qb-done) ul.q-answer-options li:hover { border-color: var(--qz-blue) !important; background: var(--qz-card) !important; transform: none !important; }
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li.qb-ok, html body.s2:not(#no-override) .ss-qbank .qb-ok { background: var(--qz-ok-bg) !important; border-color: var(--qz-ok-line) !important; }
html body.s2:not(#no-override) .ss-qbank .qb-ok strong { background: var(--qz-ok-line) !important; color: var(--qz-ok-text) !important; }
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li.qb-bad, html body.s2:not(#no-override) .ss-qbank .qb-bad { background: var(--qz-bad-bg) !important; border-color: var(--qz-bad-line) !important; }
html body.s2:not(#no-override) .ss-qbank .qb-bad strong { background: var(--qz-bad-line) !important; color: var(--qz-bad-text) !important; }

/* שמירה - תגית רכה; התמונה - במרכז עם מרווח; ההסבר - תיבה רכה */
html body.s2:not(#no-override) .ss-qbank .qb-save {
  background: var(--qz-card) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r-btn) !important; color: var(--qz-blue) !important;
  padding: 4px 12px !important; font-size: var(--qz-small) !important; box-shadow: none !important;
}
html body.s2:not(#no-override) .ss-qbank .qb-save[aria-pressed="true"] { background: var(--qz-soft) !important; border-color: var(--qz-blue) !important; }
html body.s2:not(#no-override) .ss-qbank .questions-hint img { display: block; margin: var(--qz-gap) auto 0; max-width: 100%; height: auto; }
html body.s2:not(#no-override) .ss-qbank .hintsinfo { background: var(--qz-page) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r-a) !important; padding: var(--qz-pad-m) !important; margin-top: var(--qz-gap) !important; }
html body.s2:not(#no-override) .ss-qbank .qb-right { color: var(--qz-ok-text) !important; font-weight: var(--qz-w-bold); }

/* --- הקודמת / הבאה: משני וראשי, גובה אחד, אוויר מעל --- */
html body.s2:not(#no-override) .ss-qbank .qa-nav { margin-block-start: var(--qz-gap) !important; padding: var(--qz-pad-m) 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; gap: 12px; }
html body.s2:not(#no-override) .ss-qbank .qa-nav button, html body.s2:not(#no-override) .ssc .ssc-btn {
  min-height: var(--qz-btn-h) !important; padding: 0 22px !important; border-radius: var(--qz-r-btn) !important; font-size: var(--qz-text-btn) !important; font-weight: var(--qz-w-bold) !important; box-shadow: none !important;
}
html body.s2:not(#no-override) .ss-qbank .qa-nav .nx, html body.s2:not(#no-override) .ssc .ssc-btn:not(.l):not(:disabled) { background: var(--qz-orange) !important; border: 1.5px solid var(--qz-orange) !important; color: var(--qz-white) !important; box-shadow: var(--qz-shadow-primary) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-nav .nx:hover, html body.s2:not(#no-override) .ssc .ssc-btn:not(.l):not(:disabled):hover { background: var(--qz-orange-dark) !important; border-color: var(--qz-orange-dark) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-nav .pv, html body.s2:not(#no-override) .ssc .ssc-btn.l { background: var(--qz-soft) !important; border: 1.5px solid var(--qz-blue) !important; color: var(--qz-blue) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-nav .pv:disabled, html body.s2:not(#no-override) .ssc .ssc-btn:disabled { opacity: 1 !important; background: var(--qz-card) !important; border-color: var(--qz-line) !important; color: var(--qz-muted) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-nav span { color: var(--qz-muted) !important; font-size: var(--qz-tiny) !important; }

/* --- לוח הצד (מחשב) ותפריט הטלפון: כרטיס אחד רגוע --- */
html body.s2:not(#no-override) .ss-qbank .uqa { background: var(--qz-card) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r) !important; box-shadow: var(--qz-shadow) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-head { background: transparent !important; color: var(--qz-navy) !important; border-bottom: 1px solid var(--qz-line) !important; padding: var(--qz-pad-m) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-stat, html body.s2:not(#no-override) .ss-qbank .uqa-stat span { color: var(--qz-text) !important; font-size: var(--qz-small) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-stat b { color: var(--qz-navy) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-prog { background: var(--qz-soft) !important; height: 6px !important; border-radius: var(--qz-pill) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-body { padding: var(--qz-pad-m) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-btns { gap: 8px !important; }
/* מצבי התרגול - שורות שקטות; הפעיל - מילוי רך כחול */
html body.s2:not(#no-override) .ss-qbank a.uqa-btn, html body.s2:not(#no-override) .ss-qbank a.qa-m {
  background: var(--qz-card) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r-btn) !important; color: var(--qz-text) !important;
  box-shadow: none !important; min-height: 44px; font-weight: var(--qz-w-reg) !important;
}
html body.s2:not(#no-override) .ss-qbank a.uqa-btn:hover, html body.s2:not(#no-override) .ss-qbank a.qa-m:hover { border-color: var(--qz-line-strong) !important; background: var(--qz-page) !important; }
html body.s2:not(#no-override) .ss-qbank a.uqa-btn.on, html body.s2:not(#no-override) .ss-qbank a.qa-m.on { background: var(--qz-soft) !important; border-color: var(--qz-blue) !important; color: var(--qz-blue) !important; font-weight: var(--qz-w-bold) !important; }
html body.s2:not(#no-override) .ss-qbank a.uqa-btn b, html body.s2:not(#no-override) .ss-qbank a.qa-m b { background: var(--qz-page) !important; color: var(--qz-muted) !important; border-radius: var(--qz-pill) !important; font-weight: var(--qz-w-bold); }
html body.s2:not(#no-override) .ss-qbank a.uqa-btn.on b, html body.s2:not(#no-override) .ss-qbank a.qa-m.on b { background: var(--qz-card) !important; color: var(--qz-blue) !important; }
/* "תרגול במבנה מבחן" (עם תיבת הסימון שאושרה) - כרטיס משני; מסומן - מילוי רך של הכתום */
html body.s2:not(#no-override) .ss-qbank a.uqa-btn.qa-exam.qa-xsw, html body.s2:not(#no-override) .ss-qbank a.qa-m.qa-ex.qa-xsw, html body.s2:not(#no-override) .ss-qbank .qa-sheet a.qa-m.qa-ex.qa-xsw {
  background: var(--qz-card) !important; border: 1.5px solid var(--qz-blue) !important; color: var(--qz-blue) !important; box-shadow: none !important;
}
html body.s2:not(#no-override) .ss-qbank a.uqa-btn.qa-exam.qa-xsw.xon, html body.s2:not(#no-override) .ss-qbank a.qa-m.qa-ex.qa-xsw.xon, html body.s2:not(#no-override) .ss-qbank .qa-sheet a.qa-m.qa-ex.qa-xsw.xon {
  background: var(--qz-must-bg) !important; border-color: var(--qz-orange) !important; color: var(--qz-navy) !important; box-shadow: none !important;
}
/* "מבחן בפורמט האמיתי" - שורה רכה, ה-i בצד השני כמו שאושר */
html body.s2:not(#no-override) .ss-qbank a.qa-real { background: var(--qz-page) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r-btn) !important; box-shadow: none !important; color: var(--qz-navy) !important; }
html body.s2:not(#no-override) .ss-qbank a.qa-real:hover { border-color: var(--qz-line-strong) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-stats > div { background: var(--qz-page) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r-a) !important; color: var(--qz-muted) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-stats > div b { color: var(--qz-navy) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-stats .ok { background: var(--qz-ok-bg) !important; border-color: var(--qz-ok-line) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-stats .ok b { color: var(--qz-ok-text) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-stats .bad { background: var(--qz-bad-bg) !important; border-color: var(--qz-bad-line) !important; }
html body.s2:not(#no-override) .ss-qbank .qa-stats .bad b { color: var(--qz-bad-text) !important; }

/* --- רשת המספרים ("כל השאלות" / מה שכבר עניתם): תאים מרווחים ועגולים, צבע רק לנכון/לא נכון --- */
html body.s2:not(#no-override) .ss-qbank .uqa-grid { gap: var(--qz-cell-gap) !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-grid a {
  height: var(--qz-cell) !important; border-radius: var(--qz-r-btn) !important; border: 1px solid var(--qz-line) !important; background: var(--qz-card) !important;
  color: var(--qz-muted) !important; font-size: var(--qz-tiny) !important; font-weight: var(--qz-w-bold) !important; box-shadow: none !important;
}
html body.s2:not(#no-override) .ss-qbank .uqa-grid a:hover { border-color: var(--qz-blue) !important; color: var(--qz-blue) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.cur, html body.s2:not(#no-override) .ss-qbank .uqa-grid a.cur.new { border: 2px solid var(--qz-blue) !important; color: var(--qz-blue) !important; background: var(--qz-soft) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.ok { background: var(--qz-ok-bg) !important; border-color: var(--qz-ok-line) !important; color: var(--qz-ok-text) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.bad { background: var(--qz-bad-bg) !important; border-color: var(--qz-bad-line) !important; color: var(--qz-bad-text) !important; }
/* שאלת חובה - נקודה קטנה בגוון הכתום הרך (לא אדום), שמורה - קו תחתון כחול */
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.mu::before { width: var(--qz-dot) !important; height: var(--qz-dot) !important; top: -3px !important; right: -3px !important; background: var(--qz-orange) !important; border: 1.5px solid var(--qz-card) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.sv { box-shadow: inset 0 -3px 0 var(--qz-blue) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-legend { color: var(--qz-muted) !important; font-size: var(--qz-tiny) !important; gap: 8px 14px !important; margin-top: var(--qz-pad-m) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-legend .ok::before { background: var(--qz-ok-bg) !important; border-color: var(--qz-ok-line) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-legend .bad::before { background: var(--qz-bad-bg) !important; border-color: var(--qz-bad-line) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-legend .sv::before { background: var(--qz-card) !important; box-shadow: inset 0 -3px 0 var(--qz-blue) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-acct { background: var(--qz-page) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r-a) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-acct .h { color: var(--qz-navy) !important; }

/* --- מבחן התרגול (quiziframe): אותו לבוש, אוויר בתחתית --- */
html body.s2:not(#no-override) .ssc { background: var(--qz-page); padding-block-end: var(--qz-bottom); }
html body.s2:not(#no-override) .ssc .ssc-card { border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r) !important; box-shadow: var(--qz-shadow) !important; padding: var(--qz-pad) !important; }
html body.s2:not(#no-override) .ssc .ssc-q { color: var(--qz-navy) !important; font-size: var(--qz-q) !important; font-weight: var(--qz-w-bold) !important; line-height: 1.55 !important; margin-bottom: var(--qz-gap) !important; }
html body.s2:not(#no-override) .ssc .ssc-qn { background: var(--qz-soft) !important; color: var(--qz-blue) !important; border-radius: var(--qz-pill) !important; }
html body.s2:not(#no-override) .ssc .ssc-ans { display: grid; gap: var(--qz-ans-gap) !important; }
html body.s2:not(#no-override) .ssc .ssc-a {
  background: var(--qz-card) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r-a) !important; padding: 14px 16px !important;
  min-height: 52px; color: var(--qz-text) !important; font-size: var(--qz-a) !important; box-shadow: none !important; gap: 12px;
}
html body.s2:not(#no-override) .ssc .ssc-a:hover { border-color: var(--qz-blue) !important; }
html body.s2:not(#no-override) .ssc .ssc-a b { width: var(--qz-letter) !important; height: var(--qz-letter) !important; border-radius: var(--qz-round) !important; background: var(--qz-soft) !important; color: var(--qz-blue) !important; border: 0 !important; }
html body.s2:not(#no-override) .ssc .ssc-a[aria-pressed="true"], html body.s2:not(#no-override) .ssc .ssc-a.on, html body.s2:not(#no-override) .ssc .ssc-a.sel { background: var(--qz-soft) !important; border-color: var(--qz-blue) !important; }
html body.s2:not(#no-override) .ssc .ssc-a.ok { background: var(--qz-ok-bg) !important; border-color: var(--qz-ok-line) !important; }
html body.s2:not(#no-override) .ssc .ssc-a.bad { background: var(--qz-bad-bg) !important; border-color: var(--qz-bad-line) !important; }
html body.s2:not(#no-override) .ssc .ssc-img { margin-block: var(--qz-gap) !important; }
html body.s2:not(#no-override) .ssc .ssc-next { margin-top: var(--qz-gap) !important; padding-top: var(--qz-pad-m) !important; border-top: 1px solid var(--qz-line) !important; }
html body.s2:not(#no-override) .ssc .ssc-foot { margin-top: var(--qz-gap) !important; }

/* --- טלפון --- */
@media (max-width: 767px) {
  html body.s2:not(#no-override) .ss-qbank .qa-bar { padding: 12px var(--qz-pad-m) !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-t, html body.s2:not(#no-override) .ss-qbank .qa-bar h1 { font-size: var(--qz-text-lg) !important; }
  html body.s2:not(#no-override) .ss-qbank .q-answer-box, html body.s2:not(#no-override) .ssc .ssc-card { padding: var(--qz-pad-m) !important; }
  html body.s2:not(#no-override) .ss-qbank .q-answer-box h4, html body.s2:not(#no-override) .ss-qbank .q-answer-box h4 a, html body.s2:not(#no-override) .ssc .ssc-q { font-size: var(--qz-text-md) !important; }
  /* הקודמת / הבאה מעל הפס הקבוע - לא מכוסים */
  html body.s2:not(#no-override) .ss-qbank .qa-nav { margin-block-end: calc(var(--qz-btn-h) + 24px) !important; }
  html body.s2:not(#no-override) .banner-top { height: 96px !important; }
}

/* --- תיקונים אחרי צילום (5.11) --- */
/* "מבחן בפורמט האמיתי" ו"תרגול במבנה מבחן" - הטקסט וה-i היו לבנים (עוצבו לרקע כתום/כחול מלא) */
html body.s2:not(#no-override) .ss-qbank a.qa-real b, html body.s2:not(#no-override) .ss-qbank a.qa-real span:not(.s2-qi) { color: var(--qz-navy) !important; }
html body.s2:not(#no-override) .ss-qbank a.qa-real span span { color: var(--qz-muted) !important; }
html body.s2:not(#no-override) .ss-qbank :is(a.qa-real, a.uqa-btn.qa-exam, a.qa-m.qa-ex) .s2-qi { background: var(--qz-soft) !important; color: var(--qz-blue) !important; border: 1px solid var(--qz-line-strong) !important; }
html body.s2:not(#no-override) .ss-qbank :is(a.uqa-btn.qa-exam, a.qa-m.qa-ex) span:not(.s2-qi) { color: var(--qz-blue) !important; }
/* תאי העמוד הנוכחי ברשת (cur) - רק מודגשים בכחול כהה, לא עשרה תאים כחולים */
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.cur, html body.s2:not(#no-override) .ss-qbank .uqa-grid a.cur.new { border: 1px solid var(--qz-line-strong) !important; background: var(--qz-card) !important; color: var(--qz-navy) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.cur.ok { background: var(--qz-ok-bg) !important; border-color: var(--qz-ok-line) !important; color: var(--qz-ok-text) !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.cur.bad { background: var(--qz-bad-bg) !important; border-color: var(--qz-bad-line) !important; color: var(--qz-bad-text) !important; }
/* כפתור העזרה "?" בפס העליון (טלפון) - עיגול משני */
html body.s2:not(#no-override) .ss-qbank .qa-help { background: var(--qz-soft) !important; color: var(--qz-blue) !important; border: 1.5px solid var(--qz-blue) !important; }

/* --- תיקונים מהביקורת העצמאית (5.11) --- */
/* מצב התרגול בפס העליון ("כל השאלות") - היה לבן על לבן */
html body.s2:not(#no-override) .ss-qbank #qaTop .qa-mode, html body.s2:not(#no-override) .ss-qbank #qaTop .qa-mode small span, html body.s2:not(#no-override) .ss-qbank #qaMode { color: var(--qz-navy) !important; }
html body.s2:not(#no-override) .ss-qbank #qaMode { font-weight: var(--qz-w-bold); }
/* כותרת המאגר בכחול כהה (כמו כותרת כרטיס במפרט); בטלפון - קטנה יותר והשורה שמתחת בשורה אחת */
html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-t, html body.s2:not(#no-override) .ss-qbank .qa-bar h1 { color: var(--qz-navy) !important; }
/* "הקודמת" כשאין לאן לחזור - נראה כבוי */
html body.s2:not(#no-override) .ss-qbank .qa-nav .pv:disabled, html body.s2:not(#no-override) .ssc .ssc-btn:disabled { opacity: .45 !important; cursor: default; }
/* ההסבר - כרטיס אחד ולא תיבה בתוך תיבה */
html body.s2:not(#no-override) .ss-qbank .hintsinfo { background: transparent !important; border: 0 !important; padding: 0 !important; }
html body.s2:not(#no-override) .ss-qbank .qb-exp { background: var(--qz-page) !important; border: 1px solid var(--qz-line) !important; border-radius: var(--qz-r-a) !important; }
/* שמירה ואיפוס - יעד לחיצה 44, טקסט קריא */
html body.s2:not(#no-override) .ss-qbank .qb-save { min-height: 44px !important; padding: 0 16px !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-reset { color: var(--qz-muted) !important; font-size: var(--qz-small) !important; min-height: 44px; background: transparent !important; border: 0 !important; }
/* "שליחת קוד" - כפתור משני (לא סוג שלישי בכחול כהה מלא) */
html body.s2:not(#no-override) .ss-qbank .uqa-gf button, html body.s2:not(#no-override) .ss-qbank .uqa-gf [type="submit"] {
  background: var(--qz-soft) !important; border: 1.5px solid var(--qz-blue) !important; color: var(--qz-blue) !important; border-radius: var(--qz-r-btn) !important; min-height: 44px; box-shadow: none !important; font-weight: var(--qz-w-bold);
}
html body.s2:not(#no-override) .ss-qbank .uqa-gf input { border: 1px solid var(--qz-input-line) !important; border-radius: var(--qz-r-btn) !important; min-height: 44px; }
/* "תרגול במבנה מבחן" - בשורה אחת, ותיבת הסימון נראית */
html body.s2:not(#no-override) .ss-qbank :is(a.uqa-btn.qa-exam, a.qa-m.qa-ex) span:not(.s2-qi) { white-space: nowrap; font-size: var(--qz-small) !important; }
/* תיבת הסימון: על הכפתור הלבן הטבעת הלבנה של s2.css לא נראית - טבעת כחולה, ולחוץ = כחול מלא עם וי לבן */
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw > b { background: var(--qz-card) !important; box-shadow: inset 0 0 0 2px var(--qz-blue) !important; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw.xon > b { background: var(--qz-blue) !important; box-shadow: none !important; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw.xon > b::after { color: var(--qz-white) !important; }
/* בין הטקסט לסמלים בצדדים - אוויר, והטקסט נשבר לשתי שורות אם צריך (לא נוגע ב-i) */
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw { column-gap: var(--qz-cell-gap) !important; grid-template-columns: 24px minmax(0, 1fr) 24px !important; padding-inline: 6px !important; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw > span:not(.s2-qi) { white-space: normal !important; }
/* לוח הצד במחשב - באורך מלא */
@media (min-width: 992px) {
  /* הבעלים 6.11: בלי גלילה פנימית - הרשימה המלאה באורך העמוד */
  html body.s2:not(#no-override) .ss-qbank .uqa { position: static; max-height: none; overflow: visible; }
}
/* שאלת חובה ברשת - נקודה כחולה כהה רכה (כתום שמור לפעולה, אדום לטעות) */
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.mu::before { background: var(--qz-navy) !important; opacity: .5; width: 6px !important; height: 6px !important; }
/* מבחן התרגול בטלפון - "שאלה קודמת" לא נוגעת במסגרת */
@media (max-width: 767px) {
  html body.s2:not(#no-override) .ssc .ssc-btn { padding: 0 14px !important; }
  html body.s2:not(#no-override) .ss-qbank .uqa-grid a { height: 40px !important; }
  html body.s2:not(#no-override) .ss-qbank .uqa-grid { gap: 8px !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-t, html body.s2:not(#no-override) .ss-qbank .qa-bar h1 { font-size: var(--qz-text-md) !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
}

/* סוף המבחן: "מבחן על הטעויות" (ראשי) ו"מבחן חדש" (משני) בשורה אחת בסוף השורה - הראשי הכי שמאלי */
html body.s2:not(#no-override) .ssc .ssc-endact { display: flex !important; flex-direction: row-reverse; justify-content: flex-start !important; flex-wrap: wrap; gap: 12px; }
/* "התחלת מבחן חדש" מתחת לכרטיס השאלה - פעולה שקטה: קישור ולא כפתור בודד */
html body.s2:not(#no-override) .ssc .ssc-foot #cRestart { background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 44px !important; padding: 0 8px !important; color: var(--qz-blue) !important; font-size: var(--qz-small) !important; font-weight: var(--qz-w-bold) !important; text-decoration: underline !important; text-underline-offset: 3px; }
/* "לתרגול במסך האמיתי" במסך הפתיחה - משני, כדי שיהיה ראשי אחד ("התחלת המבחן") */
html body.s2:not(#no-override) .ssc #motBtn { background: var(--qz-soft) !important; border: 1.5px solid var(--qz-blue) !important; color: var(--qz-blue) !important; box-shadow: none !important; }

/* ===== הערות הבעלים 6.11.2026 ===== */
/* 1. אחרי מענה - הצבע קבוע, בלי שום אפקט ריחוף */
html body.s2:not(#no-override) .ss-qbank .q-answer-box.qb-done ul.q-answer-options li { cursor: default !important; transform: none !important; }
html body.s2:not(#no-override) .ss-qbank .q-answer-box.qb-done ul.q-answer-options li:not(.qb-ok):not(.qb-bad):hover { background: var(--qz-card) !important; border-color: var(--qz-line) !important; }
html body.s2:not(#no-override) .ssc .ssc-a:is(.ok, .bad):hover { border-color: inherit; }
html body.s2:not(#no-override) .ssc .ssc-a.ok:hover { border-color: var(--qz-ok-line) !important; }
html body.s2:not(#no-override) .ssc .ssc-a.bad:hover { border-color: var(--qz-bad-line) !important; }
/* 2. העיגול של א/ב/ג/ד אחרי מענה - בלי טבעת והצללה */
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li p strong, html body.s2:not(#no-override) .ssc .ssc-a b { border: 0 !important; box-shadow: none !important; }
/* 3. אוויר בין שורת הניווט לבאנר העליון */
html body.s2:not(#no-override) .ss-qbank #breadcrumbs { padding-block: var(--qz-gap) var(--qz-pad-m) !important; }
/* 5. הפס העליון ("מאגר שאלות ...") וכרטיס "עניתם על" - גוון רך מהפלטה, מובדל מכרטיס השאלה הלבן */
html body.s2:not(#no-override) .ss-qbank .qa-bar { background: var(--qz-soft-hover) !important; border-color: var(--qz-line-strong) !important; box-shadow: none !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-head { background: var(--qz-soft-hover) !important; border-bottom: 1px solid var(--qz-line-strong) !important; border-radius: var(--qz-r) var(--qz-r) 0 0; }
html body.s2:not(#no-override) .ss-qbank .uqa-prog, html body.s2:not(#no-override) .ss-qbank .qa-all { background: var(--qz-card) !important; }
/* 6. "אפשר לעבור גם בחיצים במקלדת" - בשורה משלו מתחת לכפתורים, בצד שלהם */
html body.s2:not(#no-override) .ss-qbank .qa-nav { flex-wrap: wrap !important; }
html body.s2:not(#no-override) .ss-qbank .qa-nav > span { order: 3; flex: 0 0 100%; text-align: left; margin: 0 !important; }
html body.s2:not(#no-override) .ss-qbank .qa-nav .pv { order: 1; margin-inline-start: auto !important; }
html body.s2:not(#no-override) .ss-qbank .qa-nav .nx { order: 2; }
html body.s2:not(#no-override) .ssc .ssc-next { flex-wrap: wrap !important; }
html body.s2:not(#no-override) .ssc .ssc-next .hint { order: 2; flex: 0 0 100%; text-align: left; }
/* 7. בלי רווח גדול בין סוף המבחן לפס הקהילה */
html body.s2:not(#no-override) .ss-qbank { padding-block-end: var(--qz-gap) !important; }
/* (הבעלים, הודעה שנייה 6.11: "רווח משמעותי") - רווח של מקטע בין הכפתורים לפס הקהילה, והפס נמוך יותר */
html body.s2:not(#no-override) .ss-qbank .comm-ticker { margin-top: var(--qz-section) !important; }
html body.s2:not(#no-override) .ss-qbank .comm-ticker__band { padding-block: 26px 8px !important; }
@media (max-width: 767px) {
  html body.s2:not(#no-override) .ss-qbank .qa-nav { margin-block-end: 0 !important; }
}

/* ===== הערות הבעלים 6.11.2026 - חבילה שנייה ===== */
/* 1. ה-i ואייקון המחשב - נשארים (הבעלים: "למצוא פתרון, אבל לא להוריד"), כל אחד בעמודה משלו, כך ששום טקסט לא עולה עליהם.
   "מבחן בפורמט האמיתי": [מחשב] [טקסט] [i]; ה-i פותח את ההסבר שמתחת כמו קודם */
html body.s2:not(#no-override) .ss-qbank :is(.uqa-body, .qa-sheet-in) > a.qa-real.qa-real.qa-real.qa-real { display: grid !important; grid-template-columns: 24px minmax(0, 1fr) 26px !important; column-gap: 10px !important; align-items: center; padding: 8px 12px !important; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-body, .qa-sheet-in) > a.qa-real.qa-real.qa-real.qa-real > .ic { display: grid !important; place-items: center; grid-column: 1 !important; grid-row: 1; width: 24px; height: 24px; margin: 0 !important; position: static !important; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-body, .qa-sheet-in) > a.qa-real.qa-real.qa-real.qa-real > .ic svg { width: 22px; height: 22px; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-body, .qa-sheet-in) > a.qa-real.qa-real.qa-real.qa-real > span:not(.ic):not(.s2-qi) { grid-column: 2 !important; grid-row: 1; text-align: center !important; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-body, .qa-sheet-in) > a.qa-real.qa-real.qa-real.qa-real > .s2-qi { grid-column: 3 !important; grid-row: 1; }
html body.s2:not(#no-override) .ss-qbank :is(a.qa-xsw, a.qa-real) > .s2-qi.s2-qi {
  display: inline-grid !important; place-items: center; width: 26px !important; height: 26px !important; margin: 0 !important; position: static !important;
  border-radius: var(--qz-round) !important; background: var(--qz-card) !important; color: var(--qz-blue) !important; border: 1px solid var(--qz-line-strong) !important; cursor: pointer;
}
html body.s2:not(#no-override) .ss-qbank :is(a.qa-xsw, a.qa-real) > .s2-qi.s2-qi:hover, html body.s2:not(#no-override) .ss-qbank :is(a.qa-xsw, a.qa-real) > .s2-qi.s2-qi[aria-expanded="true"] { background: var(--qz-blue) !important; color: var(--qz-white) !important; border-color: var(--qz-blue) !important; }
/* 2. "תרגול חופשי | במבנה מבחן" - בורר של שני חצאים במקום עיגול ריק. החצי הפעיל לבן עם טקסט כחול; לחיצה על החצי הפעיל לא משנה כלום (parts/_quiz-look.php) */
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw {
  display: grid !important; grid-template-columns: 26px 1fr 1fr !important; align-items: center; gap: 4px !important; padding: 4px 4px 4px 4px !important; padding-inline-start: 8px !important; min-height: var(--qz-btn-h) !important;
  background: var(--qz-soft) !important; border: 1px solid var(--qz-line-strong) !important; border-radius: var(--qz-r-btn) !important; box-shadow: none !important; position: relative; --qz-seg: 1;
}
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw > b { display: none !important; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw > span:not(.s2-qi) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap !important; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw::before, html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw::after {
  display: grid; place-items: center; min-height: 42px; padding: 0 6px; border-radius: var(--qz-r-seg); color: var(--qz-muted); font-size: var(--qz-small); font-weight: var(--qz-w-bold); line-height: 1.2; text-align: center;
  transition: background-color var(--qz-fast), color var(--qz-fast);
}
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw::before { content: "תרגול חופשי"; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw::after { content: "במבנה מבחן"; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw:not(.xon)::before,
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw.xon::after { background: var(--qz-card); color: var(--qz-blue); box-shadow: 0 0 0 1px var(--qz-line-strong); }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw.xon { background: var(--qz-soft) !important; border-color: var(--qz-blue) !important; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw > .s2-qi { grid-column: 1 !important; grid-row: 1; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw::before { grid-column: 2; grid-row: 1; }
html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw::after { grid-column: 3; grid-row: 1; }
/* במחשב לוח הצד צר - טקסט הבורר קטן יותר, כל חצי בשורה אחת */
@media (min-width: 992px) {
  html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw::before, html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw::after { font-size: var(--qz-tiny); padding: 0 3px; }
  html body.s2:not(#no-override) .ss-qbank :is(.uqa-btns, .qa-modes) a.qa-xsw.qa-xsw.qa-xsw.qa-xsw { gap: 3px !important; }
}

/* ===== קונספט ב (בחירת הבעלים 6.11.2026): מספר השאלה ואותיות התשובות - טקסט מודגש עם נקודה, בלי עיגולים. במאגר ובכל מסכי המבחן ===== */
/* מספר השאלה - "83." מודגש בתחילת השורה הראשונה של השאלה */
html body.s2:not(#no-override) .ss-qbank .q-answer-box h4 .qb-n, html body.s2:not(#no-override) .ssc .ssc-qn {
  display: inline !important; min-width: 0 !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; margin-inline-end: 6px !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--qz-blue) !important; font-size: inherit !important; font-weight: var(--qz-w-bold) !important; line-height: inherit !important;
}
html body.s2:not(#no-override) .ss-qbank .q-answer-box h4 .qb-n::after, html body.s2:not(#no-override) .ssc .ssc-qn::after { content: "."; }
/* השאלה ממלאת את כל רוחב הכרטיס (בלי איזון שורות שמקצר אותן) */
html body.s2:not(#no-override) .ss-qbank .q-answer-box h4, html body.s2:not(#no-override) .ss-qbank .q-answer-box h4 a, html body.s2:not(#no-override) .ssc .ssc-q { text-wrap: wrap !important; max-width: none !important; width: auto !important; }
/* האותיות - "א." מודגשת, בגובה השורה הראשונה של התשובה */
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li p, html body.s2:not(#no-override) .ssc .ssc-a { align-items: flex-start !important; }
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li p strong, html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li.qb-ok p strong, html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li.qb-bad p strong, html body.s2:not(#no-override) .ssc .ssc-a b {
  display: inline-block !important; flex: 0 0 auto !important; width: auto !important; min-width: 1.4em !important; height: auto !important; padding: 0 !important; margin: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--qz-blue) !important; font-size: var(--qz-a) !important; font-weight: var(--qz-w-bold) !important; line-height: 1.5 !important; text-align: right;
}
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li p strong::after, html body.s2:not(#no-override) .ssc .ssc-a b::after { content: "."; }
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li.qb-ok p strong, html body.s2:not(#no-override) .ssc .ssc-a.ok b { color: var(--qz-ok-text) !important; }
html body.s2:not(#no-override) .ss-qbank ul.q-answer-options li.qb-bad p strong, html body.s2:not(#no-override) .ssc .ssc-a.bad b { color: var(--qz-bad-text) !important; }
html body.s2:not(#no-override) .ssc .ssc-a span { line-height: 1.5 !important; }
/* שאלת חובה בלוח השאלות - נקודה אדומה ברורה, באותו אדום ובאותו גודל כמו במקרא; עם שוליים לבנים */
html body.s2:not(#no-override) .ss-qbank .uqa-grid a { position: relative; }
html body.s2:not(#no-override) .ss-qbank .uqa-grid a.mu::before {
  content: "" !important; position: absolute !important; top: -5px !important; right: -5px !important; width: 13px !important; height: 13px !important; box-sizing: border-box;
  border-radius: var(--qz-round) !important; background: var(--qz-must-dot) !important; border: 2px solid var(--qz-card) !important; opacity: 1 !important;
}
html body.s2:not(#no-override) .ss-qbank .uqa-legend .mu::before { background: var(--qz-must-dot) !important; width: 10px !important; height: 10px !important; border-radius: var(--qz-round) !important; border: 0 !important; }
/* "מבחן בפורמט האמיתי" - הטקסט נשבר לשורה שנייה במקום להיצמד לאייקון המחשב או ל-i */
html body.s2:not(#no-override) .ss-qbank :is(.uqa-body, .qa-sheet-in) > a.qa-real.qa-real.qa-real.qa-real > span:not(.ic):not(.s2-qi), html body.s2:not(#no-override) .ss-qbank :is(.uqa-body, .qa-sheet-in) > a.qa-real.qa-real.qa-real.qa-real > span:not(.ic):not(.s2-qi) b { white-space: normal !important; min-width: 0; overflow-wrap: anywhere; }

/* ===== תיקון דחוף 6.11.2026 בלילה ===== */
/* הפס הריק מתחת ל"עניתם על": גוף הלוח היה כרטיס שני (מסגרת ופינות משלו) 10px מתחת לראש - עכשיו חלק מאותו כרטיס */
html body.s2:not(#no-override) .ss-qbank .uqa-head { margin: 0 !important; }
html body.s2:not(#no-override) .ss-qbank .uqa-body { border: 0 !important; border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; }
html body.s2:not(#no-override) .ss-qbank .uqa { overflow: hidden; }
/* אייקון המחשב - בצבע מלא (היה כמעט שקוף) */
html body.s2:not(#no-override) .ss-qbank a.qa-real > .ic, html body.s2:not(#no-override) .ss-qbank a.qa-real > .ic svg { opacity: 1 !important; color: var(--qz-blue) !important; }
html body.s2:not(#no-override) .ss-qbank a.qa-real > .ic svg { stroke: var(--qz-blue) !important; }
/* טלפון: שם המאגר בשורה אחת (קטן יותר), והשורה שמתחת נשברת במקום להיחתך */
@media (max-width: 767px) {
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-t, html body.s2:not(#no-override) .ss-qbank .qa-bar h1 { font-size: var(--qz-small) !important; white-space: normal !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-t .ss-nobr { white-space: normal !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar { display: flex !important; align-items: center; gap: 8px; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-mode { flex: 1 1 auto !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar :is(.qa-help, .qa-menu) { flex: 0 0 auto !important; position: static !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar small { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-mode { min-width: 0; }
}
/* טלפון (6.11 בלילה): הראש בשלוש שורות קבועות - [שם המאגר | ? | תפריט], ואז המיקום בשורה מלאה, ואז פס ההתקדמות בתוך הכרטיס (לא פס לבן מתחתיו) */
@media (max-width: 767px) {
  html body.s2:not(#no-override) .ss-qbank .qa-bar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto !important; align-items: center; gap: 6px 8px !important; padding: 10px 12px !important; position: relative; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-mode { display: contents !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-t, html body.s2:not(#no-override) .ss-qbank .qa-bar h1 { grid-column: 1; grid-row: 1; margin: 0 !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-help { grid-column: 2; grid-row: 1; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-menu { grid-column: 3; grid-row: 1; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar small { grid-column: 1 / -1; grid-row: 2; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block; }
  html body.s2:not(#no-override) .ss-qbank .qa-bar .qa-all { grid-column: 1 / -1; grid-row: 3; position: static !important; width: 100% !important; height: 4px !important; margin: 2px 0 0 !important; background: var(--qz-card) !important; border-radius: var(--qz-pill) !important; }
  html body.s2:not(#no-override) .ss-qbank .qa-top { margin-block-end: var(--qz-pad-m) !important; }
}
/* הצ'יפ הצף של התצוגה המקדימה ("האתר החדש") ישב על "שאלה הבאה" בטלפון - לא בעמודי המאגר והמבחן */
@media (max-width: 767px) { html body.s2:has(.ss-qbank, .ssc) .ss-pv { display: none !important; } }