/* ============================================================
   כיסוי חכם: מערכת העיצוב
   ------------------------------------------------------------
   DIRECTION: מרקטפלייס ביטוח מודרני וחם (7.11.2026, אחרי משוב הבעלים:
     הגרסה "העיתונאית" נקראה כ"מכוער, AI, לא מזמין"). עמוד לבן, משטחים
     מעוגלים גדולים, תצלום חם אחד בשער, ומבטא כתום-טרקוטה אחד.
   REFERENCES: policygenius.com (כרטיס תצלום בשער עם כותרת חופפת ופס
     "מה תרצו להשוות?" צף, רצועת אמון מתחת, סריף קל וגדול), lemonade.com
     (לבן, פינות מעוגלות, כפתור צבע אחד), לוחות Pinterest/Dribbble
     "insurance landing page", "financial comparison" (בנטו של כרטיסים
     בגוונים פסטליים, כרטיס עוגן כהה אחד, מחיר גדול עם יחידה קטנה).
     הפירוט ב-research/redesign-brief.md.
   TYPE: Frank Ruhl Libre 400/500/700 לכותרות (משקל 500, לא 900),
     Rubik 400/500/600 לגוף.
   BASE: לבן #FFFFFF ואפור חם #F6F4EF, דיו #14201C.  ACCENT: #E4572E
     (לכפתורים עם טקסט לבן בלבד; לטקסט: --accent-strong #C4441F).
     ANCHOR: יער כהה #0F3D33 למשטח הכהה האחד בכל מסך.
   LAYOUT PRIMITIVE: משטח מעוגל (12/20/28px) על רקע לבן או אפור חם.
     עומק מגיע מגודל ומגוון, לא מקווים. צל רק למה שצף.
   MOTION: 150 עד 260ms, cubic-bezier(.23,1,.32,1). ריחוף מרים 1 עד 2px,
     לחיצה scale(.98). transform ו-opacity בלבד.
   ONE MEMORABLE THING: כרטיס התצלום בשער עם בלוק הכותרת שחופף לפינה
     ופס הבחירה הצף על תחתית התמונה.

   תוכן העניינים:
   01 טוקנים   02 בסיס   03 פריסה   04 סרגל הניווט ותפריט נייד
   05 קיקר, מטא, כותרת מדור   06 טיזרים   07 תצלום   08 כתבה
   09 בלוקים של כתבה   10 תיבות נתונים   11 כפתורים   12 טפסים
   13 שלד השאלון (wz-)   14 טופס פנייה   15 עמודי מדור   16 פוטר
   17 כפתורים צפים   18 נגישות   19 עזרים   20 הדפסה
   ============================================================ */

/* ---------- 00 גופנים (אירוח עצמי) ----------
   Rubik ו-Frank Ruhl Libre כקובצי WOFF2 משתנים (ציר wght) ב-/assets/fonts,
   קובץ עברי וקובץ לטיני בסיסי לכל משפחה, רישיון OFL 1.1 לצדם.
   מקור: Google Fonts (Rubik v31, Frank Ruhl Libre v23), חתוכים לטווח המשקלים
   שבשימוש (Rubik 400-600, Frank Ruhl Libre 400-700). הקבצים מוגשים עם
   Cache-Control immutable, ולכן כל שינוי בקובץ = שם קובץ חדש (הסיומת -vNN).
   שני הקבצים העבריים נטענים מראש ב-<head> (tools/site.mjs, FONT_PRELOAD).
   משפחות ה-Fallback: Arial ו-Times New Roman מכוילים לרוחב הממוצע של האותיות
   העבריות בגופן האמיתי (size-adjust) ולגובה שלו (ascent/descent-override),
   כדי שההחלפה (swap) לא תזיז שורות ולא תייצר CLS. */
@font-face{font-family:'Rubik';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/rubik-latin-v31.woff2') format('woff2');unicode-range:U+0020-007E,U+00A0-00BF,U+00D7,U+00F7,U+2011-2027,U+2030-203A,U+20AC,U+2122,U+2212}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/rubik-he-v31.woff2') format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/frank-ruhl-libre-latin-v23.woff2') format('woff2');unicode-range:U+0020-007E,U+00A0-00BF,U+00D7,U+00F7,U+2011-2027,U+2030-203A,U+20AC,U+2122,U+2212}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/frank-ruhl-libre-he-v23.woff2') format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik Fallback';font-style:normal;font-weight:100 500;src:local('Arial'),local('ArialMT');size-adjust:103.3%;ascent-override:90.5%;descent-override:24.2%;line-gap-override:0%}
@font-face{font-family:'Rubik Fallback';font-style:normal;font-weight:600 900;src:local('Arial Bold'),local('Arial-BoldMT');size-adjust:102.2%;ascent-override:91.5%;descent-override:24.5%;line-gap-override:0%}
@font-face{font-family:'Frank Ruhl Libre Fallback';font-style:normal;font-weight:100 900;src:local('Times New Roman'),local('TimesNewRomanPSMT');size-adjust:107%;ascent-override:89.4%;descent-override:31.2%;line-gap-override:0%}

/* ---------- 01 טוקנים ---------- */
:root{
  color-scheme:light;

  /* משטחים ודיו. השמות נשארו מהגרסה הקודמת כדי שהעמודים הפנימיים ימשיכו לעבוד. */
  --paper:#FFFFFF;
  --paper-2:#F6F4EF;
  --paper-3:#ECE8E0;
  --surface:#FFFFFF;
  --ink:#14201C;
  --ink-2:#2E3A35;
  --muted:#66706B;
  --rule:#E6E2DA;
  --field-border:#D6D1C7;

  /* מבטא אחד, חם */
  --accent:#E4572E;
  --accent-strong:#C4441F;
  --accent-tint:#FBE9E1;
  --on-accent:#FFFFFF;

  /* משטח כהה אחד למסך */
  --anchor:#0F3D33;
  --anchor-2:#164A3F;
  --on-anchor:#F3F7F5;

  /* גוונים פסטליים לכרטיסים */
  --tint-sage:#DCEBE4;
  --tint-peach:#F8E6D8;
  --tint-sand:#F3EDE2;

  /* משמעות */
  --ok:#1E6B4A;
  --ok-tint:#E3EFE6;
  --warn:#8A5A00;
  --warn-tint:#FBF0D9;
  --wa:#12805C;
  --focus:var(--accent-strong);

  /* נתונים (תרשימים) */
  --data-1:var(--anchor);
  --data-2:var(--accent);
  --data-3:#46607A;
  --data-4:#B07A1E;

  /* טיפוגרפיה */
  --font-display:'Frank Ruhl Libre','Frank Ruhl Libre Fallback','David Libre','Times New Roman',serif;
  --font-body:'Rubik','Rubik Fallback','Heebo','Assistant','Arial Hebrew',Arial,sans-serif;
  --fs-12:.75rem;
  --fs-13:.8125rem;
  --fs-14:.875rem;
  --fs-15:.9375rem;
  --fs-16:1rem;
  --fs-17:1.0625rem;
  --fs-18:1.125rem;
  --fs-20:1.25rem;
  --fs-h4:clamp(1.25rem,1.15rem + .4vw,1.45rem);
  --fs-h3:clamp(1.5rem,1.3rem + .8vw,1.9rem);
  --fs-h2:clamp(1.9rem,1.5rem + 1.6vw,2.75rem);
  --fs-h1:clamp(2.4rem,1.6rem + 3.2vw,4rem);
  --fs-name:1.5rem;
  --lh-tight:1.1;
  --lh-head:1.2;
  --lh-body:1.7;

  /* מרווחים: סולם 4/8 */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.25rem; --s-6:1.5rem;
  --s-8:2rem; --s-10:2.5rem; --s-12:3rem; --s-16:4rem; --s-20:5rem; --s-24:6rem;

  --wrap:1200px;
  --gutter:clamp(1rem,.4rem + 2.4vw,2rem);
  --measure:66ch;
  --tap:44px;

  /* פינות */
  --radius:12px;
  --radius-lg:20px;
  --radius-xl:28px;
  --radius-pill:999px;

  /* צל: רק למה שצף (פס הבחירה בשער, תפריט נייד, חלונית נגישות, כפתורים צפים) */
  --shadow-1:0 1px 2px rgba(20,32,28,.06),0 10px 24px -14px rgba(20,32,28,.18);
  --shadow-2:0 2px 8px rgba(20,32,28,.08),0 24px 48px -20px rgba(20,32,28,.28);

  /* תנועה */
  --ease:cubic-bezier(.23,1,.32,1);
  --dur-1:150ms;
  --dur-2:200ms;
  --dur-3:260ms;
  --dur-4:480ms;
  /* נשאר בשביל קוד ישן; התצלומים כבר לא מקבלים וילון. */
  --photo-veil:transparent;
}

