/* ============================================================
   הנוסחה השקטה — שכבת עיצוב לתוכן SEO (מאמרים + דף-עוגן)
   RTL עברית, מותג mint/teal/navy. משותף לכל עמודי התוכן.
   ============================================================ */
:root{
  --teal:#2F9B8F; --teal-dark:#268177; --teal-soft:#E3F3F0;
  --navy:#18384A; --navy2:#1F3F52;
  --mint:#EEF8F6; --mint2:#F2FAF8; --lightblue:#F5F8FA;
  --white:#fff; --muted:#60727D; --ink:#2A3F4D;
  --border:#DDEBE8; --border2:#E5F0EE;
  --radius:16px; --radius-lg:22px; --radius-btn:14px;
  --shadow:0 10px 30px rgba(24,56,74,.06); --shadow-sm:0 4px 14px rgba(24,56,74,.05);
  --read:760px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Assistant','Heebo',Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.75;font-size:18px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--teal-dark);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--read);margin:0 auto;padding:0 20px}
.wrap-wide{max-width:1080px;margin:0 auto;padding:0 20px}

/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--border2)}
header.site .bar{max-width:1080px;margin:0 auto;padding:0 20px;height:62px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:34px;width:auto;display:block}
.brand b{color:var(--navy);font-weight:800;font-size:17px}
.brand span{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:-2px}
header.site .cta{background:var(--teal);color:#fff;font-weight:700;font-size:15px;padding:10px 18px;border-radius:var(--radius-btn);border:none;cursor:pointer}
header.site .cta:hover{background:var(--teal-dark);text-decoration:none}

/* breadcrumb */
.breadcrumb{font-size:13.5px;color:var(--muted);padding:16px 0 0}
.breadcrumb a{color:var(--muted)}
.breadcrumb b{color:var(--navy2)}

/* article head */
.article-head{padding:14px 0 8px}
.eyebrow{display:inline-block;background:var(--teal-soft);color:var(--teal-dark);font-weight:700;font-size:13px;padding:5px 13px;border-radius:99px;margin-bottom:14px}
h1{color:var(--navy);font-size:clamp(28px,4.4vw,40px);font-weight:800;line-height:1.22;letter-spacing:-.3px;margin-bottom:14px}
.dek{font-size:19.5px;color:var(--muted);line-height:1.6;margin-bottom:18px}
.byline{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:14px;color:var(--muted);border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);padding:13px 0;margin-bottom:8px}
.byline .av{width:38px;height:38px;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);display:grid;place-items:center;font-weight:800;font-size:15px;flex:0 0 38px}
.byline b{color:var(--navy2)}
.byline .sep{color:var(--border)}

/* article body */
.article{padding:8px 0 10px;font-size:18px}
.article h2{color:var(--navy);font-size:clamp(23px,3vw,28px);font-weight:800;line-height:1.3;margin:38px 0 14px;scroll-margin-top:80px}
.article h3{color:var(--navy2);font-size:20px;font-weight:700;margin:26px 0 10px}
.article p{margin:0 0 18px}
.article ul,.article ol{margin:0 0 20px;padding-inline-start:24px}
.article li{margin-bottom:9px}
.article strong{color:var(--navy2)}
.article a{font-weight:600;border-bottom:1px solid var(--teal-soft)}

/* answer box (AEO direct-answer) */
.answer{background:var(--mint);border:1px solid var(--border);border-inline-start:4px solid var(--teal);border-radius:var(--radius);padding:18px 22px;margin:0 0 26px;font-size:18px;color:var(--navy2)}
.answer b{color:var(--navy)}

/* key-takeaways / callout */
.callout{background:var(--lightblue);border:1px solid var(--border2);border-radius:var(--radius);padding:20px 24px;margin:24px 0}
.callout h3{margin:0 0 10px;color:var(--navy)}
.callout ul{margin:0;padding-inline-start:22px}

/* TOC */
.toc{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;margin:22px 0 30px;box-shadow:var(--shadow-sm)}
.toc b{display:block;color:var(--navy);margin-bottom:10px;font-size:15px}
.toc ol{margin:0;padding-inline-start:20px;columns:2;column-gap:26px}
.toc li{margin-bottom:7px;font-size:15.5px}
@media(max-width:560px){.toc ol{columns:1}}

/* tables */
.table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--border);border-radius:var(--radius);-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:520px}
caption{text-align:start;color:var(--muted);font-size:13px;padding:10px 14px;border-bottom:1px solid var(--border2)}
th,td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--border2)}
thead th{background:var(--mint);color:var(--navy);font-weight:800;font-size:14.5px}
tbody tr:nth-child(even){background:var(--mint2)}
tbody tr:last-child td{border-bottom:none}

/* blockquote / source */
blockquote{border-inline-start:4px solid var(--teal);background:var(--mint2);padding:14px 20px;margin:22px 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--navy2);font-style:normal}
.source-note{font-size:13px;color:var(--muted);margin-top:-8px}

