/* ראש נקי · header + עמוד משפטי (rosh-naki-legal 0.2.0). מקור: legal-design/legal.css של יעל, סבב 2 (30.9.2026), חלקים 0 ו-1.
   נטען בכל עמוד TT25 שאינו Canvas ושאינו השאלון. חלק 1 חל רק תחת body.rnl-legal. חלק 2 (#rnl) ב-footer.css, מוטמע inline בכל עמוד.
   @font-face של Heebo מודפס inline מה-PHP (הקבצים של תוסף השאלון). RTL: מאפיינים לוגיים בלבד. */



:root{
  --rn-ink:#172107; --rn-paper:#FBFBFB; --rn-sage:#C1D6CA; --rn-ink-soft:#5B6250;
  --rn-line:rgb(23 33 7/.12);
  --rn-font:Heebo,system-ui,sans-serif;
  --rnl-w:61.5rem;            /* 984px: הגיליון + תוכן העניינים */
  --rnl-pad:20px;             /* ריווח פנימי של הגיליון. מקטע המפתח נמתח לקצוות לפיו */
}

/* ========== חלק 0: header, בכל עמוד TT25 (לא Canvas) ========== */
.rnl-head{background:var(--rn-paper);border-block-end:1px solid var(--rn-line);font-family:var(--rn-font)}
.rnl-head__in{max-inline-size:var(--rnl-w);margin-inline:auto;padding:8px 16px;display:flex;align-items:center}
.rnl-head__logo{display:inline-flex;align-items:center;min-block-size:48px;border-radius:8px}
.rnl-head__logo img{display:block;inline-size:120px;block-size:auto}
.rnl-head__logo:focus-visible{outline:3px solid var(--rn-ink);outline-offset:3px}
/* דלג לתוכן: וורדפרס מדפיס .skip-link בתבניות בלוקים. מעצבים אותו כך, לא מוסיפים שני. ב-:focus וורדפרס שם left:5px ורקע #eee, ולכן הכול חוזר כאן */
.rnl-skip,body .skip-link.screen-reader-text{position:absolute;inset-inline-start:16px;inset-block-start:-100px;z-index:100;padding:12px 20px;min-block-size:48px;
  background:var(--rn-ink);color:var(--rn-paper);border-radius:999px;font:500 1rem/1.5 var(--rn-font);text-decoration:none}
.rnl-skip:focus,body .skip-link.screen-reader-text:focus{inset-block-start:12px;inset-inline-end:auto;background:var(--rn-ink);color:var(--rn-paper);padding:12px 20px;margin:0;line-height:1.5;font-size:1rem;outline:3px solid var(--rn-ink);outline-offset:3px;clip:auto;clip-path:none;inline-size:auto;block-size:auto}
@media (min-width:1024px){.rnl-head__in{padding-block:12px}.rnl-head__logo img{inline-size:132px}}

/* ========== חלק 1: העמוד המשפטי ========== */
body.rnl-legal{margin:0;background:var(--rn-sage);color:var(--rn-ink);font:400 1.125rem/1.6 var(--rn-font);-webkit-text-size-adjust:100%}
.rnl-legal *,.rnl-legal *::before,.rnl-legal *::after{box-sizing:border-box}
.rnl-legal :where(:focus-visible){outline:3px solid var(--rn-ink);outline-offset:3px;border-radius:4px}

/* 1. פס הכותרת: קצר, רק כותרת ותאריך. הגיליון עולה עליו מלמטה (המעבר, מהרפרנסים) */
.rnl-band{background:var(--rn-ink);color:var(--rn-paper);padding:36px 16px 80px}
.rnl-band__in{max-inline-size:var(--rnl-w);margin-inline:auto}
.rnl-band h1{font-size:clamp(2.125rem,1.7rem + 1.8vw,3rem);line-height:1.15;font-weight:700;margin:0;text-wrap:balance}
.rnl-band .rn-updated{margin:12px 0 0;font-size:.9375rem;color:var(--rn-sage)}              /* מרווה על דיו 10.9 */

/* 2. הגוף: רקע מרווה, והגיליון עולה על הפס (המעבר) */
.rnl-body{padding:0 12px 64px}
.rnl-body__in{max-inline-size:var(--rnl-w);margin-inline:auto;display:grid;gap:12px}
.rnl-body__in>:first-child{margin-block-start:-56px}