/* ---------- 02 בסיס ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{
  margin:0;
  background-color:var(--paper);
  color:var(--ink-2);
  font-family:var(--font-body);
  font-size:var(--fs-17);
  line-height:var(--lh-body);
  font-weight:400;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:clip;
}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);font-weight:500;line-height:var(--lh-head);margin:0;text-wrap:balance}
h1,h2{line-height:var(--lh-tight);letter-spacing:-.01em}
p{margin:0 0 var(--s-4);text-wrap:pretty}
b,strong{font-weight:600}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--field-border);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--dur-1) var(--ease),text-decoration-color var(--dur-1) var(--ease)}
a:hover{color:var(--accent-strong);text-decoration-color:currentColor}
img,svg{max-width:100%;height:auto}
svg.ic{flex:none;vertical-align:-.22em}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
bdi,.ltr{unicode-bidi:isolate}
.ltr{direction:ltr}
/* מחיר בשקלים: "56.74 ₪". הסימן נשאר משמאל למספר גם בתוך מכל LTR, והצמד לא נשבר. */
.ils{direction:rtl;unicode-bidi:isolate;white-space:nowrap}
::selection{background:var(--anchor);color:var(--on-anchor)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius)}
[hidden]{display:none !important}

/* ---------- 03 פריסה ---------- */
.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
main{display:block;min-height:50vh}

.grid{display:grid;gap:var(--s-6)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* grid--ruled: בעבר קווים דקים בין התאים. עכשיו כל תא הוא כרטיס לבן מעוגל. */
.grid--ruled > *{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-6);transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}
.grid--ruled > .teaser:hover{transform:translateY(-2px);box-shadow:var(--shadow-1)}
/* על רצועה אפורה הכרטיס הלבן עומד בעצמו, בלי מסגרת */
.band .grid--ruled > *{border-color:transparent}
.band .databox,.band .disclaimer,.band .sources,.band .table-fig,.band .wz-disclaimer{background:var(--surface)}
@media (prefers-reduced-motion:reduce){.grid--ruled > .teaser:hover{transform:none}}
@media (max-width:900px){.grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr);gap:var(--s-4)}}

/* סיפור מוביל ועמודה צדדית */
.front{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:var(--s-8)}
.front-side{display:flex;flex-direction:column;gap:var(--s-5)}
@media (max-width:900px){.front{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}}

.rule{border:0;border-top:1px solid var(--rule);margin:var(--s-8) 0}
.rule--ink,.rule--double{border-top:1px solid var(--rule)}

.skip-link{position:absolute;top:-100px;right:var(--s-4);z-index:1000;background:var(--anchor);color:var(--on-anchor);padding:var(--s-3) var(--s-5);border-radius:var(--radius);font-weight:600;text-decoration:none}
.skip-link:focus{top:var(--s-3);color:var(--on-anchor)}
.dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;margin-inline:.55em;vertical-align:middle;opacity:.7}

/* ---------- 04 סרגל הניווט (סרגל אחד, דביק, לבן, 64px) ותפריט נייד ---------- */
.sitebar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--rule)}
.sitebar-in{display:flex;align-items:center;gap:var(--s-6);min-height:64px}
.brand,.nameplate{font-family:var(--font-display);font-weight:500;font-size:var(--fs-name);line-height:1;color:var(--ink);text-decoration:none;white-space:nowrap;letter-spacing:-.01em}
.brand:hover,.nameplate:hover{color:var(--ink)}
.nameplate--sm{font-size:var(--fs-name)}
.sections-list{display:flex;align-items:center;gap:var(--s-2);flex:1;overflow-x:auto;scrollbar-width:none}
.sections-list::-webkit-scrollbar{display:none}
.sections-list a{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--s-4);border-radius:var(--radius-pill);font-size:var(--fs-15);font-weight:500;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}
.sections-list a:hover{background:var(--paper-2);color:var(--ink)}
.sections-list a[aria-current="page"]{background:var(--tint-sage);color:var(--anchor);font-weight:600}
.sections-cta{flex:none}
.burger,.sitebar-call{display:none;flex:none;width:var(--tap);height:var(--tap);align-items:center;justify-content:center;background:none;border:0;border-radius:50%;color:var(--ink);cursor:pointer;text-decoration:none}
.burger .ic,.sitebar-call .ic{width:24px;height:24px}
@media (max-width:820px){
  .sitebar-in{gap:var(--s-1);min-height:60px}
  .brand{flex:1;font-size:1.4rem}
  .sections-list,.sections .sections-cta{display:none}
  .sitebar-call{display:flex}
  .js .burger{display:flex}
}

.mnav{position:fixed;inset:0;z-index:200;background:var(--paper);overflow-y:auto;padding:var(--s-3) var(--gutter) var(--s-10);opacity:0;transform:translateY(-8px);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}
.mnav.is-open{opacity:1;transform:none}
.mnav-top{display:flex;justify-content:space-between;align-items:center;min-height:60px;border-bottom:1px solid var(--rule)}
.mnav-close{width:var(--tap);height:var(--tap);display:flex;align-items:center;justify-content:center;background:var(--paper-2);border:0;border-radius:50%;cursor:pointer}
.mnav-links{display:grid;gap:var(--s-2);padding-top:var(--s-5)}
.mnav-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 var(--s-5);border-radius:var(--radius);font-family:var(--font-display);font-weight:500;font-size:1.5rem;color:var(--ink);text-decoration:none}
.mnav-links a:hover{background:var(--paper-2)}
.mnav-links a[aria-current="page"]{background:var(--tint-sage);color:var(--anchor)}
.mnav-foot{margin-top:var(--s-8);display:grid;gap:var(--s-3)}
.mnav-foot p{margin:0;font-size:var(--fs-14);color:var(--muted)}
html.mnav-lock{overflow:hidden}
html.mnav-lock .wa-fab,html.mnav-lock .a11y-root,html.mnav-lock .mcta{display:none}

/* ---------- 05 קיקר, מטא, כותרת מדור ---------- */
/* הקיקר הוא צ'יפ קטן בגוון. */
.kicker{display:inline-flex;align-items:center;margin:0 0 var(--s-3);padding:.3em .8em;border-radius:var(--radius-pill);background:var(--accent-tint);font-family:var(--font-body);font-size:var(--fs-13);font-weight:600;line-height:1.4;color:var(--accent-strong)}
.kicker--lg{font-size:var(--fs-14)}
.kicker--ink{background:var(--paper-2);color:var(--ink)}

