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

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 26px 18px 80px;
  background: var(--c-void, #0B0C0E);
  color: var(--ink-2, rgba(255, 255, 255, .82));
  font: 400 15px/1.75 Heebo, system-ui, sans-serif;
  -webkit-text-size-adjust: 100%;
}

.wrap { max-width: 760px; margin: 0 auto; }

/* ------------------------------------------------------------------ כותרת */

.head { text-align: center; margin-bottom: 30px; }

.head h1 {
  margin: 0 0 8px;
  font: 900 26px/1.2 Rubik, sans-serif;
  letter-spacing: .04em;
  background: linear-gradient(135deg, #00E5FF, #00E676);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.head p { margin: 0; font-size: 13px; color: var(--ink-3, rgba(255, 255, 255, .55)); }

/* ---------------------------------------------------------- תיבת התמצית */

.box {
  background: rgba(255, 199, 0, .09);
  border: 1px solid rgba(255, 199, 0, .3);
  border-radius: 14px;
  padding: 16px 18px;
  margin-bottom: 28px;
}

.box b { color: var(--gold, #FFC700); }
.box ul { margin: 10px 0 0; padding-inline-start: 20px; }
.box li { margin-bottom: 6px; }

/* ------------------------------------------------------------------ גוף */

h2 {
  margin: 30px 0 12px;
  font: 700 18px/1.35 Rubik, sans-serif;
  color: var(--ink-1, #fff);
  display: flex;
  align-items: baseline;
  gap: 10px;
}

h2 span {
  font-size: 13px;
  font-weight: 700;
  color: var(--c-cyan, #00E5FF);
  min-width: 24px;
}

/* כותרת משנה בתוך סעיף — למשל חלוקת סוגי המידע במדיניות הפרטיות */
h3 {
  margin: 20px 0 8px;
  font: 700 15px/1.4 Heebo, sans-serif;
  color: var(--ink-1, #fff);
}

p { margin: 0 0 12px; }

ul { margin: 0 0 12px; padding-inline-start: 22px; }
li { margin-bottom: 9px; }

strong { color: var(--ink-1, #fff); font-weight: 700; }

a {
  color: var(--c-cyan, #00E5FF);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 255, .3);
}
a:hover { border-bottom-color: rgba(0, 229, 255, .8); }

/* ------------------------------------------------------------------ תחתית */

.foot {
  margin-top: 44px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .08);
  font-size: 13px;
  color: var(--ink-3, rgba(255, 255, 255, .55));
  text-align: center;
}

a.back {
  display: inline-block;
  margin: 14px 8px 0;
  padding: 9px 18px;
  border: 1px solid rgba(0, 229, 255, .35);
  border-radius: 10px;
  color: var(--c-cyan, #00E5FF);
  font-weight: 700;
}
a.back:hover { background: rgba(0, 229, 255, .08); }

/* מסך צר — הכותרות והמספור נדחסים אחרת */
@media (max-width: 480px) {
  body { padding: 20px 14px 60px; }
  .head h1 { font-size: 22px; }
  h2 { font-size: 16.5px; }
}