/* ============================================================
   קוסטילאטאס · עיצוב דפי מסמכים משפטיים (פרטיות/תקנון/נגישות/עוגיות)
   rem-based - מאפשר הגדלת טקסט דרך תוסף הנגישות.
   ============================================================ */
:root{
  --cream:#F7F4EE; --paper:#FFFFFF; --ink:#0E2A47; --ink2:#2C4A68; --ink-soft:#62788E;
  --glacial:#5FB6DC; --deep:#15648F; --magenta:#E11A86; --line:rgba(14,42,71,.14);
  --serif:'Kostilatas Sans',system-ui,'Segoe UI',sans-serif; --sans:'Kostilatas Sans',system-ui,'Segoe UI',sans-serif;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ font-size:100%; }
body.page-legal{
  font-family:var(--sans); background:var(--cream); color:var(--ink);
  font-size:1.0625rem; line-height:1.75; -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:var(--deep); text-decoration:underline; text-underline-offset:3px; }
a:hover{ color:var(--magenta); }

/* ---------- header ---------- */
.lp-head{
  position:sticky; top:0; z-index:20; background:rgba(247,244,238,.9); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.lp-head .lp-bar{
  max-width:980px; margin-inline:auto; padding:14px clamp(18px,5vw,40px);
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.lp-head img{ height:34px; width:auto; }
.lp-back{ font-weight:700; font-size:.95rem; }
.lp-back::before{ content:'→ '; }

/* ---------- main reading column ---------- */
.lp-main{ max-width:820px; margin-inline:auto; padding:clamp(36px,6vw,72px) clamp(20px,5vw,40px) 90px; }
.lp-doc{ background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:clamp(26px,5vw,58px); box-shadow:0 24px 70px rgba(14,42,71,.07); }

.lp-doc h1{
  font-family:var(--serif); font-weight:700; font-size:clamp(2rem,5vw,2.9rem);
  line-height:1.15; color:var(--ink); margin-bottom:.5em;
}
.lp-doc h2{
  font-family:var(--serif); font-weight:700; font-size:clamp(1.3rem,3vw,1.7rem);
  color:var(--deep); margin:1.7em 0 .55em; padding-top:1.1em; border-top:1px solid var(--line);
}
.lp-doc h3{ font-weight:700; font-size:1.12rem; color:var(--ink); margin:1.25em 0 .4em; }
.lp-doc p{ margin:0 0 1em; }
.lp-doc ul,.lp-doc ol{ margin:0 0 1.2em; padding-inline-start:1.4em; }
.lp-doc li{ margin-bottom:.5em; }
.lp-doc strong{ color:var(--ink); font-weight:700; }
.lp-doc a{ font-weight:600; }
.lp-doc .lp-note,.lp-doc .draft-note{
  background:#FFF6E0; border:1px solid #E9C46A; border-radius:12px;
  padding:14px 18px; margin:0 0 1.6em; font-size:.95rem; color:#6b5418;
}
.lp-doc table{ width:100%; border-collapse:collapse; margin:0 0 1.4em; font-size:.95rem; }
.lp-doc th,.lp-doc td{ border:1px solid var(--line); padding:9px 12px; text-align:start; }
.lp-doc th{ background:#EEF5F9; }
.lp-doc time,.lp-updated{ color:var(--ink-soft); font-size:.92rem; }

/* ---------- footer ---------- */
.lp-foot{ border-top:1px solid var(--line); background:var(--cream); }
.lp-foot .lp-fbar{
  max-width:980px; margin-inline:auto; padding:26px clamp(18px,5vw,40px);
  display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; justify-content:space-between;
  font-size:.9rem; color:var(--ink-soft);
}
.lp-foot nav{ display:flex; flex-wrap:wrap; gap:8px 18px; }
.lp-foot nav a{ color:var(--ink2); font-weight:600; text-decoration:none; }
.lp-foot nav a:hover{ color:var(--magenta); text-decoration:underline; }