.meta{display:flex;flex-wrap:wrap;align-items:center;margin:0;font-size:var(--fs-13);color:var(--muted);line-height:1.5}
.meta > * + *::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;margin-inline:.6em;vertical-align:middle;opacity:.7}

.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-2) var(--s-4);margin:var(--s-20) 0 var(--s-8)}
.section-head h2,.section-head .h{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.01em;margin:0;color:var(--ink)}
.more{flex:none;display:inline-flex;align-items:center;min-height:var(--tap);gap:var(--s-2);font-size:var(--fs-15);font-weight:600;color:var(--anchor);text-decoration:none}
.more:hover{color:var(--accent-strong)}
.more .ic{width:16px;height:16px;transition:transform var(--dur-1) var(--ease)}
.more:hover .ic{transform:translateX(-3px)}

.crumbs{font-size:var(--fs-13);color:var(--muted);margin-bottom:var(--s-5)}
.crumbs ol{display:flex;flex-wrap:wrap}
.crumbs li + li::before{content:"\2039";margin-inline:.5em;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs [aria-current]{color:var(--ink-2);display:inline-block;max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}

/* ---------- 06 טיזרים ---------- */
.teaser{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);min-width:0}
.teaser .kicker{margin:0}
.teaser-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:var(--fs-h4);line-height:1.25;color:var(--ink)}
.teaser-title a{color:inherit;text-decoration:none}
/* כל הטיזר לחיץ; טבעת הפוקוס מצוירת על הכרטיס */
.teaser-title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.teaser-title a:focus-visible{outline:none}
.teaser-title a:focus-visible::after{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-lg)}
.teaser:hover .teaser-title a{color:var(--accent-strong)}
.teaser-deck{margin:0;font-size:var(--fs-16);line-height:1.6;color:var(--ink-2)}
.teaser .meta{margin-top:var(--s-1)}
.teaser-art{width:100%;background:var(--tint-sand);border-radius:var(--radius);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-2);overflow:hidden}
.teaser-art svg{width:100%;height:100%;display:block}

.teaser--lead{gap:var(--s-3)}
.teaser--lead .teaser-title{font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:-.01em}
.teaser--lead .teaser-deck{font-size:var(--fs-18);line-height:1.55;max-width:52ch}
@media (min-width:901px){
  .teaser--lead:has(.teaser-art){display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:var(--s-8);row-gap:var(--s-3);align-content:start}
  .teaser--lead:has(.teaser-art) > *{grid-column:1}
  .teaser--lead:has(.teaser-art) .teaser-art{grid-column:2;grid-row:1 / span 6;margin:0;align-self:start}
}

.teaser--sm .teaser-title{font-size:var(--fs-17);line-height:1.35}
.teaser--num{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s-4);row-gap:var(--s-1)}
.teaser--num > *{grid-column:2}
.teaser--num .teaser-n{grid-column:1;grid-row:1 / span 3;font-family:var(--font-display);font-weight:400;font-size:2.5rem;line-height:.9;color:var(--accent);font-variant-numeric:lining-nums;min-width:1.1ch;text-align:center}
.teaser--num .teaser-title{font-size:var(--fs-18);line-height:1.3}
.teaser--row{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:var(--s-5);row-gap:var(--s-2)}
.teaser--row > *{grid-column:2}
.teaser--row .teaser-art{grid-column:1;grid-row:1 / span 5;margin:0;aspect-ratio:1}

/* טור אישי של הסוכן */
.teaser--column{background:var(--tint-sand);border-radius:var(--radius-lg);padding:var(--s-6)}
.teaser--column .teaser-title{font-weight:400;font-size:var(--fs-h3);line-height:1.25}
.teaser--column .teaser-title::before{content:"\05F4";color:var(--accent);margin-inline-end:.08em}

/* חתימה: עיגול בגוון עם ראשי תיבות (מקום שמור לתמונת פנים) */
.byline{display:flex;align-items:center;gap:var(--s-3)}
.byline-name{margin:0;font-size:var(--fs-15);font-weight:500;color:var(--ink);line-height:1.4}
.byline-name a{font-weight:600}

.empty{color:var(--muted);font-size:var(--fs-16);background:var(--paper-2);border-radius:var(--radius);padding:var(--s-5);margin:0}

/* ---------- 07 תצלום ----------
   משטח מעוגל, בלי מסגרת ובלי וילון. היחס נקבע על המסגרת, והתמונה ממלאת אותה. */
.photo{margin:0 0 var(--s-4)}
.photo-frame{position:relative;overflow:hidden;background:var(--paper-3);border-radius:var(--radius-lg);aspect-ratio:3/2}
.photo-frame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%}
.photo figcaption{margin:0;padding-top:var(--s-2);font-size:var(--fs-13);line-height:1.45;color:var(--muted)}
.photo--wide .photo-frame{aspect-ratio:16/10}
.photo--hero .photo-frame{aspect-ratio:16/8;border-radius:var(--radius-xl)}
.photo--feature .photo-frame{aspect-ratio:4/3}
.photo--tile .photo-frame{aspect-ratio:4/3}
.photo--strip .photo-frame{aspect-ratio:5/4}
.photo--portrait .photo-frame,.photo--mood .photo-frame{aspect-ratio:4/5}
.photo--portrait .photo-frame img,.photo--mood .photo-frame img{object-position:center 18%}
@media (prefers-reduced-motion:no-preference){
  .photo-frame img{transition:transform var(--dur-4) var(--ease)}
  a:hover .photo-frame img,.photo:hover .photo-frame img{transform:scale(1.03)}
}

/* ---------- 08 כתבה ומדור ----------
   ראש מדור: כרטיס תצלום מעוגל ברוחב מלא, ובלוק הכותרת הלבן חופף לפינה הימנית-עליונה,
   כמו השער בדף הבית, רק נמוך יותר. בנייד: כותרת, ואז רצועת תצלום נמוכה. */
.ar-head{padding-block:var(--s-8) var(--s-8)}
.hub-head{padding-block:var(--s-5) var(--s-10)}
.hub-head-grid{position:relative}
.hub-head-grid .photo{margin:0}
.hub-head-grid .photo-frame{aspect-ratio:16/7;border-radius:var(--radius-xl)}
.hub-head-grid .photo figcaption{display:none}
.hub-head-copy{position:absolute;top:0;right:var(--gutter);z-index:1;max-width:min(62%,680px);background:var(--paper);padding:0 0 var(--s-6) var(--s-8);border-end-start-radius:var(--radius-xl)}
.hub-head-copy .crumbs{margin-bottom:var(--s-4)}
@media (max-width:860px){
  .hub-head{padding-block:var(--s-5) var(--s-8)}
  .hub-head-grid{display:flex;flex-direction:column}
  .hub-head-copy{position:static;max-width:none;padding:0 0 var(--s-5);border-radius:0}
  .hub-head-grid .photo-frame{aspect-ratio:2/1;border-radius:var(--radius-lg)}
}
.ar-head-grid.has-art{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--s-12);align-items:center}
.ar-title{font-weight:500;font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:-.01em;max-width:20ch;margin:0 0 var(--s-5)}
.hub-title{font-weight:500;font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:-.01em;max-width:20ch;margin:0 0 var(--s-4)}
.ar-deck,.hub-intro{font-size:clamp(1.1rem,1.02rem + .4vw,1.3rem);line-height:1.6;color:var(--ink-2);max-width:58ch;margin:0 0 var(--s-6)}
.hub-intro{margin-bottom:0;font-size:var(--fs-17);max-width:52ch}
@media (max-width:600px){.hub-title{font-size:clamp(1.9rem,1.4rem + 2.6vw,2.4rem)}.hub-intro{font-size:var(--fs-16)}}
.ar-art{background:var(--tint-sand);border-radius:var(--radius-xl);aspect-ratio:16/10;overflow:hidden}
.ar-art svg{display:block;width:100%;height:100%}

