/* ראש נקי · האתר: header, מגירה, מאמר, בלוג, CTA, פס דביק, תנועה (rosh-naki-legal 0.3.0).
   העיצוב: site-design/v2 של יעל (30.9, השפה של עמוד 76): שלד כהה, גיליון קריאה בהיר במאמר, CTA במרווה.
   כל צבע, פונט, רדיוס, צל ושכבה מגיע מ-tokens.css (--rn-*). כאן רק מבנה ומידות.
   נטען בכל עמוד TT25 שאינו Canvas ואינו השאלון. בעמודי המדיניות רק ה-header והמגירה משתנים; הגוף שלהם ב-legal.css ולא זז.
   404 וחיפוש: header ו-footer שלנו, והתוכן של TT25 כמו שהוא.
   RTL: מאפיינים לוגיים. תנועה: רק transform ו-opacity (וה-padding של ה-header), וכבויה ב-reduce. */

html{scroll-padding-block-start:88px}
body.rns-site:not(.rnl-legal){margin:0;font-family:var(--rn-font);-webkit-text-size-adjust:100%;overflow-x:clip}
body.rns-site:not(.rnl-legal) .wp-site-blocks{padding:0}
.wp-site-blocks>.rns-head{margin-block-start:0}
:is(.rns-head,.rns-drawer,.rns-main,.rns-bar) :where(*,*::before,*::after){box-sizing:border-box}
:is(.rns-head,.rns-drawer,.rns-main,.rns-bar) :where(img){max-inline-size:100%;block-size:auto;display:block}
:is(.rns-head,.rns-drawer,.rns-main,.rns-bar) :where(:focus-visible){outline:var(--rn-focus);outline-offset:3px}
.rns-wrap{inline-size:min(100% - 2*var(--rn-gutter),var(--rn-container));margin-inline:auto}

/* ---------- כפתורים. ראשי = ה-CTA לשאלון של 76: מרווה, דיו, מסגרת 2px, רדיוס 8 ---------- */
.rns-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-block-size:var(--rn-btn-h);padding:12px 24px;border:2px solid transparent;border-radius:var(--rn-radius-btn);
  font:var(--rn-w-display) 1.25rem/1.15 var(--rn-font-display);letter-spacing:normal;text-decoration:none;text-align:center;cursor:pointer;
  transition:background-color var(--rn-dur) var(--rn-ease),color var(--rn-dur) var(--rn-ease),transform var(--rn-dur) var(--rn-ease)}
.rns-btn:active{transform:scale(.98)}
.rns-btn--primary,.rns-btn--primary:visited{background:var(--rn-sage);color:var(--rn-ink);border-color:var(--rn-sage-line)}
.rns-btn--primary:hover{background:var(--rn-on-dark);color:var(--rn-ink)}
.rns-btn--wa,.rns-btn--wa:visited{background:transparent;color:var(--rn-on-dark);border:1px solid var(--rn-line)}
.rns-btn--wa:hover{background:var(--rn-line-soft);color:var(--rn-on-dark)}
.rns-btn svg{inline-size:22px;block-size:22px;fill:currentColor;flex:none}
.rns-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (max-width:599px){.rns-ctas>.rns-btn{inline-size:100%}}

/* ==================== HEADER כהה, לוגו לבן ==================== */
.rns-head{position:sticky;inset-block-start:0;z-index:30;background:var(--rn-black);color:var(--rn-on-dark);border-block-end:1px solid var(--rn-line-soft);font-family:var(--rn-font);
  transition:box-shadow var(--rn-dur) var(--rn-ease)}
