/* Heebo מקומי (OFL, fonts/OFL.txt): שני קבצי variable של גוגל פונטים, עברית ולטינית, אחד לכל המשקלים. בלי קריאה לגוגל. */
@font-face{font-family:Heebo;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-hebrew.woff2) format("woff2");
  unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ראש נקי · שאלון 0.7.0 (ניב, 2.10.2026): כיוון A "זית אחד" מתוך build/rosh-naki-quiz/redesign-2026-10/compare.html (יעל). משטח אחד לכל המסך, עומק רק במדרגות בהירות של אותו גוון, בלי שקיפות, בלי צל כהה על כהה, וירוק אחד לכל רכיב.
   הצבעים כאן של הכיוון ולא של האתר: גוף ופוטר #172107 (צבע הלוגו) במקום #0F2500, ובלי הפס השחור למעלה. --q-*: העמוד (גוף, פוטר, באנר העוגיות). --s-*: חבילה אחת למשטח .rnq. ‏--rn-* של 0.6.x הם כינויים לחבילה, כדי שכל כלל ישן קורא מאותו מקור.
   מה שנשאר עותק של rosh-naki-legal/assets/tokens.css (אותם שמות וערכים): פונטים, רדיוסים ותנועה. tests/selfcheck.php נכשל אם הם נפרדים, ונועל גם את הערכים של ‏--q-* ושל ‏--s-*. למה עותק: README, "עיצוב (0.6.0)". הכללים של A: בלוק "0.7.0" בסוף הקובץ */
