/* סימולטור המבחן, עיצוב "חוברת" (12.10.2026). כל הכללים תחת .ssc כדי לא להתנגש בעיצוב האתר שנטען במסגרת */
/* בלי פס גלילה פנימי: גובה המסגרת נקבע לפי התוכן */
html,body{background:transparent!important;float:none!important;width:auto!important;overflow:hidden!important}
.ssc,.ssc *{box-sizing:border-box}
.ssc{direction:rtl;text-align:right;font-family:"Open Sans Hebrew","Open Sans",Arial,sans-serif;color:#1d2433;font-size:16px;line-height:1.5;max-width:1100px;margin:0 auto;padding:4px 2px 20px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:start}
.ssc [hidden]{display:none!important}
/* לוח הצד */
.ssc-side{display:flex;flex-direction:column;gap:14px}
.ssc-p{background:#fff;border-radius:16px;border:1px solid #e3e9f2;padding:16px}
.ssc-head h1{margin:0 0 2px;font-size:30px;line-height:1.3;font-weight:600;color:#16234d}
.ssc p.ssc-sub,.ssc .ssc-head h1{text-align:right}
.ssc-inc .ssc-head h1{display:none}
.ssc-sub{margin:0;font-size:13.5px;color:#5e6b80}
.ssc-live{display:flex;flex-direction:column;gap:12px;margin:14px 0 0}
.ssc-clock{display:flex;align-items:baseline;justify-content:space-between}
.ssc-clock small{font-size:13px;color:#5e6b80}.ssc-clock .t{font-size:30px;font-weight:800;color:#C24715;font-variant-numeric:tabular-nums;line-height:1.1}
.ssc-sc{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
.ssc-sc div{background:#F4F7FC;border-radius:10px;padding:8px 4px;font-size:12.5px;color:#5e6b80}.ssc-sc b{display:block;font-size:19px;color:#16234d}
.ssc-sc .ok b{color:#1E7A4A}.ssc-sc .bad b{color:#B3271D}
.ssc-bar{height:6px;border-radius:3px;background:#EDF2F9;overflow:hidden;margin:10px 0 0}.ssc-bar i{display:block;height:100%;width:0;background:#16234d;transition:width .3s}
/* הפס העליון בכחול של האתר, כמו בגרסה עם הראש הכחול */
.ssc-p.ssc-head{background:#16234d;border-color:#16234d;color:#fff}
.ssc .ssc-head h1{color:#fff}.ssc .ssc-head .ssc-sub{color:#c9d3e6}
.ssc-head .ssc-clock small{color:#c9d3e6}.ssc-head .ssc-clock .t{color:#FF9E78}
.ssc-head .ssc-sc div{background:rgba(255,255,255,.09);color:#c9d3e6}.ssc-head .ssc-sc b{color:#fff}
/* מספר השאלה: קובייה לבנה ובולטת, ראשונה מימין */
.ssc-head .ssc-sc .qn{background:#fff;color:#5e6b80}.ssc-head .ssc-sc .qn b{color:#16234d}.ssc-sc .qn b{direction:ltr;unicode-bidi:isolate}.ssc-sc .qn small{font-size:.7em;font-weight:700;color:#5e6b80}
.ssc-head .ssc-sc .ok b{color:#7EE2A8}.ssc-head .ssc-sc .bad b{color:#FF9C8F}
.ssc-head .ssc-bar{background:rgba(255,255,255,.15)}.ssc-head .ssc-bar i{background:#F2612D}
.ssc-more{display:block}
.ssc-more summary{display:none}
.ssc-more .ssc-p+.ssc-p{margin-top:14px}
.ssc-facts ul{list-style:none;margin:0;padding:0}
.ssc-facts li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #eef1f6;font-size:14.5px}.ssc-facts li:last-child{border:0}
.ssc-facts li b{color:#16234d;white-space:nowrap;font-weight:800}.ssc-facts li.must,.ssc-facts li.must b{color:#C8372D}.ssc-facts small{font-size:12.5px}
.ssc-real h2,.ssc-real p{text-align:right}
.ssc-real h2{margin:0 0 4px;font-size:16px;font-weight:700;color:#16234d}.ssc-real p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#33415c}
/* כפתורים: הכחול של כפתורי האתר */
.ssc-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:8px;border:0;background:#20409A;color:#fff!important;font:700 15px/1 inherit;font-family:inherit;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.ssc-btn:hover{background:#17307a}
.ssc-btn.l{background:#fff;color:#20409A!important;border:1.5px solid #20409A}.ssc-btn.l:hover{background:#F4F7FC}
/* השאלה */
.ssc-card{background:#fff;border-radius:18px;box-shadow:0 12px 28px -20px rgba(20,40,90,.5);border:1px solid #e9eef5;padding:22px 24px}
.ssc-qhead{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;padding:0 0 10px;border-bottom:1px solid #eef1f6}
.ssc-qhead .n{font-size:15px;color:#5e6b80}.ssc-qhead .n b{font-size:22px;color:#16234d}.ssc-qhead .must{color:#C8372D;font-weight:700;font-size:14px}
/* נוסח השאלה כמו במאגר השאלות: 17.5, כהה, מודגש (12.10.2026) */
.ssc-q{text-align:right;margin:12px 0 14px;font-size:17.5px;line-height:1.55;font-weight:700;color:#1d2433}
/* "שאלת חובה": תגית פסטל כמו בפרטי המבחן, שלא תיראה ככפתור (12.10.2026) */
.ssc-mtag{display:inline-block;vertical-align:1px;margin-right:6px;font-size:13px;font-weight:600;color:#C8372D;background:#FDEDEB;border-radius:6px;padding:0 8px;line-height:1.7}
.ssc-btn[disabled]{opacity:.35;cursor:not-allowed}.ssc-btn[disabled]:hover{background:#20409A}
/* הדגמה nb=2: הכפתור בפס התחתון של העמוד, לא בכרטיס */
.ssc-nb2 .ssc-next,.ssc-nb2 .ssc-foot{display:none}
.ssc-nb2 .ssc-oral{margin-top:18px}
/* חלוניות התשובות כמו במאגר השאלות (הבעלים, 12.10.2026): רקע אפור-תכלת, נמוכות יותר */
.ssc-ans{display:flex;flex-direction:column;gap:8px}
.ssc-a{display:flex;gap:8px;align-items:flex-start;width:100%;text-align:right;padding:10px 12px;border:1.5px solid #dde3ec;border-radius:10px;background:#F4F7FC;font:16px/1.5 inherit;font-family:inherit;color:#1d2433;cursor:pointer;margin:0}
.ssc-a b{color:#20409A;flex:0 0 auto}.ssc-a span{flex:1}
.ssc-a:hover:not([disabled]){border-color:#20409A;background:#fff}
.ssc-a[disabled]{cursor:default}
.ssc-a.ok{background:#D7F0DF;border-color:#5DB884;font-weight:600}.ssc-a.ok b{color:#1E7A4A}
.ssc-a.bad{background:#FBDAD6;border-color:#E58C82}.ssc-a.bad b{color:#B3271D}
.ssc-a.dim{opacity:1}
/* תמונות המבחן בלי פינות מעוגלות (כלל האתר) */
.ssc-img{margin:14px 0 0;text-align:center}.ssc-img img{max-width:100%;max-height:300px;border-radius:0!important;display:inline-block}
.ssc-exp{margin:16px 0 0;background:#F4F7FC;border-radius:12px;overflow:hidden}
.ssc-exp .tx,.ssc-exp .tx p,.ssc-exp .ref{text-align:right}
/* ההסבר מהמאגר עטוף ב-<p> משלו; הריווח על המיכל בלבד, כדי שההסבר ושורת הפרק יתחילו באותו קו */
.ssc-exp .tx{padding:12px 14px;font-size:15px;line-height:1.65}.ssc-exp .tx p{margin:0 0 8px;padding:0}.ssc-exp .tx p:last-child{margin-bottom:0}
.ssc-exp a{color:#2b55c4;font-weight:700;text-decoration:underline!important;text-underline-offset:2px}
.ssc-exp .ref{padding:9px 14px;border-top:1px solid #dfe5ee;font-size:13.5px;color:#5e6b80}
.ssc-next{display:flex;justify-content:center;margin:18px 0 0}.ssc-next .ssc-btn{min-width:240px;height:52px;font-size:17px}
.ssc-foot{text-align:center;margin:20px 0 0}
.ssc-oral{margin:12px auto 0;max-width:560px;font-size:15px;line-height:1.6;color:#33415c;text-align:center}.ssc-oral a{color:#2b55c4}
/* מסך הסיום */
.ssc-result{background:#fff;border-radius:18px;border:1px solid #e9eef5;padding:26px 18px;text-align:center}
.ssc-pie{width:160px;height:160px;margin:0 auto 14px;position:relative}.ssc-pie svg{width:100%;height:100%;transform:rotate(-90deg)}
.ssc-pie span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#16234d;line-height:1.1}.ssc-pie small{font-size:13px;font-weight:600;color:#5e6b80}
.ssc-leg{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:14px;color:#33415c}
.ssc-leg li{display:inline-flex;align-items:center;gap:6px}.ssc-leg i{width:12px;height:12px;border-radius:3px;display:inline-block}.ssc-leg b{color:#16234d}
.ssc-result h2{margin:0 0 4px;font-size:28px;font-weight:700}.ssc-result h2.ok{color:#1E7A4A}.ssc-result h2.bad{color:#B3271D}
.ssc-result .why{margin:0 0 14px;color:#B3271D;font-weight:600;min-height:1px}
.ssc-res{list-style:none;margin:0 auto 12px;padding:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:460px}
.ssc-res li{flex:1 1 90px;background:#F4F7FC;border-radius:10px;padding:8px 4px}.ssc-res small{display:block;font-size:12.5px;color:#5e6b80}.ssc-res b{font-size:20px;color:#16234d}
.ssc-res li.must b{color:#B3271D}
.ssc-result .note{margin:0 0 16px;font-size:14px;color:#5e6b80}
.ssc-note[hidden]{display:none!important}
.ssc-note{position:fixed;inset:0;background:rgba(10,20,40,.5);display:flex;align-items:center;justify-content:center;padding:16px;z-index:30}
.ssc-note>div{background:#fff;border-radius:16px;padding:20px;max-width:380px;direction:rtl}.ssc-note b{font-size:19px;color:#16234d}.ssc-note p{line-height:1.6}
/* טלפון וחלון צר: הלוח עולה מעל השאלה */
/* מסגרת בינונית: כך הסימולטור מוצג בפועל, גם בעמוד הציבורי וגם באזור המנויים ליד תפריט הקורס בצד ימין.
   אין לוח צד: הלוח הופך לפס רחב מעל השאלה, והפרטים והמבחן האמיתי בשני כרטיסים זה לצד זה */
@media (min-width:761px) and (max-width:1000px){
  .ssc{grid-template-columns:1fr;gap:12px}
  .ssc-side{gap:12px}
  .ssc-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}
  /* הכותרת בגודל מלא בשורה משלה; מתחתיה תיאור המבחן מימין והשעון והקוביות משמאל */
  .ssc-head h1{grid-column:1/-1;margin-bottom:6px}.ssc-sub{grid-column:1;grid-row:2}
  .ssc-live{grid-column:2;grid-row:2;flex-direction:row;align-items:center;gap:14px;margin:0}
  /* הקוביות מימין והשעון משמאל, "זמן לסיום" ממורכז מעליו */
  .ssc-clock{flex-direction:column;align-items:center;order:2}.ssc-clock .t{font-size:26px}
  .ssc-sc{grid-template-columns:84px repeat(3,72px)}
  .ssc-bar{grid-column:1/-1;grid-row:3;margin-top:14px} /* תמיד מתחת לקוביות, גם כשאין כותרת */
  .ssc-more-in{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .ssc-more .ssc-p+.ssc-p{margin-top:0}
  /* כל נתון צמוד לכותרת שלו, בשורות זורמות: "משך המבחן 60 דקות" | "מספר שאלות 50" */
  .ssc-more .ssc-p{padding:12px 14px}
  .ssc-facts ul{display:flex;flex-wrap:wrap;gap:6px}
  .ssc-facts li{display:inline-flex;gap:5px;align-items:baseline;justify-content:flex-start;padding:4px 10px;border:0!important;background:#F4F7FC;border-radius:8px;font-size:14px}
  .ssc-facts li.must{background:#FDEDEB}
  .ssc-real h2{font-size:15.5px;margin:0 0 2px}.ssc-real p{margin:0 0 8px;font-size:13.5px}
  .ssc-real{display:flex;align-items:center;justify-content:space-between;gap:12px}.ssc-real p{margin:0}
  .ssc-real .ssc-btn{height:38px;font-size:14.5px;padding:0 16px;flex:0 0 auto}
}
@media (max-width:760px){
  .ssc{grid-template-columns:1fr;gap:10px;padding:0 10px 20px}
  .ssc-head h1{font-size:24px}
  .ssc-side{gap:10px}
  .ssc-p.ssc-head{padding:12px 14px}.ssc-head h1{font-size:24px}
  /* שעון וניקוד בשורה אחת, בלי פס הזמן, כדי לחסוך גובה */
  .ssc-live{flex-direction:row;align-items:center;gap:10px;margin:8px 0 0}
  /* השעון משמאל לקוביות, כמו במחשב */
  .ssc-clock{flex-direction:column;align-items:center;order:2}.ssc-clock .t{font-size:24px}
  .ssc-sc .lg{display:none}
  .ssc-sc{flex:1;min-width:0;gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}.ssc-sc div{padding:6px 1px;font-size:11.5px;min-width:0}.ssc-sc b{font-size:16px;white-space:nowrap}
  .ssc-bar{display:none}
  /* פרטי המבחן: שורה בתכלת שנראית לחיצה, מגיעה סגורה */
  .ssc-more{background:#fff;border:1px solid #c9d6ea;border-radius:14px}
  /* הדגמה d=2: שורת הפרטים בכחול כהה, כמו הכותרת */
  .ssc-d2 .ssc-more{background:#16234d;border-color:#16234d}.ssc-d2 .ssc-more summary{color:#fff}
  .ssc-d2 .ssc-more .ssc-tog{background:#fff;color:#16234d}
  .ssc-d2 .ssc-more .ssc-p{background:#fff}.ssc-d2 .ssc-more .ssc-real{border-top:0}
  .ssc-more summary{list-style:none;padding:11px 14px;font-weight:400;color:#16234d;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}
  .ssc-more summary::-webkit-details-marker{display:none}
  .ssc-tog{font-style:normal;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:#16234d;color:#fff;border-radius:999px;padding:4px 12px;font-size:13px}
  .ssc-tog .c{display:none}.ssc-more[open] .ssc-tog .o{display:none}.ssc-more[open] .ssc-tog .c{display:inline}
  .ssc-tog:after{content:"▾";font-size:20px;line-height:13px;transition:transform .2s}.ssc-more[open] .ssc-tog:after{transform:rotate(180deg)}
  .ssc-more .ssc-p{border:0;background:#F4F7FC;margin:0 10px 10px;padding:6px 12px;border-radius:10px}
  .ssc-more .ssc-p+.ssc-p{margin-top:0}
  .ssc-more .ssc-real{border-top:3px solid #16234d;padding:12px}
  .ssc-card{padding:14px 12px}.ssc-q{font-size:16.5px}.ssc-a{font-size:16px;padding:10px 12px}
  .ssc-next .ssc-btn{width:100%;min-width:0}
  .ssc-res li{flex-basis:60px}.ssc-res b{font-size:18px}
}
/* כפתור הנגישות כבר מופיע בעמוד עצמו; בתוך המסגרת הוא כפול */
#NagishLiTag,nagishli{display:none!important}
/* מבחן חכם (13.10.2026): בחירת סוג המבחן בחלונית הכחולה, ורשימת הטעויות במסך התוצאות */
.ssc-mode{display:flex;gap:6px;margin:12px 0 0;grid-column:1/-1}
.ssc-mode a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 8px;border-radius:8px;border:1.5px solid rgba(255,255,255,.25);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:14.5px;line-height:1.3;text-align:center}
.ssc-mode a small{font-weight:400;font-size:12px;color:#c9d3e6}
.ssc-mode a:hover{border-color:rgba(255,255,255,.6)}
.ssc-mode a.on{background:#fff;border-color:#fff;color:#16234d!important}.ssc-mode a.on small{color:#5e6b80}
.ssc-wrongs{margin:18px 0 6px;text-align:right}
.ssc-wrongs h3{margin:0 0 10px;font-size:17px;font-weight:700;color:#16234d;text-align:right}
.ssc-wrongs ol{margin:0 0 14px;padding:0 20px 0 0;max-height:none}
.ssc-wrongs li{margin:0 0 12px;padding:10px 12px;background:#F4F7FC;border-radius:10px;font-size:15px;line-height:1.55}
.ssc-wrongs li p{margin:0 0 6px;font-weight:700;color:#1d2433;text-align:right}
.ssc-wrongs li span{display:block;font-size:14px}.ssc-wrongs li .ok{color:#1E7A4A}.ssc-wrongs li .bad{color:#B3271D}
.ssc-wact{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 14px}
@media (min-width:761px) and (max-width:1000px){.ssc-mode{grid-row:4;max-width:420px}}
/* מבחן חכם: כפתור "i" עם הסבר קצר, ומד המוכנות בחלונית הכחולה (13.10.2026) */
.ssc-mode{position:relative;align-items:stretch}
.ssc-info{flex:0 0 26px;align-self:center;width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:none;color:#fff;font:italic 700 14px Georgia,serif;cursor:pointer;padding:0}
.ssc-info[aria-expanded=true]{background:#fff;color:#16234d}
.ssc-tip{grid-column:1/-1;margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#fff;color:#33415c;font-size:13.5px;line-height:1.6;text-align:right}
.ssc-tip b{color:#16234d}
.ssc-ready{grid-column:1/-1;margin:12px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.15)}
.ssc-ready .rd-h{display:flex;align-items:baseline;gap:8px;color:#c9d3e6;font-size:13.5px}
.ssc-ready .rd-h b{color:#fff;font-size:18px}
.ssc-ready .rd-h em{font-style:normal;font-size:12.5px;font-weight:700;background:#2E9E62;color:#fff;border-radius:999px;padding:1px 9px}
.ssc-ready .rd-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden;margin:6px 0}
.ssc-ready .rd-bar i{display:block;height:100%;background:#7EE2A8;border-radius:3px}
.ssc-ready p{margin:0;font-size:12.5px;line-height:1.5;color:#c9d3e6;text-align:right}
.ssc-ready p .ok{color:#7EE2A8;font-weight:700}.ssc-ready p .bad{color:#FF9C8F;font-weight:700}
@media (min-width:761px) and (max-width:1000px){.ssc-tip{grid-row:5}.ssc-ready{grid-row:6}}
/* המלצה על מאגר השאלות (13.10.2026): רצועה מתחת לפרטי המבחן, וכרטיס במסך התוצאות */
.ssc-banktip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#FFF4EE;border:1px solid #F7C9B3;color:#33415c!important;text-decoration:none!important;font-size:14px;line-height:1.5;text-align:right}
.ssc-banktip b{color:#16234d}.ssc-banktip em{font-style:normal;font-weight:700;color:#C24715;white-space:nowrap}
.ssc-banktip:hover{border-color:#F2612D}
.ssc-bankrec{margin:16px 0 14px;padding:14px;border-radius:12px;background:#FFF4EE;text-align:center}
.ssc-bankrec b{display:block;color:#16234d;font-size:16px;margin:0 0 4px}.ssc-bankrec p{margin:0 0 10px;font-size:14px;line-height:1.55;color:#33415c}
/* שורה אחת: הטקסט מתכווץ לפני שהוא יורד שורה */
.ssc-banktip{white-space:nowrap;padding:10px 14px}.ssc-banktip span{overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){.ssc-banktip{white-space:normal;font-size:13.5px}}
.ssc-tip p{margin:0 0 6px;text-align:right}.ssc-tip p:last-child{margin:0}
/* האתר מאפס את ההדגשה של <b>; כאן היא מוחזרת */
.ssc-tip b{font-weight:700!important;color:#16234d}
/* "i" על רקע לבן: ליד "תרגול פורמט מבחן אמיתי" (13.10.2026) */
.ssc-info.ssc-info-l{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-color:#20409A;color:#20409A;font-size:12.5px;vertical-align:2px;margin-right:4px}
.ssc-info.ssc-info-l[aria-expanded=true]{background:#20409A;color:#fff}
.ssc-tip.ssc-tip-l{background:#F4F7FC;margin:8px 0 0;font-size:13.5px}
.ssc-real .tx{flex:1;min-width:0}

/* המבחן בתוך עמוד המאגר (inb=1, 13.10.2026): בלי כרטיס המבחן בפורמט האמיתי ובלי הרצועה "למאגר השאלות" - שניהם כבר בעמוד */
.ssc-inb .ssc-real,.ssc-inb .ssc-banktip{display:none!important}
.ssc-inb .ssc-side{display:none!important}/* בתוך המאגר: השעון, המיקום והציון בפס הכחול של העמוד */
.ssc-inb{display:block!important}.ssc-inb .ssc-main{width:auto!important;max-width:none!important}
.ssc-note>div{padding:22px 20px 18px;width:100%;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);text-align:right}.ssc-note b{font-size:18px!important;line-height:1.35}.ssc-note p{font-size:15.5px;color:#33415c}.ssc-note .ssc-btn{width:100%;height:44px;margin-top:8px}/* כמו החלון האחיד (13.10.2026) */
.ssc-main{overflow-x:hidden}#cCard{will-change:transform;touch-action:pan-y}/* ההחלקה בין שאלות במבחן לא יוצרת גלילה הצידה */