body.admin-bar .rns-head{inset-block-start:var(--wp-admin--admin-bar--height,0px)}
.rns-head__in{display:flex;align-items:center;gap:16px;inline-size:min(100% - 2*var(--rn-gutter),var(--rn-container));margin-inline:auto;padding-block:8px;transition:padding var(--rn-dur) var(--rn-ease)}
.rns-head__logo{display:inline-flex;align-items:center;min-block-size:48px}
.rns-head__logo img{inline-size:112px;transform-origin:100% 50%;transition:transform var(--rn-dur) var(--rn-ease)} /* הלוגו בצד ימין (RTL) */
.rns-head__nav{display:none;margin-inline-start:auto}
.rns-head__nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.rns-head__nav li{margin:0}
.rns-head__nav a,.rns-head__nav a:visited{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:12px;color:var(--rn-on-dark);font-size:1.0625rem;font-weight:500;text-decoration:none}
.rns-head__nav a:hover,.rns-head__nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em}
.rns-head .rns-btn{min-block-size:44px;padding:8px 18px;font-size:1.0625rem;margin-inline-start:auto}
.rns-burger{display:inline-grid;place-items:center;inline-size:48px;block-size:48px;padding:0;background:none;border:1px solid var(--rn-line-soft);border-radius:var(--rn-radius-btn);color:var(--rn-on-dark);cursor:pointer}
.rns-burger svg{inline-size:24px;block-size:24px}
.rns-head.is-stuck{box-shadow:var(--rn-shadow)}
.rns-head.is-stuck .rns-head__in{padding-block:4px}
.rns-head.is-stuck .rns-head__logo img{transform:scale(.88)}
@media (min-width:1024px){
  .rns-head__in{padding-block:16px}
  .rns-head__logo img{inline-size:136px}
  .rns-head__nav{display:block}
  .rns-head .rns-btn{margin-inline-start:8px}
  .rns-head .rns-burger{display:none}
  .rns-head.is-stuck .rns-head__in{padding-block:8px}
}

/* ---------- מגירה: <dialog> מודאלי. מלכודת פוקוס, Esc ורקע inert מובנים ---------- */
.rns-drawer{position:fixed;inset:0 0 0 auto;margin:0;inline-size:min(22rem,88vw);max-inline-size:none;block-size:100dvh;max-block-size:none;padding:0;border:0;
  border-inline-start:1px solid var(--rn-line-soft);background:var(--rn-deep);color:var(--rn-on-dark);font-family:var(--rn-font)}
.rns-drawer::backdrop{background:var(--rn-scrim-strong)}
.rns-drawer__in{display:flex;flex-direction:column;block-size:100%;padding:8px 16px calc(24px + env(safe-area-inset-bottom,0px))}
.rns-drawer__top{display:flex;align-items:center;justify-content:space-between;min-block-size:56px;border-block-end:1px solid var(--rn-line-soft)}
.rns-drawer__top img{inline-size:104px}
.rns-drawer ul{list-style:none;margin:8px 0 24px;padding:0}
.rns-drawer li{margin:0}
.rns-drawer li a,.rns-drawer li a:visited{display:flex;align-items:center;min-block-size:56px;color:var(--rn-on-dark);font:var(--rn-w-display) 1.5rem/1.2 var(--rn-font-display);text-decoration:none;border-block-end:1px solid var(--rn-line-soft)}
.rns-drawer li a[aria-current]{text-decoration:underline;text-underline-offset:.25em}
.rns-drawer .rns-ctas{margin-block-start:auto}
.rns-drawer .rns-btn{inline-size:100%}
@media (prefers-reduced-motion:no-preference){
  .rns-drawer[open]{animation:rns-drawer-in .24s var(--rn-ease)}
  .rns-drawer[open]::backdrop{animation:rns-fade-in .24s var(--rn-ease)}
}
@keyframes rns-drawer-in{from{transform:translateX(100%)}} /* RTL: נכנסת מימין */
@keyframes rns-fade-in{from{opacity:0}}

/* ==================== מאמר ובלוג: שלד כהה ==================== */
.rns-main{margin:0;padding:0;background:var(--rn-black);color:var(--rn-on-dark);font:400 var(--rn-text-lg)/var(--rn-lh) var(--rn-font)}
.rns-main :where(h1,h2,h3,p,ul,ol,figure){margin:0}
.rns-main :where(h1,h2){font-family:var(--rn-font-display);font-weight:var(--rn-w-display);line-height:var(--rn-lh-display);letter-spacing:normal;text-wrap:balance;color:inherit}
.rns-main :where(h3){font:700 var(--rn-h3)/1.3 var(--rn-font);letter-spacing:normal;text-wrap:balance;color:inherit}
.rns-main :where(p){text-wrap:pretty}
.rns-main :where(strong,b){font-weight:700}
.rns-main :where(a:not(.rns-btn)){color:inherit;text-underline-offset:.2em} /* 0.5.2 (ביקורת יעל 2.10, ממצא A): בלי .rns-btn. הכלל בא אחרי .rns-btn--primary באותה ספציפיות, ודרס את הדיו בלבן (1.53:1 על המרווה) */