:root{--q-page:#172107;--q-foot:#172107;--q-foot-fg:#FBFBFB;--q-foot-soft:#D2D4CF;--q-foot-dot:#C1D6CA;--q-banner:#323E26;--q-banner-fg:#FBFBFB;--q-banner-line:#D2D4CF;--q-banner-cta:#C1D6CA;--q-banner-cta-fg:#172107}
.rnq{--s-bg:#172107;--s-fg:#FBFBFB;--s-soft:#D2D4CF;--s-line:#7A8A78;--s-raise:#28331A;--s-raise2:#323E26;--s-cta:#C1D6CA;--s-cta-fg:#172107;--s-cta-hover:#FBFBFB;--s-sel:#C1D6CA;--s-sel-fg:#172107;--s-track:#5E6D59;--s-fill:#C1D6CA;--s-num:#C1D6CA;--s-focus:#C1D6CA;--s-bar:#323E26;--s-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D2D4CF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");--s-head:#172107;
  --rn-on-dark:var(--s-fg);--rn-on-dark-soft:var(--s-soft);--rn-line:var(--s-line);--rn-line-soft:var(--s-track);--rn-tint:var(--s-raise);--rn-sage:var(--s-fill);--rn-sage-line:var(--s-cta);--rn-ink:var(--s-cta-fg);
  --rn-deep:var(--s-bg);--rn-black:var(--s-bg);--rn-bar:var(--s-bar);--rn-focus:3px solid var(--s-focus);--line:var(--s-line)}
:is(body:has(.rnq),.rnq){
  --rn-font-display:"Open Sans Hebrew Condensed",Heebo,system-ui,sans-serif;--rn-font:Heebo,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--rn-w-display:800;
  --rn-radius:25px;--rn-radius-btn:8px;--rn-radius-pill:999px;
  --rn-ease:cubic-bezier(.16,1,.3,1);--rn-dur:200ms}
/* העמוד כולו כהה (Canvas נותן את הרקע הלבן של TT25). גם ה-html: בגלילת יתר לא נחשף לבן */
html:has(.rnq){background:var(--q-page);scroll-padding-bottom:104px} /* פוקוס מקלדת לא נחבא מאחורי פס הוואטסאפ או הבאנר (WCAG 2.4.11) */
body:has(.rnq){background:var(--q-page);font-family:var(--rn-font)}
.rnq{box-sizing:border-box;direction:rtl;margin:0;padding:0 0 40px;background:var(--rn-deep);color:var(--rn-on-dark);color-scheme:dark;
  font-family:var(--rn-font);font-size:18px;font-weight:400;line-height:1.6;letter-spacing:0;text-align:start;
  caret-color:var(--rn-sage);-webkit-text-size-adjust:100%;overflow-x:clip} /* clip ולא hidden: לא שובר את ה-sticky, ועוצר את הפס הדביק מלפתוח גלילה אופקית בטלפון */
.rnq>:not(.rnq-head){max-width:640px;margin-inline:auto;padding-inline:20px} /* הטור של השאלון. ה-header ברוחב מלא, כמו באתר */
.rnq *,.rnq *::before,.rnq *::after{box-sizing:border-box}
.rnq [hidden]{display:none!important}
.rnq p{margin:0}
.rnq h2,.rnq h3,.rnq button,.rnq input{font-family:inherit;letter-spacing:0}
.rnq ::selection{background:var(--rn-sage);color:var(--rn-ink)}
.rnq :focus-visible{outline:var(--rn-focus);outline-offset:3px}
.rnq :focus:not(:focus-visible){outline:none}
.rnq .rnq-q:focus,.rnq .rnq-score:focus{outline:none} /* כותרת שמקבלת פוקוס מהקוד (tabindex=-1) היא לא רכיב הפעלה */
.rnq button{margin:0;text-transform:none;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* header: רק הלוגו הלבן, על השחור של ה-header באתר. לא קישור, לא דביק */
.rnq .rnq-head{display:flex;align-items:center;min-height:64px;margin:0 0 16px;padding:8px 20px;background:var(--rn-black);border-bottom:1px solid var(--rn-line-soft)}
.rnq .rnq-head img{display:block;width:112px;height:auto;max-width:none;margin:0;border:0;box-shadow:none}

/* התקדמות: שם החלק ומספר השאלה, 12 מקטעים (אחד לכל שאלה), ומה שניב אומר על השלב */
.rnq .rnq-top{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:10px 16px;margin-bottom:36px}
.rnq .rnq-part{grid-area:1/1;min-height:1.4em;font-size:15px;font-weight:500;line-height:1.4}
.rnq .rnq-count{grid-area:1/2;min-height:1.4em;font-size:15px;line-height:1.4;color:var(--rn-on-dark-soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.rnq .rnq-bar{grid-area:2/1/3/3}
.rnq .rnq-steps{grid-area:3/1/4/3;margin:0;padding:0;list-style:none;font-size:15px;line-height:1.4;color:var(--rn-on-dark-soft)}
.rnq .rnq-steps li{display:none;margin:0}
.rnq .rnq-steps li.is-on{display:block}
.rnq.rnq-done .rnq-top{display:none}
/* מסילה ומילוי. המקטעים = mask (הפרדה גאומטרית, לא גרדיאנט צבע). המילוי ב-transform בלבד. מרווה מול המסילה: 6.1:1 */
.rnq .rnq-bar,.rnq .rnq-meter{--gap:3px;position:relative;height:6px;border-radius:3px;background:var(--rn-line-soft);overflow:hidden;
  -webkit-mask:repeating-linear-gradient(to left,#000 0 calc(100% / var(--n) - var(--gap)),#0000 0 calc(100% / var(--n)));
  mask:repeating-linear-gradient(to left,#000 0 calc(100% / var(--n) - var(--gap)),#0000 0 calc(100% / var(--n)));
  width:calc(100% + var(--gap));margin-inline-end:calc(var(--gap) * -1)}
.rnq .rnq-bar i,.rnq .rnq-meter i{display:block;height:100%;background:var(--rn-sage);transform-origin:100% 50%;transform:scaleX(var(--p,0));transition:transform .45s var(--rn-ease)}

/* מסך שאלה */
.rnq .rnq-sec{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} /* מוצג בראש (rnq-part); כאן לקורא מסך */
.rnq .rnq-q{margin:0 0 28px;font:var(--rn-w-display) 28px/1.3 var(--rn-font-display);color:var(--rn-on-dark);text-wrap:balance}
.rnq .rnq-screen[data-id] .rnq-q{min-height:calc(1.3em * 4)} /* כן/לא נשארים באותו גובה ברוב השאלות: האגודל לא צריך לחפש */
/* כן/לא: הכדורים של האתר (מסגרת לבנה 1px, pill, מילוי שקוף), נבחר = מרווה */
.rnq .rnq-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rnq .rnq-opt{min-height:60px;padding:0 16px;border:1px solid var(--rn-line);border-radius:var(--rn-radius-pill);background:var(--rn-tint);color:var(--rn-on-dark);
  font:var(--rn-w-display) 22px/1.2 var(--rn-font-display);transition:background-color .15s var(--rn-ease),color .15s var(--rn-ease),transform .15s var(--rn-ease)}
.rnq .rnq-opt:active{transform:scale(.98)}
.rnq .rnq-opt[aria-pressed="true"]{background:var(--rn-sage);border-color:var(--rn-sage-line);color:var(--rn-ink)}
.rnq .rnq-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:16px;padding:0 2px;border:0;background:none;color:var(--rn-on-dark-soft);font-size:16px;font-weight:500}
.rnq .rnq-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rnq .rnq-back:hover{background:none;color:var(--rn-on-dark)}

/* ניב בעיגול קטן (0.4.0): לא מוצג מ-0.5.3, הכללים נשארו למקרה שהתמונה תחזור */
.rnq .rnq-who{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.rnq .rnq-niv{flex:none;display:block;width:56px;height:56px;max-width:none;margin:0;border:0;border-radius:50%;object-fit:cover;background:var(--rn-sage);box-shadow:none}
.rnq .rnq-name{font-size:16px;font-weight:500;line-height:1.4}
.rnq .rnq-auth{font-size:15px;line-height:1.5;color:var(--rn-on-dark-soft)}
.rnq .rnq-auth strong{font-weight:500;color:var(--rn-on-dark)}
/* פתיחה (0.5.0, ניב 30.9 + יעל v4 §10): בלי כרטיס, שלוש רמות טקסט, ההוכחה בולטת ליד הכפתור. 0.6.0: הלוגו ב-header, השם נשאר בראש המסך.
   הרווחים ב-svh: ב-375×667 עם באנר העוגיות למטה (כ-170px) "בוא נתחיל" עדיין גלוי כולו */
.rnq .rnq-intro .rnq-q{margin:clamp(4px,1.5svh,16px) 0 0;font-size:40px;line-height:1.1}
.rnq .rnq-lead{margin-top:12px;font-size:20px;line-height:1.5}
.rnq .rnq-meta{margin-top:8px;font-weight:500}
.rnq .rnq-small{margin-top:clamp(14px,3svh,32px)}
.rnq .rnq-fine{font-size:15px;line-height:1.5;color:var(--rn-on-dark-soft)}
.rnq .rnq-fine + .rnq-fine{margin-top:4px}
.rnq .rnq-lock{padding-inline-start:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FEFFFF' stroke-opacity='.86' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") no-repeat right 0 top 2px/18px 18px}
.rnq .rnq-intro .rnq-go{margin-top:clamp(20px,3.5svh,32px)}
.rnq .rnq-proof{margin-top:12px;font-size:17px;font-weight:600;line-height:1.4;color:var(--rn-on-dark);text-align:center;font-variant-numeric:tabular-nums}
.rnq .rnq-proof strong{font-size:20px;font-weight:800;color:var(--rn-sage)} /* המספרים באתר במרווה (rns-facts). 10.7:1 */
/* 375×548 (ספארי עם הסרגלים) + באנר העוגיות (138px) */
@media (max-height:600px){.rnq .rnq-head{min-height:52px;margin-bottom:12px;padding-block:4px}.rnq .rnq-head img{width:100px}.rnq .rnq-intro .rnq-q{margin-top:8px}}

/* כפתור ראשי: ה-CTA לשאלון של האתר (rns-btn--primary): מרווה, דיו, מסגרת 2px, רדיוס 8, פונט הכותרות. "בוא נתחיל" ו"שלח". דיו על מרווה 10.9:1 */
.rnq .rnq-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:12px 24px;
  border:2px solid var(--rn-sage-line);border-radius:var(--rn-radius-btn);background:var(--rn-sage);color:var(--rn-ink);font:var(--rn-w-display) 1.25rem/1.15 var(--rn-font-display);
  transition:background-color var(--rn-dur) var(--rn-ease),transform var(--rn-dur) var(--rn-ease)}
.rnq .rnq-submit:active{transform:scale(.98)}
.rnq .rnq-submit:disabled{cursor:progress;opacity:.85}
.rnq .rnq-submit:disabled::after{content:"";width:18px;height:18px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:rnq-spin .8s linear infinite}
@keyframes rnq-spin{to{transform:rotate(-360deg)}}

/* טופס הפרטים. השדות והיעד קפואים (יואב + עידו): כאן רק מראה */
.rnq .rnq-field{margin-bottom:20px}
.rnq label{display:block;margin:0 0 8px;font-size:16px;font-weight:500;line-height:1.4;color:var(--rn-on-dark)}
.rnq label span{color:var(--rn-on-dark-soft)}
.rnq .rnq-hint{display:block;margin:-4px 0 8px;font-size:15px;line-height:1.4;color:var(--rn-on-dark-soft)}
.rnq #rnq-dh{margin-bottom:12px}.rnq .rnq-dnote{margin-bottom:28px} /* 0.7.2: השורה מתחת לכותרת של מסך הפרטים, קרובה אליה ורחוקה מהשדה הראשון */
.rnq input{display:block;width:100%;height:52px;margin:0;padding:0 16px;border:1px solid var(--line);border-radius:var(--rn-radius-btn);background:var(--rn-tint);color:var(--rn-on-dark);
  font-size:18px;font-weight:400;line-height:normal;box-shadow:none;transition:border-color .15s var(--rn-ease)}
.rnq input:focus-visible{outline-offset:2px;border-color:var(--rn-sage)}
.rnq input:-webkit-autofill{-webkit-text-fill-color:var(--rn-on-dark);box-shadow:inset 0 0 0 100px var(--rn-ink)} /* מילוי אוטומטי צובע את השדה בהיר. כאן הוא נשאר כהה */
.rnq input[dir="ltr"]{text-align:right}
.rnq input[aria-invalid="true"]{border:2px solid var(--rn-on-dark);padding-inline:15px}
.rnq .rnq-err{display:flex;align-items:flex-start;gap:6px;margin-top:8px;font-size:15px;font-weight:500;line-height:1.4;color:var(--rn-on-dark)}
.rnq .rnq-err::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;background:currentColor;
  -webkit-mask:var(--rnq-alert) center/contain no-repeat;mask:var(--rnq-alert) center/contain no-repeat}
.rnq{--rnq-alert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5v.01'/%3E%3C/svg%3E")}
.rnq .rnq-err-general:empty{display:none}
.rnq .rnq-err-general{margin-top:16px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--rn-radius-btn);background:var(--rn-tint)}
.rnq .rnq-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} /* בלי left שלילי: ב-RTL הוא פותח גלילה אופקית */
.rnq .rnq-privacy{justify-self:start;display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--rn-on-dark);text-decoration:underline;text-underline-offset:.2em}
.rnq .rnq-check{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:start;margin:4px 0 24px}
.rnq .rnq-check input{width:24px;height:24px;margin:1px 0 0;accent-color:var(--rn-sage);cursor:pointer}
.rnq .rnq-check label{margin:0;font-size:15px;font-weight:400;line-height:1.6;color:var(--rn-on-dark-soft);cursor:pointer}
.rnq .rnq-check .rnq-privacy,.rnq .rnq-check .rnq-err{grid-column:2}

/* תוצאה: הציון הוא הרגע היחיד שמתוכנן בתנועה (המד מתמלא) */
.rnq .rnq-score{margin:0 0 20px;font-size:20px;line-height:1.4;font-weight:500}
.rnq .rnq-num{display:block;margin-top:4px;font:var(--rn-w-display) 72px/1 var(--rn-font-display);color:var(--rn-sage);font-variant-numeric:tabular-nums}
.rnq .rnq-meter{--n:4;--gap:4px;height:10px;border-radius:5px;margin-bottom:16px} /* 4 מקטעים = 4 הרצועות */
/* result_note: הסתייגות בתחתית. קטן ושקט, אבל קריא (12:1) */
.rnq .rnq-note{margin:40px 0 0;font-size:13px;line-height:1.6;color:var(--rn-on-dark-soft)}
.rnq .rnq-note a{display:inline-block;min-width:44px;padding:10px 6px;margin:-10px -6px;color:var(--rn-on-dark);font-weight:500;text-align:center;text-decoration:underline;text-underline-offset:.2em}
.rnq .rnq-meter i{transition-duration:1.1s;transition-delay:.15s}
/* כרטיס של האתר: מסגרת לבנה 1px, רדיוס 25, מילוי שקוף */
.rnq .rnq-mine,.rnq .rnq-tm{padding:20px 24px;border:1px solid var(--rn-line);border-radius:var(--rn-radius);background:var(--rn-tint)}
.rnq .rnq-mine{margin:0 0 40px}
.rnq .rnq-mine-h{margin-bottom:8px!important;font-weight:700}
.rnq .rnq-mine ul{margin:0;padding-inline-start:1.1em}
.rnq .rnq-mine li{margin:0 0 6px}
.rnq .rnq-mine li::marker{color:var(--rn-sage)}
.rnq .rnq-quote{margin:0 0 28px;padding:0;border:0;background:none;font:var(--rn-w-display) 24px/1.3 var(--rn-font-display);text-wrap:pretty}
.rnq .rnq-quote p{margin:0}
.rnq .rnq-band{line-height:1.7}
.rnq .rnq-band > p{margin-bottom:.45em} /* כל שורה מ-Fillout היא <p>: רווח קטן כדי שהמשפטים יזרמו */
.rnq .rnq-band .rnq-bl{padding-inline-start:1.1em;text-indent:-1.1em}
.rnq .rnq-band .rnq-em{font-weight:500}
.rnq .rnq-tm{margin:28px 0 0;font-weight:500}
.rnq .rnq-tm blockquote{margin:0;padding:0;border:0}

/* גשר לפני ה-VSL: השאלה שהסרטון עונה עליה, ומשפט על האורך */
.rnq .rnq-bridge{margin-top:48px}
.rnq .rnq-bridge-q{margin:0 0 8px;padding:0;font:var(--rn-w-display) 28px/1.2 var(--rn-font-display);color:var(--rn-on-dark);text-transform:none;text-wrap:balance}
/* VSL: הרכיב של הבית, הבלוק ch-vsl בסוף הקובץ נוצר מה-facade. כאן רק המרווח בתוך השאלון */
.rnq .ch-vsl{margin:24px 0}
/* wa_note: בזרימה, מעל המקום שבו הכפתור הדביק נוחת. לא בתוך הפס (שתי שורות ב-375) */
.rnq .rnq-wa-note{margin:0 0 4px;font-size:16px;line-height:1.5;text-align:center;text-wrap:balance}

/* Click to Chat (HoliThemes): הריבוע הירוק הצף מכסה את "בוא נתחיל" ואת "וואטסאפ לניב" בטלפון. התוסף מוריד את הסקריפט שלו
   בעמוד השאלון (rnq_head_css), וזה הגיבוי למקרה שה-shortcode לא זוהה מראש. הקובץ הזה נטען רק בעמודים עם השאלון */
#ht-ctc-chat{display:none!important}
/* התחתית של rosh-naki-legal (#rnl): בשאלון רק הקישורים המשפטיים (ניב 1.10). המייל והטלפון יורדים. ‏#rnl.rnl גובר על footer.css שמודפס אחרי הקובץ הזה.
   0.6.3 (ניב 2.10): שורה קטנה אחת (מדיניות פרטיות · הצהרת נגישות · תקנון · ©), באותו רקע של העמוד (--rn-deep: מול --rn-ink של #rnl הייתה ניגודיות 1.02:1, ומשם ה"תפר"),
   בתחתית המסך כשהעמוד קצר (body הוא flex עמודה בגובה 100svh, והתחתית margin-top:auto: במסך שאלה היא לא צפה באמצע), ואחרי התוכן כשהוא ארוך (התוצאה).
   הפס הדביק של הוואטסאפ (.rnq-wa-bar) דביק בתוך .rnq ונגמר מעל התחתית, ולכן לא מסתיר אותה. מטרות מגע 24px (WCAG 2.5.8). 11px: ב-375 המסמכים וה-© נכנסים בשורה (ב-12px ה-© יורד). 0.7.0: רק הצבעים, מ-‏--q-foot* (אותו משטח של הגוף, #172107). ב-0.6.3 הפוטר היה #172107 מול גוף #0F2500 */
body:has(.rnq){min-height:100svh;display:flex;flex-direction:column}
#rnl.rnl{margin-top:auto;padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px));background:var(--q-foot)!important;border:0}
#rnl.rnl .rnl__contact{display:none}
#rnl.rnl .rnl__bottom{border-top:0;margin:0;padding:0;justify-content:center;column-gap:10px}
#rnl.rnl .rnl__docs a{font-size:11px;color:var(--q-foot-fg)!important}
#rnl.rnl .rnl__docs li+li::before{margin-inline:6px;background:var(--q-foot-dot)}
#rnl.rnl .rnl__soft{font-size:11px!important;color:var(--q-foot-soft)!important}
#rnl.rnl a:focus-visible{outline-color:var(--q-foot-fg)}

/* וואטסאפ: דביק בתחתית לאורך מסך התוצאה (sticky ולא fixed: לא יוצא מהשאלון ולא מסתיר את הסוף). הפס השחור של האתר (rns-bar).
   הכפתור במרווה, כמו הכפתור הראשי: במסך הזה הוא הפעולה היחידה */
.rnq .rnq-wa-bar{position:sticky;bottom:0;z-index:5;margin:0 -20px -40px;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--rn-bar);border-top:1px solid var(--rn-line-soft)}
.rnq .rnq-wa{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;max-height:64px;border:2px solid var(--rn-sage-line);border-radius:var(--rn-radius-btn);background:var(--rn-sage);color:var(--rn-ink);
  font:var(--rn-w-display) 1.25rem/1.15 var(--rn-font-display);text-decoration:none;transition:background-color var(--rn-dur) var(--rn-ease),transform var(--rn-dur) var(--rn-ease)}
.rnq .rnq-wa:active{transform:scale(.98)}
.rnq .rnq-wa svg{width:24px;height:24px;fill:currentColor}

@media (hover:hover){
  .rnq .rnq-opt:not([aria-pressed="true"]):hover{background:var(--rn-line-soft)}
  .rnq .rnq-submit:not(:disabled):hover,.rnq .rnq-wa:hover{background:var(--rn-on-dark);color:var(--rn-ink)}
  .rnq .rnq-privacy:hover{text-decoration-thickness:2px}
}
@media (min-width:700px){
  .rnq{padding-bottom:64px}
  .rnq>:not(.rnq-head){padding-inline:40px}
  .rnq .rnq-wa-bar{margin:0 -40px -64px;padding-inline:40px;background:var(--rn-deep);border-top:0} /* בדסקטופ הפס השחור הוא מלבן באמצע העמוד. באתר הפס הדביק רק בטלפון */
  .rnq .rnq-top{margin-bottom:48px}
  .rnq .rnq-q{font-size:36px;line-height:1.25}
  .rnq .rnq-screen[data-id] .rnq-q{min-height:calc(1.25em * 3)}
  .rnq .rnq-intro .rnq-q{font-size:56px;line-height:1.08}
  .rnq .rnq-bridge-q{font-size:34px}
  .rnq .rnq-score{font-size:22px}
  .rnq .rnq-num{font-size:96px}
  .rnq .rnq-quote{font-size:30px}
}
/* כמו ה-header של האתר: הלוגו 136px, והוא יושב בקצה הקונטיינר של 1140 */
@media (min-width:768px){.rnq .rnq-head{min-height:80px;margin-bottom:48px;padding:16px max(32px,calc(50% - 570px))}.rnq .rnq-head img{width:136px}}
@media (prefers-reduced-motion:no-preference){
  .rnq .rnq-screen:not([hidden]){animation:rnq-in .32s var(--rn-ease) both}
  .rnq.rnq-rev .rnq-screen:not([hidden]){animation-name:rnq-in-rev}
  @keyframes rnq-in{from{opacity:0;transform:translateX(-16px)}} /* RTL: הבא מגיע משמאל */
  @keyframes rnq-in-rev{from{opacity:0;transform:translateX(16px)}}
}
@media (prefers-reduced-motion:reduce){
  .rnq *,.rnq *::before,.rnq *::after{transition:none!important;animation:none!important}
  .rnq .rnq-submit:disabled::after{display:none}
}

/* ===== 0.7.0: כיוון A "זית אחד" (יעל, redesign-2026-10/directions/_common.css). נטען אחרי כללי 0.6.x שלמעלה ועוקף אותם. =====
   כל רכיב קורא מחבילת --s-* של .rnq, בלי שקיפות ובלי צל כהה על כהה. הכללים החדשים: וי בתשובה הנבחרת (לא רק צבע), תיבת סימון בפלטה (appearance:none), בלי צל על מסגרת הנגן.
   .rnq הוא עכשיו flex עמודה (הפוטר בתחתית המסך כשהעמוד קצר), ולכן width:100% לילדים: margin-inline:auto בלי זה מכווץ אותם */
.rnq{flex:1 0 auto;display:flex;flex-direction:column} /* padding-bottom נשאר של 0.6.3 (40px, ו-64px בדסקטופ): הפס הדביק מבטל אותו ב-margin שלילי, ובלעדיו הוא נוחת על הפוטר */
.rnq>:not(.rnq-head){width:100%}
.rnq .rnq-screen:not([hidden]){flex:1 0 auto}
.rnq ::selection{background:var(--s-cta);color:var(--s-cta-fg)}

/* header: הלוגו על משטח הראש, בלי קו תחתון */
.rnq .rnq-head{background:var(--s-head);border-bottom:0;margin-bottom:16px}

/* התקדמות: אותה צורה (12 מקטעים, מתמלא מימין), רק צבעים. המסילה 3:1 מול הרקע */
.rnq .rnq-bar,.rnq .rnq-meter{background:var(--s-track)}
.rnq .rnq-bar i,.rnq .rnq-meter i{background:var(--s-fill)}
.rnq .rnq-part{color:var(--s-fg)}
.rnq .rnq-count,.rnq .rnq-steps{color:var(--s-soft)}

/* שאלה, כן/לא: מילוי מלא במדרגה של אותו גוון, בלי מסגרת לבנה ובלי שקיפות. נבחר: צבע הבחירה, ובנוסף וי (לא רק צבע) */
.rnq .rnq-q{color:var(--s-fg)}
.rnq .rnq-opt{border:2px solid transparent;background:var(--s-raise);color:var(--s-fg)}
.rnq .rnq-opt[aria-pressed="true"]{background:var(--s-sel);border-color:var(--s-sel);color:var(--s-sel-fg)}
.rnq .rnq-opt[aria-pressed="true"]::after{content:"";display:inline-block;width:.8em;height:.8em;margin-inline-start:.45em;vertical-align:-.05em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.rnq .rnq-back{color:var(--s-soft)}
.rnq .rnq-back:hover{color:var(--s-fg)}

/* פתיחה: הטקסטים מהמשטח שלהם */
.rnq .rnq-fine,.rnq .rnq-hint,.rnq label span{color:var(--s-soft)}
.rnq .rnq-lock{background-image:var(--s-lock)}
.rnq .rnq-proof{color:var(--s-fg)}
.rnq .rnq-proof strong{color:var(--s-num)}

/* כפתור ראשי: מילוי אחד, בלי מסגרת בגוון אחר */
.rnq .rnq-submit,.rnq .rnq-wa{border:0;background:var(--s-cta);color:var(--s-cta-fg)}

/* טופס */
.rnq label,.rnq input{color:var(--s-fg)}
.rnq input{background:var(--s-raise);border:1px solid var(--s-line)}
.rnq input:focus-visible{border-color:var(--s-focus)}
.rnq input:-webkit-autofill{-webkit-text-fill-color:var(--s-fg);box-shadow:inset 0 0 0 100px var(--s-raise)}
.rnq input[aria-invalid="true"]{border:2px solid var(--s-fg)}
.rnq .rnq-err{color:var(--s-fg)}
.rnq .rnq-err-general{background:var(--s-raise);border-color:var(--s-line)}
.rnq .rnq-privacy{color:var(--s-fg)}
/* תיבת הסימון: בפלטה (היה אפור ברירת מחדל של הדפדפן). קופסה 24px עם מסגרת 3:1, מסומן = מילוי הבחירה ווי */
.rnq .rnq-check input{appearance:none;-webkit-appearance:none;position:relative;width:24px;height:24px;margin:1px 0 0;padding:0;border:2px solid var(--s-line);border-radius:6px;background:var(--s-raise)}
.rnq .rnq-check input:checked{background:var(--s-sel);border-color:var(--s-sel)}
.rnq .rnq-check input:checked::after{content:"";position:absolute;inset:3px;background:var(--s-sel-fg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.rnq .rnq-check label{color:var(--s-soft)}

/* תוצאה: כרטיס במילוי מלא (לא מסגרת לבנה על שקוף), בלי הילה סביב הנגן */
.rnq .rnq-score{color:var(--s-fg)}
.rnq .rnq-num{color:var(--s-num)}
.rnq .rnq-mine,.rnq .rnq-tm{border:0;background:var(--s-raise);border-radius:16px}
.rnq .rnq-mine li::marker{color:var(--s-num)}
.rnq .rnq-note,.rnq .rnq-wa-note{color:var(--s-soft)}
.rnq .rnq-wa-note{color:var(--s-fg)}
.rnq .rnq-note a{color:var(--s-fg)}
.rnq .rnq-bridge-q{color:var(--s-fg)}
.rnq .ch-vsl__frame{box-shadow:none;border-radius:16px}
.rnq .rnq-wa-bar{background:var(--s-bar);border-top:0}
.rnq .rnq-wa{border:0}
@media (hover:hover){
  .rnq .rnq-opt:not([aria-pressed="true"]):hover{background:var(--s-raise2)}
  .rnq .rnq-submit:not(:disabled):hover,.rnq .rnq-wa:hover{background:var(--s-cta-hover);color:var(--s-cta-fg)}
}
@media (min-width:700px){.rnq .rnq-wa-bar{background:var(--s-bg)}} /* דסקטופ: כמו ב-0.6.3, הפס באותו משטח של הגוף (בלי מלבן באמצע העמוד) */

/* ===== באנר העוגיות #rnc (תוסף rosh-naki-consent), רק במסכי השאלון: אותו נוסח ואותה היררכיה, משטח מלא בלי הילה ובלי מסגרת ===== */
body:has(.rnq) #rnc{background:var(--q-banner)!important;color:var(--q-banner-fg)!important;border:0!important;box-shadow:none!important;border-radius:16px 16px 0 0}
body:has(.rnq) #rnc .rnc__txt,body:has(.rnq) #rnc .rnc__txt a{color:var(--q-banner-fg)!important}
body:has(.rnq) #rnc .rnc__btn{border:2px solid var(--q-banner-line)!important;border-radius:8px!important;color:var(--q-banner-fg)!important;background:transparent!important}
body:has(.rnq) #rnc .rnc__btn--yes{background:var(--q-banner-cta)!important;border-color:var(--q-banner-cta)!important;color:var(--q-banner-cta-fg)!important}
body:has(.rnq) #rnc a:focus-visible,body:has(.rnq) #rnc .rnc__btn:focus-visible{outline-color:var(--q-banner-fg)!important}

/* ch-vsl: נוצר ב-tests/sync_vsl.py מ-build/vsl-facade.html. לא לערוך כאן */
.ch-vsl{--ol:#172107;--sg:#C1D6CA;width:100%;max-width:720px;margin:16px auto 8px;direction:rtl}
.ch-vsl__frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--ol);box-shadow:0 0 10px rgba(0,0,0,.5)}
.ch-vsl__btn{all:unset;box-sizing:border-box;position:absolute;inset:0;z-index:1;cursor:pointer;display:grid;place-items:center}
.ch-vsl__btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ch-vsl__play{position:relative;width:72px;height:72px;border-radius:50%;background:var(--sg);display:grid;place-items:center;box-shadow:0 2px 12px rgba(0,0,0,.45);transition:transform .15s}
.ch-vsl__play svg{width:28px;height:28px;margin-inline-start:4px;fill:var(--ol)}
.ch-vsl__btn:hover .ch-vsl__play{transform:scale(1.06)}
.ch-vsl__btn:focus-visible{outline:3px solid var(--sg);outline-offset:-6px;box-shadow:inset 0 0 0 9px var(--ol)}
.ch-vsl iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* 2.10: "הפעלת קול", מתחת לנגן. 44px, מרווה על דיו 10.9:1. הבורר .ch-vsl .ch-vsl__unmute (0,2,0): גובר על `.rnq button` של השאלון ועל כפתורי ה-Kit של אלמנטור ב-76 */
.ch-vsl .ch-vsl__unmute{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;min-height:44px;margin:12px auto 0;padding:0 22px;border-radius:999px;background:var(--sg);color:var(--ol);font:700 16px/1 Heebo,Assistant,system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.ch-vsl .ch-vsl__unmute[hidden]{display:none}
.ch-vsl .ch-vsl__unmute svg{width:22px;height:22px;flex:none;fill:currentColor}
.ch-vsl .ch-vsl__unmute:hover{background:#d4e4db}
.ch-vsl .ch-vsl__unmute:focus-visible{outline:3px solid var(--sg);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.ch-vsl__play{transition:none}.ch-vsl__btn:hover .ch-vsl__play{transform:none}}
/* /ch-vsl */