.ar-layout{display:grid;grid-template-columns:minmax(0,672px) 300px;justify-content:space-between;gap:var(--s-12);padding-top:var(--s-6);align-items:start}
.ar-body{min-width:0}
.ar-rail{position:sticky;top:80px;display:grid;gap:var(--s-6)}
.toc--inline{display:none}
@media (max-width:980px){
  .ar-head-grid.has-art{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}
  .ar-art{aspect-ratio:16/8;max-width:520px}
  .ar-layout{grid-template-columns:minmax(0,1fr);padding-top:var(--s-4)}
  .ar-rail{display:none}
  .toc--inline{display:block}
}

/* תוכן העניינים ותיבת ההשוואה בעמודה הצדדית: כרטיסים לבנים מעוגלים, בלי קו */
.toc{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-5);font-size:var(--fs-14)}
.toc-title,.toc summary{margin:0 0 var(--s-2);font-weight:600;font-size:var(--fs-13);color:var(--ink)}
.toc ol{counter-reset:toc}
.toc li{counter-increment:toc;display:grid;grid-template-columns:1.6em minmax(0,1fr)}
.toc li::before{content:counter(toc);font-family:var(--font-display);font-weight:500;color:var(--accent-strong);padding-block:var(--s-2);line-height:1.45}
.toc a{display:block;padding-block:var(--s-2);color:var(--ink-2);text-decoration:none;line-height:1.45}
.toc a:hover{color:var(--accent-strong)}
.toc--inline{padding:0 var(--s-5);margin-bottom:var(--s-8)}
.toc--inline summary{cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:space-between;margin:0;font-size:var(--fs-15);list-style:none}
.toc--inline summary::-webkit-details-marker{display:none}
.toc--inline summary::after{content:"";width:9px;height:9px;border-bottom:2px solid var(--ink);border-left:2px solid var(--ink);transform:rotate(-45deg) translateY(-3px);transition:transform var(--dur-1) var(--ease)}
.toc--inline[open] summary::after{transform:rotate(135deg) translateY(-3px)}
.toc--inline ol{padding-bottom:var(--s-4)}

.rail-cta{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-6);font-size:var(--fs-15);box-shadow:var(--shadow-1)}
.rail-cta > p{margin:0 0 var(--s-4)}
.rail-cta .kicker{margin-bottom:var(--s-3)}
.rail-cta .rail-cta-title{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h4);line-height:1.2;color:var(--ink);margin:0 0 var(--s-2)}
.rail-cta .rail-cta-alt{margin:var(--s-3) 0 0;font-size:var(--fs-14);color:var(--muted);text-align:center}

.related{margin-top:var(--s-4)}

/* ---------- 09 בלוקים של כתבה (.prose) ---------- */
.prose{font-size:var(--fs-18);line-height:1.78;color:var(--ink-2)}
.prose > p{margin:0 0 1.2em}
.prose .lede{font-size:var(--fs-20);line-height:1.65;color:var(--ink)}
.prose h2{font-weight:500;font-size:var(--fs-h3);line-height:1.2;margin:1.9em 0 .6em;scroll-margin-top:80px}
.prose h3{font-family:var(--font-body);font-weight:600;font-size:var(--fs-20);line-height:1.4;margin:1.6em 0 .4em}
.prose a{font-weight:500;text-decoration-color:var(--accent)}
/* קישור פנימי לשאלון בתוך הטקסט: טקסט בצבע המבטא עם חץ, בלי קו תחתון */
.prose a[data-cta]{display:inline-flex;align-items:center;gap:.3em;font-weight:600;color:var(--accent-strong);text-decoration:none;white-space:nowrap}
.prose a[data-cta]::after{content:"\2190";display:inline-block;font-weight:400;transition:transform var(--dur-1) var(--ease)}
.prose a[data-cta]:hover{color:var(--accent-strong);text-decoration:underline;text-decoration-color:currentColor}
.prose a[data-cta]:hover::after{transform:translateX(-3px)}

.list{margin:0 0 1.4em;display:grid;gap:var(--s-3)}
.list li{position:relative;padding-inline-start:1.5em}
ul.list li::before{content:"";position:absolute;right:.15em;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
ol.list{counter-reset:li}
ol.list li{counter-increment:li}
ol.list li::before{content:counter(li) ".";position:absolute;right:0;top:0;font-weight:600;color:var(--accent-strong);font-variant-numeric:tabular-nums}

.steps{counter-reset:step;margin:var(--s-8) 0;display:grid;gap:var(--s-3)}
.steps li{counter-increment:step;display:grid;grid-template-columns:3.2rem minmax(0,1fr);column-gap:var(--s-4);background:var(--paper-2);border-radius:var(--radius-lg);padding:var(--s-5)}
.steps li::before{content:counter(step,decimal-leading-zero);grid-row:1 / span 2;font-family:var(--font-display);font-weight:400;font-size:2.2rem;line-height:1;color:var(--accent);font-variant-numeric:lining-nums tabular-nums}
.steps li > *{grid-column:2;margin:0}
.steps-title{font-weight:600;color:var(--ink);font-size:var(--fs-18)}
.steps li p:not(.steps-title){font-size:var(--fs-17);line-height:1.65}

/* טבלה: כרטיס אפור חם מעוגל, הטבלה עצמה לבנה, מפרידים רכים, שורה מסומנת באפרסק */
.table-fig{margin:var(--s-10) 0;background:var(--paper-2);border-radius:var(--radius-lg);padding:var(--s-5)}
.table-fig figcaption{margin-bottom:var(--s-4);font-family:var(--font-display);font-weight:500;font-size:var(--fs-h4);line-height:1.25;color:var(--ink)}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);background:var(--surface)}
.table-wrap:focus-visible{outline-offset:2px}
table.data{width:100%;border-collapse:collapse;font-size:var(--fs-15);line-height:1.5;font-variant-numeric:tabular-nums}
table.data th,table.data td{padding:var(--s-3) var(--s-4);text-align:start;vertical-align:top;border-bottom:1px solid var(--rule)}
table.data thead th{font-size:var(--fs-13);font-weight:600;color:var(--muted);background:var(--tint-sand);border-bottom:0;white-space:nowrap;vertical-align:bottom}
table.data thead th:first-child{border-start-start-radius:var(--radius)}
table.data thead th:last-child{border-start-end-radius:var(--radius)}
table.data tbody th{font-weight:600;color:var(--ink)}
table.data tbody tr:last-child > *{border-bottom:0}
table.data .num{text-align:left;white-space:nowrap}
table.data tr.is-mark > *{background:var(--tint-peach)}
table.data tr.is-mark > :first-child{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}
table.data tr.is-mark > :last-child{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}
.table-note{margin:var(--s-3) 0 0;font-size:var(--fs-13);line-height:1.55;color:var(--muted)}
@media (max-width:640px){table.data{min-width:560px}.table-fig{padding:var(--s-4)}}

.callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-4);align-items:start;margin:var(--s-8) 0;padding:var(--s-5) var(--s-6);background:var(--tint-sand);border-radius:var(--radius-lg);font-size:var(--fs-17);line-height:1.65}
.callout p{margin:0}
.callout-label{background:var(--anchor);color:var(--on-anchor);font-size:var(--fs-12);font-weight:600;line-height:1;padding:.55em .8em;border-radius:var(--radius-pill);white-space:nowrap;margin-top:.35em !important}
.callout-title{font-weight:600;color:var(--ink)}
.callout--tip{background:var(--tint-sage)}
.callout--tip .callout-label{background:var(--ok)}
.callout--warn{background:var(--tint-peach)}
.callout--warn .callout-label{background:var(--accent-strong)}
@media (max-width:520px){.callout{grid-template-columns:minmax(0,1fr);gap:var(--s-3)}.callout-label{justify-self:start;margin-top:0 !important}}

.pullquote{margin:var(--s-12) 0;padding:0 var(--s-6);border-inline-start:3px solid var(--accent);position:relative}
.pullquote p{margin:0;font-family:var(--font-display);font-weight:400;font-size:var(--fs-h3);line-height:1.35;color:var(--ink);max-width:24em;text-wrap:balance}

.keyfacts{margin:var(--s-8) 0;background:var(--tint-sage);border-radius:var(--radius-lg);padding:var(--s-6)}
.keyfacts-title{margin:0 0 var(--s-3);font-size:var(--fs-14);font-weight:600;color:var(--anchor)}
.keyfacts ul{display:grid;gap:var(--s-3)}
.keyfacts li{position:relative;padding-inline-start:1.4em;font-size:var(--fs-17);line-height:1.6;color:var(--ink)}
.keyfacts li::before{content:"";position:absolute;right:.1em;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--anchor)}

/* תיבת השאלון בתוך כתבה ובעמודה הצדדית: כרטיס בגוון חול, בלי קו */
.cta-box{margin:var(--s-10) 0;background:var(--tint-sand);border-radius:var(--radius-xl);padding:var(--s-6);font-size:var(--fs-16);line-height:1.6}
.cta-box .kicker{background:rgba(255,255,255,.75)}
.cta-box-title{margin:0 0 var(--s-2);font-family:var(--font-display);font-weight:500;font-size:var(--fs-h3);line-height:1.15;color:var(--ink)}
.cta-box-text{margin:0 0 var(--s-5);color:var(--ink-2);max-width:52ch}
.mount-fallback{margin:0}

.disclaimer{margin:var(--s-10) 0;padding:var(--s-4) var(--s-5);background:var(--paper-2);border-radius:var(--radius-lg);font-size:var(--fs-14);line-height:1.65;color:var(--muted)}
.disclaimer b{color:var(--ink)}

.sources{margin:var(--s-10) 0;padding:var(--s-5) var(--s-6);background:var(--paper-2);border-radius:var(--radius-lg);font-size:var(--fs-14);line-height:1.6}
.prose .sources h2,.sources h2{font-family:var(--font-body);font-weight:600;font-size:var(--fs-16);margin:0 0 var(--s-3)}
.sources ol{counter-reset:src;display:grid;gap:var(--s-2)}
.sources li{counter-increment:src;position:relative;padding-inline-start:1.8em;overflow-wrap:anywhere}
.sources li::before{content:counter(src);position:absolute;right:0;top:0;font-weight:600;color:var(--accent-strong);font-variant-numeric:tabular-nums}
.sources a{font-weight:400;color:var(--ink-2)}
.sources-note{margin:var(--s-3) 0 0;font-size:var(--fs-13);color:var(--muted)}

/* שאלות נפוצות: שורות לבנות מעוגלות, פלוס בתוך עיגול */
.faq{margin:var(--s-12) 0}
.prose .faq h2,.faq h2{margin-top:0}
.faq-item{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);margin-bottom:var(--s-3);transition:border-color var(--dur-1) var(--ease)}
.faq-item:hover,.faq-item[open]{border-color:var(--field-border)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:60px;padding:var(--s-3) var(--s-5);cursor:pointer;list-style:none;font-weight:600;font-size:var(--fs-17);line-height:1.4;color:var(--ink);border-radius:var(--radius-lg)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(var(--anchor),var(--anchor)) center/12px 2px no-repeat,linear-gradient(var(--anchor),var(--anchor)) center/2px 12px no-repeat,var(--tint-sage);transition:transform var(--dur-2) var(--ease)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:hover{color:var(--accent-strong)}
.faq-a{padding:0 var(--s-5) var(--s-5);font-size:var(--fs-16);line-height:1.7;max-width:64ch}
.faq-a p:last-child{margin-bottom:0}

/* תיבת פנייה: כרטיס בגוון מרווה עם פינות 28, הטופס עצמו על לוח לבן בתוכו
   (אותה שפה כמו .hp-close בדף הבית, בעמודה אחת). */
.lead-box{margin:var(--s-12) 0 0;background:var(--tint-sage);border-radius:var(--radius-xl);padding:var(--s-6);font-size:var(--fs-16);line-height:1.65;overflow:hidden}
.lead-box .kicker{background:rgba(255,255,255,.7);color:var(--anchor)}
.lead-box > p:not(.kicker){max-width:52ch;color:var(--ink-2)}
.lead-box [data-lead-form]{background:var(--surface);border-radius:var(--radius-lg);padding:var(--s-6)}
.lead-box [data-lead-form] .mount-fallback p{margin:0 0 var(--s-3)}
@media (max-width:560px){.lead-box{padding:var(--s-5) var(--s-4)}.lead-box [data-lead-form]{padding:var(--s-5) var(--s-4)}}
.prose .lead-box h2,.lead-box h2{font-weight:500;font-size:var(--fs-h3);border:0;padding:0;margin:0 0 var(--s-3)}

/* ---------- 10 תיבות נתונים ---------- */
.databox{background:var(--paper-2);border-radius:var(--radius-lg);padding:var(--s-6);font-size:var(--fs-15);line-height:1.6}
.databox-title{margin:0 0 var(--s-3);font-family:var(--font-display);font-weight:500;font-size:var(--fs-h4);line-height:1.2;color:var(--ink)}
.databox-src{margin:var(--s-4) 0 0;font-size:var(--fs-12);line-height:1.55;color:var(--muted)}
.databox-src a{color:var(--muted)}
.linklist li{display:grid;gap:2px;padding-block:var(--s-3);border-top:1px solid var(--rule)}
.linklist li:first-child{border-top:0}
.linklist a{font-weight:600;display:inline-flex;align-items:center;gap:var(--s-2);justify-self:start;color:var(--anchor)}
.linklist a .ic{width:15px;height:15px;color:var(--muted)}
.linklist span{font-size:var(--fs-14);color:var(--muted)}

/* מספר גדול עם תווית */
.figure-num{display:flex;flex-direction:column;gap:var(--s-1)}
.figure-num b{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h2);line-height:1;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.figure-num > span{font-size:var(--fs-13);color:var(--muted)}

/* טווח מחירים: פס עם רצועה בין המינימום למקסימום. ציר מספרי, לכן LTR. */
.range{direction:ltr;margin:var(--s-4) 0 var(--s-2)}
.range-track{position:relative;height:10px;border-radius:var(--radius-pill);background:var(--paper-3)}
.range-band{position:absolute;top:0;bottom:0;left:var(--from,0%);right:calc(100% - var(--to,100%));border-radius:var(--radius-pill);background:var(--accent)}
.range-ends{display:flex;justify-content:space-between;margin-top:var(--s-2);font-size:var(--fs-13);color:var(--muted);direction:rtl}
.range-ends > :first-child{order:2;text-align:left}
.range-ends b{display:block;font-family:var(--font-display);font-weight:500;font-size:var(--fs-h4);line-height:1.1;color:var(--ink)}

/* ---------- 11 כפתורים ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-6);background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-16);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}
.btn:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);transform:translateY(-1px);box-shadow:var(--shadow-1)}
.btn:active{transform:scale(.98);box-shadow:none}
.btn--ink{background:var(--anchor);border-color:var(--anchor);color:var(--on-anchor)}
.btn--ink:hover{background:var(--anchor-2);border-color:var(--anchor-2);color:var(--on-anchor)}
.btn--ghost{background:transparent;border-color:var(--field-border);color:var(--ink)}
.btn--ghost:hover{background:var(--paper-2);border-color:var(--ink);color:var(--ink);box-shadow:none}
.btn--sm{min-height:var(--tap);padding:0 var(--s-5);font-size:var(--fs-15)}
.btn--lg{min-height:58px;padding:0 var(--s-8);font-size:var(--fs-18)}
.btn--block{display:flex;width:100%}
.btn[disabled],.btn[aria-disabled="true"],.btn.is-busy{opacity:.55;cursor:default;pointer-events:none}
.btn .ic{width:18px;height:18px}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}
.link-arrow{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:600;color:var(--anchor);text-decoration:none}
.link-arrow:hover{color:var(--accent-strong)}
.link-arrow .ic{width:16px;height:16px;transition:transform var(--dur-1) var(--ease)}
.link-arrow:hover .ic{transform:translateX(-3px)}

/* ---------- 12 טפסים ---------- */
.field{display:grid;gap:var(--s-2);margin-bottom:var(--s-5)}
.field > label,.field-label{font-size:var(--fs-15);font-weight:600;color:var(--ink);line-height:1.4}
.field .opt{font-weight:400;color:var(--muted)}
.hint{margin:0;font-size:var(--fs-14);line-height:1.5;color:var(--muted)}
.input,.select,.textarea{width:100%;min-height:calc(var(--tap) + var(--s-2));padding:var(--s-3) var(--s-4);background:var(--surface);color:var(--ink);border:1px solid var(--field-border);border-radius:var(--radius);font-family:var(--font-body);font-size:var(--fs-16);line-height:1.4;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}
.textarea{min-height:104px;resize:vertical}
.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:1}
.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-2)}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
/* מספר טלפון הוא LTR, אבל מיושר לימין כמו שאר השדות */
.input[type="tel"],.input[inputmode="numeric"],.input.ltr{direction:ltr;text-align:right}
.select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2314201C' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--s-4) center;background-size:12px 8px;padding-left:var(--s-10)}
.field.is-error .input,.field.is-error .select,.field.is-error .textarea,.input[aria-invalid="true"]{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-tint)}
.error{margin:0;display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--fs-14);font-weight:600;line-height:1.45;color:var(--accent-strong)}
.error::before{content:"!";flex:none;width:18px;height:18px;margin-top:.1em;border-radius:50%;background:var(--accent-strong);color:var(--on-accent);font-size:var(--fs-12);font-weight:600;line-height:18px;text-align:center}

