/* הדפים המשפטיים ו־404 — גיליון אחד (Legal Align). נבנה עם app/build/build_legal.py, שמעדכן את ה־?v= */
:root{
  --bg:#F3ECDD; --bg-top:#FCFAF5;
  --card:#FCFAF5; --card-img:none; --card-line:#E0CDA4;
  --ink:#16233A; --ink-2:#3B475C; --ink-3:#5A6372;
  --gold:#CDA64E; --gold-2:#E8CB7A; --gold-t:#8A611D; --gold-mark:#B8964A;
  --line:#E0CDA4; --hero-line:#B8964A;
  --soft:rgba(205,166,78,.11); --soft-line:rgba(184,150,74,.42); --th:rgba(205,166,78,.16);
  --bar:rgba(252,250,245,.88);
  --focus:#8A611D;
  --shadow:0 1px 2px rgba(22,35,58,.05),0 14px 32px -20px rgba(22,35,58,.32);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#141D2D; --bg-top:#141D2D;
    --card:#16233A; --card-img:linear-gradient(180deg,#1F3152,#16233A); --card-line:rgba(232,203,122,.2);
    --ink:#F3ECDD; --ink-2:#D9D2C3; --ink-3:#B9B3A6;
    --gold-t:#E8CB7A; --gold-mark:#CDA64E;
    --line:rgba(232,203,122,.22); --hero-line:rgba(232,203,122,.55);
    --soft:rgba(232,203,122,.08); --soft-line:rgba(232,203,122,.3); --th:rgba(232,203,122,.1);
    --bar:rgba(20,29,45,.88);
    --focus:#E8CB7A;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 16px 36px -20px rgba(0,0,0,.7);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#141D2D; --bg-top:#141D2D;
  --card:#16233A; --card-img:linear-gradient(180deg,#1F3152,#16233A); --card-line:rgba(232,203,122,.2);
  --ink:#F3ECDD; --ink-2:#D9D2C3; --ink-3:#B9B3A6;
  --gold-t:#E8CB7A; --gold-mark:#CDA64E;
  --line:rgba(232,203,122,.22); --hero-line:rgba(232,203,122,.55);
  --soft:rgba(232,203,122,.08); --soft-line:rgba(232,203,122,.3); --th:rgba(232,203,122,.1);
  --bar:rgba(20,29,45,.88);
  --focus:#E8CB7A;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 16px 36px -20px rgba(0,0,0,.7);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0; direction:rtl; color:var(--ink);
  background:var(--bg) linear-gradient(180deg,var(--bg-top) 0,var(--bg) 420px) no-repeat;
  font-family:"Assistant","Segoe UI",system-ui,sans-serif; font-size:17px; line-height:1.75;
  -webkit-font-smoothing:antialiased; overflow-x:hidden; min-height:100vh;
}
a{color:var(--gold-t);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
main:focus{outline:none}

/* דילוג לתוכן */
.skip{position:absolute;top:8px;right:12px;z-index:20;background:#16233A;color:#F3ECDD;font-weight:700;padding:10px 16px;border-radius:10px;text-decoration:none;transform:translateY(-160%)}
.skip:focus{transform:none}

/* 1 · סרגל עליון */
.bar{position:sticky;top:0;z-index:10;background:var(--bar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
.bar-in{max-width:760px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:700;font-size:19px;color:var(--ink);text-decoration:none;white-space:nowrap}
.orn{width:8px;height:8px;background:var(--gold);transform:rotate(45deg);border-radius:1.5px;flex:none}
.back{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--card-line);background:var(--card);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.back:hover{border-color:var(--gold)}

.wrap{max-width:760px;margin:0 auto;padding:18px 16px 56px}

/* 2 · כרטיס הכותרת */
.hero{
  position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(80% 90% at 85% 0%,rgba(232,203,122,.14),transparent 60%),linear-gradient(160deg,#2B4166,#16233A 70%);
  border:1px solid var(--hero-line);border-radius:22px;color:#F3ECDD;
  padding:28px 22px 24px;margin:0 0 16px;box-shadow:var(--shadow);
}
.hero::after{
  content:"";position:absolute;left:-14px;bottom:-12px;width:150px;height:153px;z-index:-1;
  background:#CDA64E;opacity:.14;
  -webkit-mask:url(/media/logo-tree.svg) no-repeat center/contain;mask:url(/media/logo-tree.svg) no-repeat center/contain;
}
.eyebrow{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.28em;color:#E8CB7A}
.hero h1{margin:0;font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:900;font-size:clamp(30px,4.4vw,36px);line-height:1.15;letter-spacing:-.005em;text-wrap:balance}
.hero .sub{margin:12px 0 0;color:#D9D2C3;font-size:16.5px;line-height:1.65;max-width:58ch;text-wrap:pretty}
.hero .stamp{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(232,203,122,.24);display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;font-size:13.5px;font-weight:600;color:#D9D2C3;line-height:1.5}
.hero .stamp span{position:relative}
.hero .stamp span+span::before{content:"";position:absolute;right:-11px;top:50%;width:4px;height:4px;margin-top:-2px;background:#CDA64E;transform:rotate(45deg)}
@media (max-width:600px){ .hero .stamp{flex-direction:column;align-items:flex-start;gap:2px} .hero .stamp span+span::before{display:none} }

/* 3 · תוכן העניינים */
.toc{margin:0 0 22px}
.toc details{background:var(--card);background-image:var(--card-img);border:1px solid var(--card-line);border-radius:18px;box-shadow:var(--shadow)}
.toc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:4px 18px;cursor:pointer;font-weight:800;font-size:15.5px;color:var(--ink);border-radius:18px}
.toc summary::-webkit-details-marker{display:none}
.toc .chev{width:9px;height:9px;margin-left:4px;border-right:2px solid var(--gold-t);border-bottom:2px solid var(--gold-t);transform:translateY(-2px) rotate(45deg);transition:transform .2s;flex:none}
.toc details[open] .chev{transform:translateY(2px) rotate(-135deg)}
.toc ol{list-style:none;margin:0;padding:4px 8px 10px;border-top:1px solid var(--line)}
.toc li{margin:0}
.toc a{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 10px;border-radius:12px;color:var(--ink-2);text-decoration:none;font-size:15.5px;font-weight:600;line-height:1.35}
.toc a:hover{background:var(--soft);color:var(--ink)}
.toc .n{flex:none;min-width:26px;height:26px;padding:0 5px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold-t);border:1px solid var(--soft-line)}
.toc a[aria-current="true"]{background:var(--soft);color:var(--ink)}
.toc a[aria-current="true"] .n{background:linear-gradient(160deg,#E8CB7A,#CDA64E);border-color:transparent;color:#16233A}

/* 4 · הסעיפים */
.doc-body{min-width:0}
section{
  position:relative;scroll-margin-top:76px;
  background:var(--card);background-image:var(--card-img);
  border:1px solid var(--card-line);border-radius:18px;padding:22px 20px 14px;box-shadow:var(--shadow);
}
section+section{margin-top:46px}
section+section::before{content:"";position:absolute;top:-24px;right:30px;left:20px;height:1px;background:linear-gradient(270deg,#CDA64E,transparent)}
section+section::after{content:"";position:absolute;top:-28px;right:16px;width:8px;height:8px;margin-top:0;background:#CDA64E;transform:rotate(45deg);border-radius:1px}
h2{margin:0 0 14px;display:flex;align-items:flex-start;gap:12px;font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:700;font-size:21px;line-height:1.35;color:var(--ink);text-wrap:balance}
h2 .num{flex:none;min-width:30px;height:30px;padding:0 6px;margin-top:-1px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#E8CB7A,#CDA64E);color:#16233A;font-family:"Assistant",sans-serif;font-weight:800;font-size:14.5px;line-height:1;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px rgba(138,97,29,.25)}
h3{margin:22px 0 6px;font-family:"Assistant",sans-serif;font-weight:800;font-size:17px;line-height:1.45;color:var(--ink)}
h2+h3{margin-top:4px}
section p{margin:0 0 12px;max-width:64ch;overflow-wrap:break-word;text-wrap:pretty}
section ul{list-style:none;margin:0 0 12px;padding:0;max-width:64ch}
section li{position:relative;margin:0 0 9px;padding-inline-start:22px;overflow-wrap:break-word}
section li::before{content:"";position:absolute;right:3px;top:.72em;width:7px;height:7px;background:var(--gold-mark);transform:rotate(45deg);border-radius:1px}
strong{font-weight:700;color:var(--ink)}

.note{margin:2px 0 14px;padding:14px 18px 4px;background:var(--soft);border:1px solid var(--soft-line);border-inline-start:4px solid var(--gold);border-radius:14px}
.note .lbl{margin:0 0 4px;font-size:12.5px;font-weight:800;letter-spacing:.14em;color:var(--gold-t)}

/* 5 · טבלאות */
.scroll{margin:0 0 14px;overflow-x:auto}
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.55;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tbl th,.tbl td{text-align:start;vertical-align:top;padding:10px 13px;border-bottom:1px solid var(--line)}
.tbl th{background:var(--th);font-size:13.5px;font-weight:800;color:var(--ink-2)}
.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
@media (max-width:600px){
  .scroll{overflow:visible}
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:auto}
  .tbl{border:0;border-radius:0;overflow:visible}
  .tbl tr:has(th){display:none}
  .tbl tr{border:1px solid var(--line);border-radius:12px;padding:10px 14px 8px;margin:0 0 10px;background:var(--soft)}
  .tbl td{border:0;padding:3px 0 5px;white-space:normal!important}
  .tbl td::before{content:attr(data-label);display:block;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--gold-t);line-height:1.4}
}

/* 6 · כרטיס הסיום */
.foot{margin-top:46px}
.foot-card{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px 10px;padding:20px;background:var(--card);background-image:var(--card-img);border:1px solid var(--card-line);border-radius:18px;box-shadow:var(--shadow)}
.foot .ask{flex:1 1 100%;margin:0 0 4px;font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:700;font-size:20px;line-height:1.4}
.foot .ask a{font-family:"Assistant",sans-serif;font-weight:700;font-size:17px;white-space:nowrap}
.foot .docs{display:flex;flex-wrap:wrap;gap:10px}
.foot .docs a,.foot .home{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none}
.foot .docs a{color:var(--ink);border:1px solid var(--card-line);background:var(--soft)}
.foot .docs a:hover{border-color:var(--gold)}
.foot .home{margin-inline-start:auto;background:linear-gradient(160deg,#2B4166,#16233A);color:#F3ECDD;border:1px solid var(--hero-line)}
@media (max-width:600px){ .foot .home{flex:1 1 100%;justify-content:center;margin:4px 0 0} }
.foot .fine{margin:16px 0 0;text-align:center;font-size:13.5px;color:var(--ink-3)}

/* מחשב: תוכן העניינים בעמודה צדדית, נעוץ */
@media (min-width:1000px){
  .bar-in,.wrap{max-width:996px;padding-left:28px;padding-right:28px}
  .wrap{padding-top:26px}
  .hero{padding:40px 44px 32px;margin-bottom:28px}
  .hero::after{width:190px;height:194px;left:-10px;bottom:-14px}
  .layout{display:grid;grid-template-columns:280px minmax(0,620px);gap:40px;align-items:start}
  .toc{position:sticky;top:78px;margin:0;max-height:calc(100vh - 96px);overflow:auto;border-radius:18px}
  .toc summary{cursor:default;min-height:48px;font-size:13px;letter-spacing:.06em;color:var(--gold-t)}
  .toc details[data-pinned] .chev{display:none}
  .toc a{font-size:15px}
  section{padding:30px 40px 20px}
  section+section::before{right:46px;left:40px}
  section+section::after{right:30px}
  .foot{max-width:620px;margin-inline-start:320px}
  .foot-card{padding:24px 28px}
}
@media (max-width:380px){
  .hero{padding:24px 18px 20px}
  section{padding:20px 16px 12px}
  .bar-in{padding-left:12px;padding-right:12px}
  .wrap{padding-left:12px;padding-right:12px}
}

/* 9 · 404 */
.nf-main{max-width:520px;margin:0 auto;padding:40px 20px 72px;text-align:center;min-height:calc(100vh - 57px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.nf-tree{display:block;width:150px;height:153px;margin:0 auto 18px;background:var(--gold);-webkit-mask:url(/media/logo-tree.svg) no-repeat center/contain;mask:url(/media/logo-tree.svg) no-repeat center/contain}
.nf .eyebrow{color:var(--gold-t);margin-bottom:8px}
.nf h1{margin:0;font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:900;font-size:clamp(32px,8vw,40px);line-height:1.15}
.nf-say{margin:12px 0 26px;font-size:17.5px;color:var(--ink-2)}
.nf-go{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none;color:var(--ink);background:var(--card);background-image:var(--card-img);border:1px solid var(--card-line);box-shadow:var(--shadow)}
.btn:hover{border-color:var(--gold)}
.btn.pri{background:linear-gradient(160deg,#2B4166,#16233A);color:#F3ECDD;border-color:var(--hero-line)}
@media (max-width:420px){ .nf-go .btn{flex:1 1 40%} .nf-go .btn.pri{flex-basis:100%} }

@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .toc a,.back,.btn,.foot a{transition:background-color .15s,border-color .15s,color .15s}
}
@media (prefers-reduced-motion:reduce){ *,*::before,*::after{transition:none!important;animation:none!important} }

/* 8 · הדפסה (A4). ‎?print=1 מציג את הכללים האלה גם על המסך (legal.js) */
@page{size:A4;margin:16mm}
@media print{
  :root[data-theme],:root:not([data-theme]){
    --bg:#fff; --bg-top:#fff; --card:#fff; --card-img:none; --card-line:#999;
    --ink:#000; --ink-2:#111; --ink-3:#333; --gold-t:#000; --gold-mark:#000; --gold:#000;
    --line:#999; --soft:transparent; --soft-line:#999; --th:#eee; --shadow:none;
    color-scheme:light;
  }
  body{background:#fff;color:#000;font-size:11.5pt;line-height:1.55;min-height:0}
  .bar,.skip,.toc,.foot .docs,.foot .home,.hero::after,.nf-go,.nf-tree{display:none!important}
  .wrap{max-width:none;padding:0}
  .layout{display:block}
  .hero{background:none;border:0;border-bottom:1.5pt solid #000;border-radius:0;box-shadow:none;color:#000;padding:0 0 10pt;margin:0 0 16pt}
  .eyebrow{color:#333!important;letter-spacing:.2em}
  .hero h1{font-size:24pt}
  .hero .sub,.hero .stamp{color:#000}
  .hero .stamp{border-top:0;padding-top:0;margin-top:8pt}
  .hero .stamp span+span::before{background:#000}
  section{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 14pt}
  section+section{margin-top:0}
  section+section::before,section+section::after{display:none}
  h2{font-size:15pt;break-after:avoid}
  h3{break-after:avoid}
  h2 .num{background:none;box-shadow:none;border:1pt solid #000;color:#000;height:22pt;min-width:22pt}
  li,p,tr{break-inside:avoid}
  section p,section ul{max-width:none}
  a{color:#000;text-decoration:none}
  .note{background:none;border:1pt solid #000;border-inline-start-width:3pt}
  .tbl{border-color:#000}.tbl th,.tbl td{border-color:#999}
  .foot{margin-top:16pt;border-top:1pt solid #000;padding-top:8pt}
  .foot-card{display:block;padding:0;border:0;background:none;box-shadow:none}
  .foot .ask{font-size:12pt;margin:0}
  .foot .ask a{font-size:12pt}
  @media (max-width:600px){ .foot .home{flex:1 1 100%;justify-content:center;margin:4px 0 0} }
.foot .fine{text-align:start;margin-top:4pt;color:#333}
}

@media screen{
  :root.pp{background:#E4E1DA}
  :root.pp body{max-width:210mm;margin:0 auto;padding:16mm;box-shadow:0 2px 18px rgba(0,0,0,.18)}
}

/* ״בקצרה״ (הראל אישר, 5.11): משפט אחד בראש כל סעיף בפרטיות — לא חלק מהנוסח המשפטי, רק סיכום */
.tldr{display:flex;gap:10px;align-items:baseline;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:rgba(205,166,78,.12);border:1px solid rgba(205,166,78,.45);font-weight:600;color:var(--ink);max-width:none}
.tldr b{flex:none;font-size:12px;font-weight:800;letter-spacing:.12em;color:#8A611D}
:root[data-theme="dark"] .tldr b{color:#E8CB7A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tldr b{color:#E8CB7A}}
@media print{.tldr{background:none;border:1px solid #999;color:#000}.tldr b{color:#000}}

/* ===== Legal Align — העטיפה מהעיצוב המעודכן (6.11, הראל: ״תקח את המעטפת… עם הכיתוב הקיים״) =====
   1 ״בקצרה״ — תווית בצורת גלולה והמשפט מודגש · 2 מספר הסעיף — עיגול עם קו זהב דק · 3 המפריד — מעוין באמצע הקו
   4 בראש הדף — ״עודכן לאחרונה״ בזהב מודגש, ו״חל על״ באותה שורה · 5 ב־404 — הכפתור הראשי בזהב, המשניים עם מסגרת זהב.
   תוכן העניינים: הכותרת עם מעוין, ומספר הסעיפים בנפרד */
.tldr{align-items:flex-start;background:var(--brief,#F6EFE1);border-color:var(--brief-line,#D9C28C);font-weight:700;font-size:16.5px;line-height:1.55}
.tldr b{padding:3px 9px;margin-top:2px;border-radius:999px;border:1px solid var(--brief-line,#D9C28C);line-height:1.3}
:root[data-theme="dark"] .tldr{background:rgba(205,166,78,.1);border-color:rgba(205,166,78,.38)}
:root[data-theme="dark"] .tldr b{border-color:rgba(232,203,122,.45)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tldr{background:rgba(205,166,78,.1);border-color:rgba(205,166,78,.38)}:root:not([data-theme="light"]) .tldr b{border-color:rgba(232,203,122,.45)}}
h2 .num{width:32px;min-width:32px;height:32px;padding:0;border-radius:50%;background:none;border:1px solid #CDA64E;box-shadow:none;color:#8A611D;font-size:14px}
:root[data-theme="dark"] h2 .num{color:#E8CB7A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) h2 .num{color:#E8CB7A}}
section+section::before{right:20px;left:20px;background:linear-gradient(90deg,transparent,#CDA64E 30%,#CDA64E 70%,transparent);opacity:.7}
section+section::after{right:50%;margin-right:-4px;top:-28px}
.hero .stamp span:first-child{color:#E8CB7A;font-weight:800}
@media (max-width:600px){.hero .stamp{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;font-size:12.5px}}
.toc .toc-t{display:inline-flex;align-items:center;gap:10px}
.toc .toc-t .orn{width:7px;height:7px;background:#CDA64E;transform:rotate(45deg);flex:none}
.toc .cnt{margin-inline-start:auto;font-size:13px;font-weight:600;color:var(--ink-3,#5A5446)}
.btn.pri{color:#E8CB7A}
.nf-go .btn:not(.pri){border-color:#CDA64E;box-shadow:none}
@media print{.tldr b{border-color:#000}h2 .num{border-color:#000;color:#000}section+section::after{display:none}}
:root[data-theme="dark"] .btn.pri{color:#E8CB7A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.pri{color:#E8CB7A}}