/* עיצוב דף המסמכים המשפטיים.
   הסגנונות הוצאו מ-<style> ומתכונות style= פנימיות כדי שה-CSP יוכל לאסור
   style-src inline לחלוטין (ללא 'unsafe-inline'). */
.legal-page { max-width: 720px; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 30px; }
/* לאיזו גרסה של האתר המסמכים חלים — הראשון שקוראים, ולכן מודגש מהכיתוב שמעליו */
.legal-scope {
  margin-top: 14px;
  padding: 12px 14px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--text);
}
.legal-title { font-size: 1.7rem; font-weight: 800; }
.legal-section { margin-bottom: 44px; }
.legal-section h2 {
  font-size: 1.4rem; font-weight: 800; color: var(--primary);
  border-bottom: 1px solid var(--border); padding-bottom: 10px; margin-bottom: 6px;
}
.legal-updated { color: var(--muted); font-size: 0.8rem; margin-bottom: 16px; }
.legal-section h3 { font-size: 1.05rem; font-weight: 700; margin: 22px 0 8px; }
/* מחרוזת ארוכה ללא רווח — כתובת אינטרנט או שם מפתח אחסון — דוחפת את הדף
   לרוחב במסך צר וגוררת גלילה אופקית (WCAG 1.4.10). break-word שובר אותה רק
   כשאין ברירה, ואינו נוגע בטקסט הרגיל. */
.legal-section p, .legal-section li {
  line-height: 1.75; font-size: 0.95rem; color: var(--text);
  overflow-wrap: break-word;
}
.legal-section ul { padding-right: 22px; margin: 8px 0; }
.legal-section li { margin-bottom: 6px; }
/* כאן דווקא anywhere: רוחבו של inline-block נמדד לפי המילה הארוכה ביותר,
   ו-break-word אינו משפיע על מדידה זו — כך שהתיבה עצמה הייתה נשארת רחבה מדי. */
.legal-section code {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 6px; padding: 1px 7px; font-size: 0.85em; direction: ltr; display: inline-block;
  overflow-wrap: anywhere;
}
.back-link {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--primary); text-decoration: none; font-weight: 700; margin-bottom: 8px;
}
.legal-page .site-footer a { color: var(--muted); }