/* 1. פס הכותרת: פירורים, H1, מחבר, תאריך, זמן קריאה. התמונה הראשית (אם יש) חוצה את הגבול לגיליון */
.rns-hero{padding-block:clamp(40px,2.5rem + 2vw,80px) var(--rn-s6);text-align:center;background:var(--rn-ink)}
.has-feature .rns-hero{padding-block-end:0}
.rns-crumbs{font-size:var(--rn-small);margin-block-end:var(--rn-s2)}
.rns-crumbs a,.rns-crumbs a:visited{display:inline-flex;align-items:center;min-block-size:44px;color:var(--rn-sage)}
.rns-hero h1{font-size:clamp(2.25rem,1.5rem + 3vw,3.75rem);max-inline-size:52rem;margin-inline:auto}
.rns-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-block-start:var(--rn-s3);font-size:var(--rn-small);color:var(--rn-sage)}
.rns-feature{max-inline-size:960px;margin:var(--rn-s5) auto 0;transform:translateY(48px);position:relative;z-index:2}
.rns-feature img{inline-size:100%;border-radius:var(--rn-radius);box-shadow:var(--rn-shadow)}
.rns-feature figcaption{margin-block-start:8px;font-size:var(--rn-small);color:var(--rn-ink-soft);text-align:start}

/* 2. גיליון הקריאה: נייר, תוכן עניינים בצד, שורה של כ-720px */
.rns-read{background:var(--rn-paper);color:var(--rn-ink);padding-block:var(--rn-s5) var(--rn-s6)}
.has-feature .rns-read{padding-block-start:calc(48px + var(--rn-s5))}
.rns-read__in{inline-size:min(100% - 2*var(--rn-gutter),1080px);margin-inline:auto;display:grid;gap:var(--rn-s4)}
.rns-read :where(:focus-visible){outline-color:var(--rn-ink)}
.rns-prose{max-inline-size:var(--rn-measure-read);min-inline-size:0;font-size:var(--rn-text);line-height:var(--rn-lh-read)}
.rns-prose>*+*{margin-block-start:1em}
.rns-prose h2{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.375rem);margin-block-start:1.6em;color:var(--rn-ink)}
.rns-prose h3{margin-block-start:1.4em}
.rns-prose a:not(.rns-btn),.rns-prose a:not(.rns-btn):visited{color:var(--rn-ink);text-decoration:underline;text-decoration-thickness:1px}
.rns-prose ul,.rns-prose ol{padding-inline-start:1.25em}
.rns-prose li+li{margin-block-start:.4em}
.rns-prose li::marker{color:var(--rn-ink)}
.rns-prose .rns-lead{font-size:1.3125rem;line-height:1.6;font-weight:500}
/* תמונות בגוף, עם כיתוב: בלוק (figure.wp-block-image) וקלאסי ([caption] = figure.wp-caption עם width בתוך style) */
.rns-prose :where(figure,.wp-caption){max-inline-size:100%}
.rns-prose :where(img,video,iframe){max-inline-size:100%;block-size:auto}
.rns-prose :where(figure img,p>img){border-radius:var(--rn-radius)}
.rns-prose :where(figcaption,.wp-caption-text,.wp-element-caption){margin-block-start:8px;font-size:var(--rn-small);line-height:1.5;color:var(--rn-ink-soft);text-align:start}
/* 0.5.0: כותרת עמודה בטבלה (1240) לא ממורכזת: ברירת המחדל של הדפדפן ל-th היא center */
.rns-prose .wp-block-table th{text-align:start}
.rns-prose :where(.aligncenter){margin-inline:auto}