/* inline CTA banner */
.cta-banner{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 55%,var(--teal-dark) 135%);border-radius:var(--radius-lg);padding:30px 28px;margin:34px 0;text-align:center;color:#fff;box-shadow:var(--shadow)}
.cta-banner h3{color:#fff;font-size:22px;margin:0 0 8px}
.cta-banner p{color:rgba(255,255,255,.85);margin:0 auto 18px;max-width:48ch}
.cta-banner a{display:inline-block;background:#fff;color:var(--teal-dark);font-weight:800;font-size:17px;padding:14px 30px;border-radius:var(--radius-btn);border-bottom:none}
.cta-banner a:hover{background:var(--mint);text-decoration:none}

/* FAQ */
.faq{margin:24px 0}
.faq h2{margin-bottom:16px}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;font-family:inherit;text-align:right;cursor:pointer;padding:17px 20px;font-weight:700;color:var(--navy);font-size:17px}
.faq-q:hover{background:var(--mint2)}
.faq-q .pm{width:22px;height:22px;flex:0 0 22px;position:relative}
.faq-q .pm::before,.faq-q .pm::after{content:"";position:absolute;background:var(--teal);border-radius:2px;transition:.2s}
.faq-q .pm::before{inset-inline-start:0;top:10px;width:22px;height:2.5px}
.faq-q .pm::after{inset-inline-start:10px;top:0;width:2.5px;height:22px}
.faq-q[aria-expanded="true"] .pm::after{transform:rotate(90deg);opacity:0}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.faq-a div{padding:0 20px 18px;color:var(--ink);font-size:16.5px;line-height:1.7}

/* author box */
.author-box{display:flex;gap:16px;align-items:flex-start;background:var(--mint2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;margin:34px 0}
.author-box .av{width:60px;height:60px;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);display:grid;place-items:center;font-weight:800;font-size:22px;flex:0 0 60px}
.author-box b{color:var(--navy);font-size:17px}
.author-box .role{color:var(--teal-dark);font-weight:600;font-size:14px;margin-bottom:6px}
.author-box p{font-size:15px;color:var(--muted);margin:0;line-height:1.6}

/* related links */
.related{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;margin:30px 0}
.related b{display:block;color:var(--navy);margin-bottom:12px;font-size:17px}
.related ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.related li{display:flex;align-items:center;gap:9px}
.related li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);flex:0 0 7px}
.related a{font-weight:600}

/* disclaimer */
.disclaimer{background:var(--lightblue);border:1px solid var(--border2);border-radius:var(--radius);padding:16px 20px;margin:26px 0;font-size:13.5px;color:var(--muted);line-height:1.6}
.disclaimer b{color:var(--navy2)}

/* footer */
footer.site{background:var(--navy);color:rgba(255,255,255,.72);padding:30px 0 38px;font-size:14px;margin-top:30px}
footer.site .fwrap{max-width:1080px;margin:0 auto;padding:0 20px;display:grid;gap:16px}
footer.site .frow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
footer.site .flinks{display:flex;flex-wrap:wrap;gap:18px}
footer.site a{color:rgba(255,255,255,.85)}
footer.site .disc{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.6;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}

/* mobile sticky cta */
.sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--border);display:none}
.sticky-cta a{display:block;text-align:center;background:var(--teal);color:#fff;font-weight:800;font-size:17px;padding:14px;border-radius:var(--radius-btn)}
.sticky-cta a:hover{text-decoration:none}

@media(max-width:760px){
  body{font-size:17px}
  .sticky-cta{display:block}
  body{padding-bottom:74px}
  .brand span{display:none}
  header.site .cta{display:none}
}

/* ---------- lead form (מוזרק בסוף כל מאמר ע"י content.js) ---------- */
.cform-section{background:var(--mint);border-top:1px solid var(--border2);margin-top:36px;padding:40px 0}
.cform{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px 26px}
.cform h2{color:var(--navy);font-size:clamp(21px,2.6vw,25px);margin:0 0 8px;text-align:center}
.cform-sub{color:var(--muted);font-size:15px;text-align:center;margin:0 auto 14px;max-width:46ch;line-height:1.55}
.cform-trust{list-style:none;margin:0 auto 18px;padding:0;max-width:42ch;display:grid;gap:7px}
.cform-trust li{position:relative;color:var(--navy2);font-size:13.5px;line-height:1.45;padding-inline-start:23px}
.cform-trust li::before{content:"✓";position:absolute;inset-inline-start:0;top:-1px;color:var(--teal-dark);font-weight:800}
.cf-field{margin-bottom:11px}
.cf-field input{width:100%;font-family:inherit;font-size:16.5px;color:var(--navy2);background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:13px 14px;text-align:right;direction:rtl;transition:.15s}
.cf-field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.cf-err{display:none;color:#C0563F;font-size:12.5px;margin-top:4px}
.cf-field.invalid input{border-color:#E0A99B}
.cf-field.invalid .cf-err{display:block}
.cf-check{display:flex;align-items:flex-start;gap:9px;margin:8px 0 14px;cursor:pointer}
.cf-check input{margin-top:3px;width:18px;height:18px;flex:0 0 18px;accent-color:var(--teal)}
.cf-check span{font-size:13px;color:var(--muted);line-height:1.5}
.cf-check.invalid span{color:#C0563F}
.cf-btn{width:100%;background:var(--teal);color:#fff;font-family:inherit;font-weight:800;font-size:17.5px;border:none;border-radius:var(--radius-btn);padding:15px;cursor:pointer;transition:.15s}
.cf-btn:hover{background:var(--teal-dark)}
.cf-btn[disabled]{opacity:.65;cursor:not-allowed}
.cf-note{text-align:center;font-size:12px;color:var(--muted);margin-top:11px;line-height:1.5}
.cform-thanks{display:none;text-align:center;padding:8px 0}
.cform-thanks.on{display:block}
.cform-thanks .tick{width:60px;height:60px;border-radius:50%;background:var(--teal-soft);display:grid;place-items:center;margin:0 auto 14px}
.cform-thanks .tick svg{width:32px;height:32px;stroke:var(--teal-dark);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cform-thanks h3{color:var(--navy);margin:0 0 6px}
.cform-thanks p{color:var(--muted);font-size:15px;margin:0}