/* 3. הגיליון: משטח נייר אחד. לא כרטיס לכל סעיף (שער הסלופ #9) */
.rnl-sheet{background:var(--rn-paper);border-radius:24px;padding:32px var(--rnl-pad) 16px;overflow:hidden}
.rnl-sheet>:first-child{margin-block-start:0}
.rnl-sheet>:not(.rn-key),.rnl-sheet .rn-key>*{max-inline-size:65ch}
.rnl-sheet p{margin:0 0 16px}
.rnl-sheet h2{font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem);line-height:1.25;font-weight:700;margin:48px 0 16px;text-wrap:balance;scroll-margin-block-start:24px}
.rnl-sheet strong{font-weight:700}
.rnl-sheet a{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.rnl-sheet a:hover{text-decoration-thickness:2px}
.rnl-sheet [dir=ltr],.rnl-sheet code{unicode-bidi:isolate}
.rnl-sheet code{font:500 .875em/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:rgb(193 214 202/.55);padding:.15em .4em;border-radius:4px;direction:ltr}
.rnl-sheet .rn-updated{font-size:.9375rem;color:var(--rn-ink-soft)}
.rnl-sheet .rn-lead{font-size:1.1875rem;line-height:1.6;font-weight:500}

/* רשימות: קו מפריד בין פריטים במקום נקודה (מהרפרנס של סקייל). ממוספרות: המספר בעיגול מרווה, כי זה סדר אמיתי */
.rnl-sheet ul{list-style:none;margin:0 0 16px;padding:0;border-block-start:1px solid var(--rn-line)}
.rnl-sheet ul>li{padding-block:12px;border-block-end:1px solid var(--rn-line)}
.rnl-sheet ol{list-style:none;margin:0 0 16px;padding:0;counter-reset:rn}
.rnl-sheet ol>li{counter-increment:rn;position:relative;padding-inline-start:44px;margin-block-end:14px;min-block-size:28px}
.rnl-sheet ol>li::before{content:counter(rn);position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:28px;block-size:28px;border-radius:50%;
  display:grid;place-items:center;background:var(--rn-sage);color:var(--rn-ink);font-size:.9375rem;font-weight:700;line-height:1}

/* 4. מקטע המפתח: הגיליון מחליף צבע לדיו מקצה לקצה. אותו משטח, לא כרטיס בתוכו */
.rnl-sheet .rn-key{background:var(--rn-ink);color:var(--rn-paper);margin:40px calc(-1*var(--rnl-pad));padding:32px var(--rnl-pad) 16px}
.rnl-sheet .rn-key h2{margin-block-start:0}
.rnl-sheet .rn-key ul,.rnl-sheet .rn-key ul>li{border-color:rgb(251 251 251/.2)}
.rnl-sheet .rn-key :where(:focus-visible){outline-color:var(--rn-paper)}
.rnl-sheet .rn-key+h2{margin-block-start:40px}

/* כפתור [rn_cookie_settings]: כפתור משני, 48px */
/* consent.css מעצב את .rnc-foot__btn עם !important, ולכן גם כאן */
.rnl-sheet [data-rnc-open]{display:inline-flex;align-items:center;min-block-size:48px;padding:0 24px!important;margin:0 0 16px!important;border:0!important;border-radius:999px;
  background:var(--rn-sage)!important;color:var(--rn-ink)!important;font:500 1.0625rem/1.2 var(--rn-font)!important;text-decoration:none!important;cursor:pointer}
.rnl-sheet [data-rnc-open]:hover{background:#b3ccbe!important}

/* 5. תוכן עניינים: בטלפון כרטיס נייר שעולה על הפס, סגור. בדסקטופ כרטיס דביק בצד */
.rnl-toc{background:var(--rn-paper);border-radius:16px;padding-inline:var(--rnl-pad)}
.rnl-toc summary{display:flex;align-items:center;justify-content:space-between;min-block-size:56px;font-weight:700;cursor:pointer;list-style:none}
.rnl-toc summary::-webkit-details-marker{display:none}
.rnl-toc summary::after{content:"";inline-size:10px;block-size:10px;border-right:2px solid;border-bottom:2px solid;transform:translateY(-3px) rotate(45deg);transition:transform .2s cubic-bezier(.16,1,.3,1)} /* חץ למטה, לא כיווני, לכן פיזי */
.rnl-toc[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.rnl-toc ol{list-style:none;margin:0;padding:0 0 12px;border-block-start:1px solid var(--rn-line)}
.rnl-toc a{display:flex;align-items:center;min-block-size:44px;color:var(--rn-ink);text-decoration:none;font-size:1rem;line-height:1.35;border-block-end:1px solid var(--rn-line)}
.rnl-toc li:last-child a{border-block-end:0}
.rnl-toc a:hover{text-decoration:underline;text-underline-offset:.2em}

@media (min-width:1024px){
  :root{--rnl-pad:56px}
  .rnl-band{padding:56px 16px 112px}
  .rnl-body{padding-block-end:96px}
  .rnl-body__in{grid-template-columns:minmax(0,1fr) 15rem;column-gap:24px;align-items:start}
  .rnl-body__in>:first-child,.rnl-body__in>.rnl-sheet{margin-block-start:-72px}
  .rnl-sheet{grid-column:1;grid-row:1;padding-block:56px 32px}
  .rnl-sheet:only-child{grid-column:1 / -1}
  .rnl-toc{grid-column:2;grid-row:1;position:sticky;inset-block-start:24px;padding:8px 20px 4px}
  .rnl-toc summary{pointer-events:none;min-block-size:44px;font-size:.9375rem}
  .rnl-toc summary::after{display:none}
  .rnl-toc a{font-size:.9375rem}
}
@media (prefers-reduced-motion:reduce){.rnl-toc summary::after{transition:none}}
@media print{body.rnl-legal{background:none}.rnl-head,.rnl-toc,#rnl .rnl__wa{display:none}.rnl-band{background:none;color:#000;padding:0}.rnl-sheet .rn-key{background:none;color:#000}}


/* ========== דריסות TT25 (theme.json): Manrope, block gap, is-layout-constrained, רווחי ה-main ========== */
body.rnl-legal .wp-site-blocks{padding:0}
body.rnl-legal .wp-site-blocks>*{margin-block:0}
.rnl-legal .rnl-page{margin:0;padding:0;max-inline-size:none}
.rnl-legal :is(h1,h2,p,li,a,summary,button){font-family:var(--rn-font);letter-spacing:normal}
.rnl-legal :is(h1,h2){color:inherit}
.rnl-sheet li{margin-block-start:0}  /* TT25: margin-top .5rem על li של wp-block-list */
.wp-site-blocks>.rnl-head{margin-block-start:0}