/* 3. תוכן עניינים: בטלפון סגור מעל הטקסט, מ-1024px דביק בצד (עמודה ראשונה, ימין) */
.rns-toc{align-self:start;border:1px solid var(--rn-line-ink);border-radius:16px;padding:4px 16px;font-size:1rem;min-inline-size:0}
.rns-toc summary{min-block-size:48px;display:flex;align-items:center;font-weight:700;cursor:pointer}
.rns-toc ol{padding-inline-start:1.25em;margin:0 0 12px;display:grid;gap:4px}
.rns-toc li{margin:0}
.rns-toc a,.rns-toc a:visited{display:inline-flex;align-items:center;min-block-size:44px;padding-block:6px;color:var(--rn-ink)}
@media (min-width:1024px){
  .rns-read__in:has(>.rns-toc){grid-template-columns:15rem 1fr;align-items:start;gap:var(--rn-s6)}
  .rns-toc{position:sticky;inset-block-start:112px}
}

/* 4. CTA לשאלון: כרטיס שחור-זית בתוך הגיליון, באמצע ובסוף */
.rns-cta{margin-block:2em;padding:28px 24px;border-radius:var(--rn-radius);background:var(--rn-ink);color:var(--rn-on-dark);text-align:center;box-shadow:var(--rn-shadow);
  display:grid;gap:12px;justify-items:center}
.rns-prose>.rns-cta{margin-block:2em}
.rns-cta>*+*{margin-block-start:0}
.rns-cta img{inline-size:112px}
.rns-cta h2{margin:0;color:var(--rn-on-dark);font-size:clamp(1.625rem,1.3rem + 1.2vw,2.125rem)}
.rns-cta p{font-size:var(--rn-text-lg);line-height:1.5}
.rns-cta .rns-ctas{justify-content:center}
.rns-cta :where(:focus-visible){outline-color:var(--rn-sage)}

