/* עיצוב משותף לכל המסמכים המשפטיים של שחק ולמד.
   קובץ אחד — כך שתיקון עיצוב לא צריך לעבור על חמישה עמודים.

   🔴 המקור הוא 00-מוח-העסק/מסמכים-משפטיים/policy.css
   אין לערוך את העותקים שבתוך האתרים — הם נדרסים בכל פריסה. */
:root{
  --blue:#03628a; --teal:#09ac9f; --yellow:#f5b216; --red:#e53d24;
  --ink:#0e2029; --ink-2:#46606c; --ink-3:#7b939e;
  --line:#dbe6ea; --soft:#f4f8fa;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:"Heebo",-apple-system,"Segoe UI",Arial,sans-serif;
  direction:rtl;background:#fff;color:var(--ink);line-height:1.75;font-size:16px;
  -webkit-font-smoothing:antialiased;
}

/* טקסט לקוראי מסך בלבד — לא clip:rect(0,0,0,0) ולא display:none,
   ששניהם מוציאים את הטקסט מעץ הנגישות בחלק מהקוראים. */
.sr-only{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}

/* דילוג לתוכן — נדרש לניווט מקלדת, ומופיע רק בעת מיקוד */
.skip{
  position:absolute;right:-9999px;top:0;z-index:99;
  background:#fff;color:var(--blue);font-weight:800;
  padding:10px 16px;border-radius:0 0 10px 0;
}
.skip:focus{right:0}

.top{
  background:var(--blue);color:#fff;
  padding:calc(20px + env(safe-area-inset-top)) 20px 22px;
}
.top .in{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:13px}
.top img{
  width:46px;height:46px;border-radius:13px;background:#fff;padding:5px;
  object-fit:contain;flex:none;
}
.top b{display:block;font-size:17px;font-weight:800;line-height:1.25}
.top small{font-size:12.5px;opacity:.85}

.wrap{max-width:760px;margin:0 auto;padding:30px 20px 70px}
a.back{
  display:inline-block;margin-bottom:18px;color:var(--teal);
  font-weight:700;font-size:14px;text-decoration:none;
}
a.back:hover{text-decoration:underline}

h1{font-size:27px;font-weight:900;color:var(--blue);margin:0 0 6px;line-height:1.25}
.meta{font-size:13px;color:var(--ink-3);margin:0 0 8px}
.who{
  font-size:13.5px;color:var(--ink-2);background:var(--soft);
  border:1px solid var(--line);border-radius:11px;padding:12px 15px;margin:0 0 28px;
}
.who a{color:var(--blue)}

h2{
  font-size:18.5px;font-weight:800;color:var(--blue);
  margin:34px 0 9px;line-height:1.3;
}
h3{font-size:15.5px;font-weight:800;color:var(--ink);margin:20px 0 6px}
p,li{font-size:15.5px;color:#283b45;margin:0 0 11px}
ul,ol{padding-right:22px;margin:0 0 14px}
li{margin-bottom:7px}
b,strong{font-weight:700;color:var(--ink)}
a{color:var(--blue)}

/* מיקוד נראה לעין בכל רכיב אינטראקטיבי — ברירת המחדל של הדפדפן
   נבלעת על רקע כהה, ולכן נקבעת כאן במפורש. */
a:focus-visible,button:focus-visible{
  outline:3px solid var(--yellow);outline-offset:2px;border-radius:3px;
}

.box{
  background:var(--soft);border-right:4px solid var(--teal);
  border-radius:0 12px 12px 0;padding:14px 18px;margin:18px 0;
}
.box.warn{border-right-color:var(--yellow);background:#fdf6e6}
.box.alert{border-right-color:var(--red);background:#fdeeeb}
.box p:last-child{margin-bottom:0}

/* כפתור פעולה — לקישור הביטול בעמוד ההחזרים */
.cta{
  display:inline-block;background:var(--teal);color:#fff!important;
  font-weight:800;font-size:15.5px;text-decoration:none;
  padding:12px 22px;border-radius:12px;margin:6px 0 4px;
}
.cta:hover{background:#078c82}

/* 🔴 טבלה בתוך עוטף גולל, ולא display:block על הטבלה עצמה.
   display:block על <table> לא באמת מכיל את שורות הטבלה — הן ממשיכות
   לדחוף את רוחב המסמך, וכל העמוד נחתך בטלפון. נבדק ב-390px. */
.tw{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  margin:14px 0 20px;max-width:100%;
}
.tw table{
  width:100%;border-collapse:collapse;
  font-size:14.5px;margin:0;
}
th,td{
  border:1px solid var(--line);padding:9px 10px;text-align:right;vertical-align:top;
  overflow-wrap:anywhere;   /* מילים ארוכות לא ידחפו את הטבלה מעבר לרוחב */
}
th{background:var(--soft);font-weight:800;color:var(--blue)}

/* מספר טלפון וכתובת מייל לא נשברים באמצע — שבירה כזו
   בטקסט דו-כיווני יוצרת מספר שנראה הפוך. */
a[href^="tel:"],a[href^="mailto:"]{white-space:nowrap}

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

   🔴 לא display:inline-block. inline-block הופך את הספאן לקופסה
   אטומית, וכשהשורה נשברת לידו הסוגריים שמסביבו מתהפכים ומתפצלים
   לשתי שורות. נבדק ב-390px ב-12.9.2026 — הבאג נראה בעין.
   סוגריים סביב כתובת נכתבים *בתוך* הספאן, לא סביבו. */
.ltr{direction:ltr;unicode-bidi:isolate}

footer{
  border-top:1px solid var(--line);margin-top:44px;padding-top:20px;
  text-align:center;color:var(--ink-3);font-size:13px;
}
footer a{color:var(--ink-3);font-weight:600;text-decoration:none;margin:0 7px}
footer a:hover{color:var(--blue);text-decoration:underline}
footer nav{margin-top:8px;line-height:2.1}

@media print{
  .top{background:none;color:#000;padding:0 0 12px}
  a.back,.skip{display:none}
  body{font-size:12pt}
}