/* אריחי בחירה (radio / checkbox): גלולות */
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:var(--s-3)}
.choices--stack{grid-template-columns:minmax(0,1fr)}
.choice{position:relative;display:block}
.choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.choice span{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:52px;padding:var(--s-3) var(--s-5);background:var(--surface);border:1px solid var(--field-border);border-radius:var(--radius-pill);font-weight:500;color:var(--ink);text-align:center;line-height:1.3;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}
.choices--stack .choice span{justify-content:flex-start;text-align:start;border-radius:var(--radius-lg);padding-inline:var(--s-5)}
.choice:hover span{border-color:var(--ink-2)}
/* נבחר: גוון המבטא ומסגרת בצבע המבטא, לא מילוי כהה */
.choice input:checked + span{background:var(--accent-tint);border-color:var(--accent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}
.choice input:focus-visible + span{outline:3px solid var(--focus);outline-offset:2px}

/* תיבת סימון */
.check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--s-3);align-items:start;font-size:var(--fs-15);line-height:1.55;cursor:pointer;min-height:var(--tap);padding-block:var(--s-2)}
.check input{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:.05em 0 0;background:var(--surface);border:1px solid var(--field-border);border-radius:6px;cursor:pointer;position:relative;transition:background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}
.check input:checked{background:var(--anchor);border-color:var(--anchor)}
/* סימן ה-V בנוי מגבולות פיזיים (חוק RTL מס' 3) */
.check input:checked::after{content:"";position:absolute;left:8px;top:3px;width:7px;height:13px;border:solid var(--on-anchor);border-width:0 2px 2px 0;transform:rotate(45deg)}
.consent{margin:var(--s-3) 0 0;font-size:var(--fs-13);line-height:1.6;color:var(--muted)}
/* מלכודת בוטים: מוסתרת בלי display:none. לא להזיז אותה אל מחוץ למסך
   (left:-9999px): בעמוד RTL זה מרחיב את המסמך ב-10,000px לרוחב. */
.hp{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0;pointer-events:none}

/* ---------- 13 שלד השאלון (wz-). wizard.css של B6 מרחיב את זה ---------- */
.wz{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-xl);padding:var(--s-8);font-size:var(--fs-16);line-height:1.6}
.wz[data-variant="hero"]{box-shadow:var(--shadow-2);border:0}
/* בעמוד ההשוואה הכרטיס יושב על רצועה אפורה: צל רך במקום מסגרת */
.wz[data-variant="page"]{padding:var(--s-8);border:0;box-shadow:var(--shadow-1)}
.wz-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}
.wz-head .kicker{margin:0}
.wz-count{margin:0;font-size:var(--fs-13);color:var(--muted);font-variant-numeric:tabular-nums}
.wz-progress{height:6px;border-radius:var(--radius-pill);background:var(--paper-3);margin:var(--s-4) 0 var(--s-8);overflow:hidden}
/* הפס מתמלא מימין לשמאל; origin פיזי (חוק RTL מס' 1) */
.wz-progress > span{display:block;height:100%;border-radius:inherit;background:var(--accent);transform-origin:right center;transform:scaleX(var(--p,0));transition:transform var(--dur-3) var(--ease)}
.wz-q{border:0;padding:0;margin:0;min-width:0}
.wz-title{padding:0;margin:0 0 var(--s-2);font-family:var(--font-display);font-weight:500;font-size:var(--fs-h3);line-height:1.15;color:var(--ink)}
.wz-help{margin:0 0 var(--s-5);font-size:var(--fs-15);color:var(--muted)}
.wz-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-6)}
.wz-note{margin:var(--s-4) 0 0;font-size:var(--fs-13);color:var(--muted)}
.wz-step{animation:wz-in var(--dur-3) var(--ease) both}
@keyframes wz-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* מסך הערך: "זה מה שנשווה עבורכם". שורות עם סימן וי, בלי קווים */
.wz-summary{display:grid;gap:var(--s-2);margin:var(--s-4) 0}
.wz-summary li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--paper-2);border-radius:var(--radius)}
.wz-summary .ic{color:var(--ok);margin-top:.2em}