/* 5. מחבר בסוף המאמר */
.rns-byline{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding-block-start:24px;border-block-start:1px solid var(--rn-line-ink)}
.rns-byline img{inline-size:72px;block-size:72px;border-radius:50%;object-fit:cover;object-position:top;background:var(--rn-sage)}
.rns-byline p{margin:0;line-height:1.45}
.rns-byline a,.rns-byline a:visited{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
/* 0.5.1 (ניב 2.10): שורת כותב בראש המאמר (מתחת לכותרת, על כהה) ובתחתית כל כרטיס. אותה תמונה (niv-01-240) ואותו נוסח, בגדלים שונים */
.rns-byline--top{display:flex;justify-content:center;align-items:center;gap:12px;margin-block-start:var(--rn-s3);padding:0;border:0;text-align:start}
.rns-byline--top img{inline-size:40px;block-size:40px}
.rns-byline--top p{font-size:var(--rn-small);color:var(--rn-sage)}
.rns-byline--top a,.rns-byline--top a:visited{display:inline-flex;align-items:center;min-block-size:44px;margin-block:-8px;color:var(--rn-on-dark);font-weight:700}
.rns-by{display:flex;align-items:center;gap:10px;margin-block-start:auto;padding-block-start:4px}
.rns-by img,.rns-cards .rns-by img,.rns-feed__item .rns-by img{flex:none;inline-size:36px;block-size:36px;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:top;background:var(--rn-sage)}
.rns-by p,.rns-cards .rns-by p,.rns-feed__item .rns-by p{display:grid;margin:0;padding:0;font-size:.875rem;line-height:1.35;color:var(--rn-on-dark-soft)}
.rns-by b{font-weight:700;color:var(--rn-on-dark)}
/* תמונת ברירת המחדל של המותג בכרטיס (מאמר בלי תמונה): ירוק כהה עם הלוגו, בלי טקסט. 3:2 כמו שאר התמונות */
.rns-thumb--brand{display:grid;place-items:center;aspect-ratio:3/2;inline-size:100%;border-radius:16px;background:var(--rn-deep)}
.rns-thumb--brand img,.rns-cards .rns-thumb--brand img,.rns-feed__item .rns-thumb--brand img{inline-size:42%;block-size:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}

/* 6. מאמרים קשורים: סקשן שחור, כרטיסים עם מסגרת. כל הכרטיס לחיץ, ושם הקישור הוא הכותרת */
.rns-related{padding-block:var(--rn-sec);background:var(--rn-black)}
.rns-related h2{font-size:var(--rn-h2)}
.rns-cards{list-style:none;padding:0;display:grid;gap:16px;margin-block-start:var(--rn-s4)}
@media (min-width:900px){.rns-cards{grid-template-columns:repeat(3,1fr)}}
.rns-cards>li{position:relative;display:grid;gap:12px;align-content:start;margin:0;padding:12px 12px 20px;border:1px solid var(--rn-line-soft);border-radius:var(--rn-radius);
  transition:transform var(--rn-dur) var(--rn-ease),border-color var(--rn-dur) var(--rn-ease)}
.rns-cards>li:hover{transform:translateY(-2px);border-color:var(--rn-line)}
.rns-cards img{aspect-ratio:3/2;inline-size:100%;object-fit:cover;border-radius:16px}
.rns-cards h3{font:var(--rn-w-display) 1.375rem/1.25 var(--rn-font-display);padding-inline:8px}
.rns-cards p{font-size:1rem;line-height:1.5;padding-inline:8px;color:var(--rn-on-dark-soft)}
.rns-cards a,.rns-cards a:visited{color:var(--rn-on-dark);text-decoration:none}
.rns-cards a::after,.rns-feed__item h2 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.rns-cards a:focus-visible,.rns-feed__item h2 a:focus-visible{outline:0}
.rns-cards>li:has(a:focus-visible),.rns-feed__item:has(h2 a:focus-visible){outline:var(--rn-focus);outline-offset:3px}

/* 7. בלוג: רשימה של כרטיסים עם מסגרת על שחור. תמונה (אם יש) בצד מ-768px */
.rns-list{padding-block:var(--rn-s5) var(--rn-sec);background:var(--rn-black)}
.rns-list .rns-wrap{max-inline-size:960px}
.rns-feed{list-style:none;padding:0;display:grid;gap:16px}
.rns-feed__item{position:relative;display:grid;gap:14px;margin:0;padding:12px;border:1px solid var(--rn-line-soft);border-radius:var(--rn-radius);transition:border-color var(--rn-dur) var(--rn-ease)}
.rns-feed__item:hover{border-color:var(--rn-line)}
.rns-feed__item:not(:has(img)){padding:20px}
.rns-feed__item img{aspect-ratio:3/2;inline-size:100%;object-fit:cover;border-radius:16px}
.rns-feed__txt{display:flex;flex-direction:column;gap:8px}
.rns-feed__txt time{order:-1;font-size:var(--rn-small);color:var(--rn-sage)}
.rns-feed__item h2{font:var(--rn-w-display) clamp(1.5rem,1.3rem + .8vw,1.875rem)/1.2 var(--rn-font-display)}
.rns-feed__item h2 a,.rns-feed__item h2 a:visited{color:var(--rn-on-dark);text-decoration:none}
.rns-feed__item p{font-size:1.0625rem;color:var(--rn-on-dark-soft)}
.rns-feed__cta{margin:0}
.rns-feed__cta .rns-cta{margin-block:8px}
@media (min-width:768px){.rns-feed__item:has(img){grid-template-columns:minmax(240px,34%) 1fr;align-items:center;gap:24px}}
.rns-pages ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:var(--rn-s4) 0 0;padding:0}
.rns-pages :is(a,span){display:inline-grid;place-items:center;min-inline-size:44px;min-block-size:44px;border:1px solid var(--rn-line-soft);border-radius:var(--rn-radius-btn);color:var(--rn-on-dark)}
.rns-pages .current{background:var(--rn-sage);color:var(--rn-ink)}