/* שורת תוצאה: כרטיסים זה מתחת לזה; הזול ביותר על משטח כהה */
.wz-results{display:grid;gap:var(--s-3)}
.wz-row{display:grid;grid-template-columns:2.2rem minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;column-gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--paper-2);border-radius:var(--radius-lg)}
.wz-row-n{font-family:var(--font-display);font-weight:500;font-size:1.4rem;line-height:1;color:var(--muted);text-align:center}
.wz-row-name{font-weight:600;color:var(--ink);line-height:1.3}
.wz-row-name small{display:block;font-size:var(--fs-13);font-weight:400;color:var(--muted)}
.wz-row-bar{height:8px;border-radius:var(--radius-pill);background:var(--paper-3);direction:ltr;overflow:hidden}
.wz-row-bar > span{display:block;height:100%;background:var(--anchor);transform-origin:left center;transform:scaleX(var(--w,0))}
.wz-row-price{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h3);line-height:1;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;text-align:left}
.wz-row-price small{font-family:var(--font-body);font-size:var(--fs-12);font-weight:400;color:var(--muted);margin-inline-start:.3em}
.wz-row.is-first{background:var(--anchor);color:var(--on-anchor)}
.wz-row.is-first .wz-row-n,.wz-row.is-first .wz-row-name,.wz-row.is-first .wz-row-price{color:var(--on-anchor)}
.wz-row.is-first .wz-row-name small,.wz-row.is-first .wz-row-price small{color:var(--tint-sage)}
.wz-row.is-first .wz-row-bar{background:var(--anchor-2)}
.wz-row.is-first .wz-row-bar > span{background:var(--accent)}
@media (max-width:560px){.wz{padding:var(--s-5)}.wz[data-variant="page"]{padding:var(--s-5)}
  .wz-row{grid-template-columns:1.8rem minmax(0,1fr) auto;padding:var(--s-4)}.wz-row-bar{grid-column:2 / -1;grid-row:2;margin-top:var(--s-2)}}
.wz-source{margin:var(--s-4) 0 0;font-size:var(--fs-13);line-height:1.6;color:var(--muted)}

/* ---------- 14 טופס פנייה (lead.js של B6) ---------- */
.lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-4)}
.lead > *{grid-column:1 / -1}
.lead > .field--half{grid-column:auto}
.lead .field{margin-bottom:var(--s-4)}
@media (max-width:560px){.lead > .field--half{grid-column:1 / -1}}
.lead-ok{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-4);align-items:start;background:var(--ok-tint);border-radius:var(--radius-lg);padding:var(--s-5)}
.lead-ok .ic{width:28px;height:28px;color:var(--ok);stroke-width:2}
.lead-ok-title{margin:0 0 var(--s-1);font-family:var(--font-display);font-weight:500;font-size:var(--fs-h4);line-height:1.2;color:var(--ink)}
.lead-ok p:last-child{margin-bottom:0}
.lead-dry{display:inline-block;margin:var(--s-3) 0 0;background:var(--warn-tint);color:var(--warn);font-size:var(--fs-13);font-weight:600;padding:.3em .8em;border-radius:var(--radius-pill)}
.lead-fail{margin:var(--s-3) 0 0}

/* ---------- 15 עמודי מדור ----------
   המדריכים יושבים על רצועה אפורה חמה (.hub-band / .mag-band), וכל טיזר הוא כרטיס לבן. */
.hub-band,.mag-band{padding-block:var(--s-10) var(--s-12)}
.hub-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s-12);padding-top:0;align-items:start}
.hub-rail{display:grid;gap:var(--s-6)}
.hub-rail > *{margin:0}
.hub-rail .cta-box{box-shadow:var(--shadow-1)}
.hub-main > .section-head{margin-top:var(--s-12)}
.hub-main > .teaser--lead{background:var(--surface);border-radius:var(--radius-xl);padding:var(--s-8)}
.hub-main > .teaser--lead .teaser-art{border-radius:var(--radius-lg)}
.hub-main > .empty{background:var(--surface)}
@media (max-width:980px){.hub-layout{grid-template-columns:minmax(0,1fr);gap:var(--s-10)}}
@media (max-width:600px){.hub-band,.mag-band{padding-block:var(--s-8) var(--s-10)}.hub-main > .teaser--lead{padding:var(--s-5)}}
.mag-section .section-head{margin-top:var(--s-12)}
.mag-section:first-of-type .section-head{margin-top:0}
.mag-band .front-lead .teaser--lead{background:var(--surface);border-radius:var(--radius-xl);padding:var(--s-8)}
.mag-band .front-side .teaser--num{background:var(--surface);border-radius:var(--radius-lg);padding:var(--s-5) var(--s-6)}
/* בטיזר שבנוי כגריד (מוביל עם איור, ממוספר) הקיקר לא נמתח לכל הרוחב */
.teaser > .kicker{justify-self:start}
.mag-band .front-side .empty{background:var(--surface)}
@media (max-width:600px){.mag-band .front-lead .teaser--lead{padding:var(--s-5)}}

/* ---------- 16 פוטר: משטח כהה ---------- */
.footer{margin-top:var(--s-24);background:var(--anchor);color:var(--on-anchor);font-size:var(--fs-15);line-height:1.65;--focus:var(--on-anchor)}
.footer > .wrap{padding-top:var(--s-16);padding-bottom:var(--s-10)}
.footer a{color:var(--on-anchor);text-decoration-color:rgba(243,247,245,.35)}
.footer a:hover{color:#fff;text-decoration-color:currentColor}
.footer-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:var(--s-12)}
.footer-brand .nameplate{color:var(--on-anchor);font-size:2rem}
.footer-brand p{margin:var(--s-4) 0 var(--s-6);max-width:34ch;color:var(--tint-sage)}
.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-8)}
.footer-h{margin:0 0 var(--s-3);font-weight:600;color:var(--on-anchor)}
.footer-col li a{display:block;padding-block:var(--s-2);color:var(--tint-sage);text-decoration:none;line-height:1.45}
.footer-col li a:hover{color:#fff;text-decoration:underline}
.footer-agent{display:flex;align-items:center;gap:var(--s-6);margin-top:var(--s-12);padding:var(--s-6);background:var(--anchor-2);border-radius:var(--radius-lg)}
.footer-agent p{margin:0;color:var(--tint-sage)}
.footer-agent b{color:var(--on-anchor)}
.footer-legal{margin:var(--s-4) 0 0;font-size:var(--fs-13);line-height:1.65;color:rgba(243,247,245,.72);max-width:110ch}
.footer-base{background:var(--anchor);color:rgba(243,247,245,.72);font-size:var(--fs-13);border-top:1px solid rgba(243,247,245,.12)}
.footer-base-in{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);min-height:64px;padding-inline:max(var(--gutter),88px)}
.footer-base p{margin:0}
.footer-base a{color:var(--on-anchor)}
@media (max-width:900px){.footer-top{grid-template-columns:minmax(0,1fr);gap:var(--s-8)}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.footer-agent{flex-direction:column;align-items:flex-start;gap:var(--s-4)}.footer-cols{grid-template-columns:minmax(0,1fr)}
  .footer-base-in{padding-block:var(--s-4) calc(88px + env(safe-area-inset-bottom));padding-inline:var(--gutter);flex-direction:column;align-items:flex-start;gap:var(--s-1)}}

/* יעדי מגע של 44px בנייד */
@media (max-width:820px){
  .footer-col li a{padding-block:var(--s-3)}
  .linklist li{padding-block:var(--s-1)}
  .linklist a,.link-arrow{min-height:var(--tap)}
}

/* ---------- 17 כפתורים צפים ---------- */
/* מיקום פיזי (חוק RTL מס' 1): וואטסאפ משמאל, נגישות מימין. */
.wa-fab{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:80;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--wa);color:#fff;border-radius:50%;box-shadow:var(--shadow-2);text-decoration:none;transition:transform var(--dur-2) var(--ease)}
.wa-fab:hover{color:#fff;transform:translateY(-2px)}
.wa-fab .ic{width:28px;height:28px}

/* פס פעולה תחתון בנייד */
.mcta{display:none}
@media (max-width:820px){
  .mcta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--rule);padding:var(--s-2) var(--gutter) calc(var(--s-2) + env(safe-area-inset-bottom));transition:transform var(--dur-3) var(--ease)}
  .mcta.is-away{transform:translateY(110%)}
  body:has(.mcta:not(.is-away)) .wa-fab,body:has(.mcta:not(.is-away)) .a11y-root{bottom:calc(78px + env(safe-area-inset-bottom))}
}