/* ==================== פס דביק עד 1279px (מאמרים, בלוג ועמודי השיווק; בית שאינו Canvas). מ-1280 העיגול של Click to Chat (0.5.4, ניב 3.10) ==================== */
.rns-bar{position:fixed;inset-inline:0;inset-block-end:0;z-index:40;display:flex;gap:8px;align-items:center;min-block-size:64px;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));
  background:var(--rn-bar);border-block-start:1px solid var(--rn-line-soft);transform:translateY(110%);visibility:hidden;transition:transform .24s var(--rn-ease),visibility 0s linear .24s}
.rns-bar.is-on{transform:none;visibility:visible;transition:transform .24s var(--rn-ease),visibility 0s}
.rns-bar .rns-btn--primary{flex:1}
.rns-bar .rns-bar__wa{inline-size:var(--rn-btn-h);padding:0;flex:none}
/* 0.5.4: מטאבלט ומעלה (אייפד, מחשב קטן) הפס הוא הקומפוזיציה של הטלפון, באמצע וברוחב 28rem. הרקע לכל הרוחב, והכפתור לא נמתח על כל המסך */
@media (min-width:768px){.rns-bar{padding-inline:max(16px,calc((100% - 28rem) / 2))}}
@media (min-width:1280px){.rns-bar{display:none}}
/* באנר העוגיות פתוח: הפס מפנה לו את המקום לגמרי (אותו סלקטור כמו ב-footer.css) */
body:has(#rnc.rnc--on:not([hidden])) .rns-bar{display:none}
@media (max-width:1279.98px){
  /* כשהפס מוצג, "לשאלון" יורד מה-header: CTA אחד לשאלון על המסך. באנר העוגיות פתוח = הפס מוסתר, ו"לשאלון" נשאר */
  body:has(.rns-bar.is-on):not(:has(#rnc.rnc--on:not([hidden]))) .rns-head .rns-btn{display:none}
  /* העיגול הצף של Click to Chat: עד 1279 הוואטסאפ בפס (החלטת ניב 30.9). מ-1280 אין פס, והעיגול נשאר (0.5.4, ניב 3.10: נקודת המעבר 1280, לא 1024) */
  /* 0.5.6 (ניב 4.10): גם ב-/todah/ (rns-no-ctc), שאין בו פס. העיגול כיסה את שורת המספר. הוואטסאפ שם בקופסת המספר ובפוטר */
  body:is(.rns-has-bar,.rns-no-ctc) #ht-ctc-chat{display:none!important}
  /* פוקוס מקלדת ועוגנים לא נעצרים מתחת לפס */
  html:has(body.rns-has-bar){scroll-padding-block-end:88px}
}

/* ==================== עמודי המדיניות: רק ההיסט של ה-header הדביק. העיצוב שלהם ב-legal.css ולא זז ==================== */
@media (min-width:1024px){body.rnl-legal .rnl-toc{inset-block-start:96px}}

/* ==================== fade-up מתחת לקפל ====================
   ב-HTML אין מחלקה שמסתירה. site.js מסמן .rns-rv רק על מה שמתחת לקפל בטעינה, ורק בלי reduce.
   בלי JS, בלי IntersectionObserver או עם reduce: הכול גלוי מההתחלה. */
@media (prefers-reduced-motion:no-preference){
  .rns-rv{transition:opacity var(--rn-dur-in) var(--rn-ease),transform var(--rn-dur-in) var(--rn-ease)}
  .rns-rv:not(.is-in){opacity:0;transform:translateY(16px)}
}
@media (prefers-reduced-motion:reduce){
  :is(.rns-head,.rns-drawer,.rns-main,.rns-bar),:is(.rns-head,.rns-drawer,.rns-main,.rns-bar) *,:is(.rns-head,.rns-drawer,.rns-main,.rns-bar) *::before{animation:none!important;transition:none!important}
  .rns-btn:active,.rns-cards>li:hover{transform:none}
}
@media print{.rns-head,.rns-drawer,.rns-bar,.rns-toc,.rns-related{display:none}.rns-main,.rns-hero,.rns-cta{background:none;color:#000}.rns-main .rns-btn--wa{color:#000}} /* 0.5.3: הוואטסאפ שחור כמו לפני 0.5.2 (אז ירש #000), ולא לבן על נייר */