/* ---------- 18 נגישות: החלונית והמצבים ---------- */
.a11y-root{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:9000;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:var(--s-3);direction:ltr}
.a11y-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--anchor);color:var(--on-anchor);border:0;border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px var(--paper),var(--shadow-1);transition:transform var(--dur-2) var(--ease)}
.a11y-btn:hover{transform:translateY(-2px)}
.a11y-panel{direction:rtl;width:min(320px,calc(100vw - 36px));max-height:min(74vh,560px);overflow-y:auto;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:var(--s-4);font-size:var(--fs-15);line-height:1.5}
.a11y-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}
.a11y-head h2{font-size:var(--fs-20);font-weight:500;margin:0}
.a11y-close{width:var(--tap);height:var(--tap);background:none;border:0;border-radius:50%;font-size:1.6rem;line-height:1;cursor:pointer}
.a11y-size{margin-bottom:var(--s-3)}
.a11y-size-label{display:block;font-size:var(--fs-13);font-weight:600;margin-bottom:var(--s-2)}
.a11y-size-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-1)}
.a11y-size-btns button{min-height:var(--tap);background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer;font-weight:500}
.a11y-size-btns button.on{background:var(--anchor);border-color:var(--anchor);color:var(--on-anchor)}
.a11y-list{display:flex;flex-direction:column}
.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:var(--tap);padding:var(--s-2) 0;background:none;border:0;border-top:1px solid var(--rule);text-align:start;cursor:pointer;font-weight:500}
.a11y-switch{flex:none;width:40px;height:22px;border-radius:var(--radius-pill);background:var(--paper-3);border:1px solid var(--field-border);position:relative;direction:ltr}
.a11y-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:transform var(--dur-1) var(--ease)}
.a11y-row.on .a11y-switch{background:var(--anchor);border-color:var(--anchor)}
.a11y-row.on .a11y-thumb{background:var(--on-anchor);transform:translateX(18px)}
.a11y-reset{width:100%;min-height:var(--tap);margin-top:var(--s-3);background:none;border:1px solid var(--ink);border-radius:var(--radius-pill);cursor:pointer;font-weight:600}
.a11y-reset:hover{background:var(--ink);color:var(--paper)}
.a11y-foot{margin-top:var(--s-3);text-align:center;font-size:var(--fs-13)}

/* בנייד: כפתור עגול ב-18px מהקצה הימני כיסה את תחילת השורה (העברית מתחילה מימין) ואת
   "חזרה" בשאלון. שם הוא לשונית שצמודה לקצה, בתוך שולי העמוד, וכפתור הוואטסאפ קטן יותר. */
@media (max-width:600px){
  .wa-fab{left:10px;width:48px;height:48px}
  .wa-fab .ic{width:26px;height:26px}
  .a11y-root{right:0}
  .a11y-btn{width:44px;border-radius:var(--radius) 0 0 var(--radius)}
  .a11y-btn:hover{transform:none}
  .a11y-panel{margin-right:10px}
}

html.a11y-font-sm{font-size:88%}
html.a11y-font-lg{font-size:115%}
html.a11y-font-xl{font-size:130%}
html.a11y-keyboard *:focus,html.a11y-keyboard *:focus-visible{outline:3px solid #0B57D0 !important;outline-offset:3px !important}
html.a11y-no-anim *,html.a11y-no-anim *::before,html.a11y-no-anim *::after{animation:none !important;transition:none !important}
html.a11y-no-anim{scroll-behavior:auto !important}
html.a11y-contrast{--paper:#fff;--paper-2:#fff;--paper-3:#e6e6e6;--surface:#fff;--ink:#000;--ink-2:#000;--muted:#1a1a1a;--rule:#000;--field-border:#000;--accent:#9A2E0E;--accent-strong:#6E2008;--accent-tint:#fff;--anchor:#000;--anchor-2:#1a1a1a;--on-anchor:#fff;--tint-sage:#fff;--tint-peach:#fff;--tint-sand:#fff;--photo-veil:transparent}
html.a11y-contrast .faq-item,html.a11y-contrast .cta-box,html.a11y-contrast .lead-box,html.a11y-contrast .databox,html.a11y-contrast .keyfacts,html.a11y-contrast .callout{border:1px solid #000}
/* filter רק על <html>: על כל אב אחר הוא שובר position:fixed */
html.a11y-invert{filter:invert(1) hue-rotate(180deg);background:#fff}
html.a11y-invert img{filter:invert(1) hue-rotate(180deg)}
html.a11y-readable,html.a11y-readable *{font-family:Arial,'Arial Hebrew',sans-serif !important;letter-spacing:.01em}
html.a11y-headings h1,html.a11y-headings h2,html.a11y-headings h3{outline:2px dashed var(--accent);outline-offset:3px}
html.a11y-links a{text-decoration:underline !important;text-decoration-thickness:2px !important;font-weight:600 !important}
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 11h-8l-3 9z' fill='%23000' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") 6 2,auto !important}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .btn:hover,.wa-fab:hover,.a11y-btn:hover{transform:none}
}

/* ---------- 19 עזרים ---------- */
.visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.num{font-variant-numeric:lining-nums tabular-nums}
.serif{font-family:var(--font-display)}
.muted{color:var(--muted)}
.center{text-align:center}
.stack > * + *{margin-top:var(--s-4)}
.stack-lg > * + *{margin-top:var(--s-8)}
.measure{max-width:var(--measure)}
/* רצועת מקטע: אפור חם על לבן. מקטעים מתחלפים לבן / אפור חם. */
.band{background:var(--paper-2);padding-block:var(--s-16)}
.band--ink{background:var(--anchor);color:var(--on-anchor);--focus:var(--on-anchor)}
.band--ink h2,.band--ink h3,.band--ink a{color:var(--on-anchor)}
.tag{display:inline-block;background:var(--anchor);color:var(--on-anchor);font-size:var(--fs-12);font-weight:600;line-height:1;padding:.5em .8em;border-radius:var(--radius-pill)}
.tag--accent{background:var(--accent-tint);color:var(--accent-strong)}
.tag--line{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--field-border)}

/* ---------- 20 הדפסה ---------- */
@media print{
  body{background:#fff;color:#000;font-size:11.5pt}
  .sitebar,.burger,.sitebar-call,.wa-fab,.a11y-root,.mcta,.mnav,.ar-rail,.cta-box,.lead-box,.related,.footer-top,.footer-base,.skip-link{display:none !important}
  .ar-layout,.hub-layout{display:block;padding-top:12pt}
  .ar-body{max-width:none}
  .prose{font-size:11.5pt;line-height:1.55}
  .prose h2,.table-fig,.keyfacts,.callout,.steps li{break-inside:avoid}
  .keyfacts,.callout,.databox{background:none;border:1pt solid #000}
  .sources a[href]::after{content:" (" attr(href) ")";font-size:9pt;overflow-wrap:anywhere}
  .faq-item:not([open]) > :not(summary){display:block}
  .footer{margin-top:18pt;background:none;color:#000}
  .photo-frame img{position:static;height:auto}
  a{text-decoration:none;color:#000}
}