/* =========================================================================
   מנהיגות פיננסית · pages27 (17.10.26)
   הסקין של עמודי התוכן: בלוג, מדריכים, השקעות, אודות, התהליך, מחשבונים, משפטי.
   נטען אחרי skin27.css ואחרי ה-CSS הקיים של כל עמוד, ומחליף טוקנים ופונט
   במקום לכתוב מחדש את הפריסות. עמודי הקריאה נשארים בהירים (נייר), התפריט
   והפוטר כהים כמו בדף הבית, והטפסים הם "חלון" למפת הלילה.
   ========================================================================= */

/* ---------- 1. tokens: the legacy names, re-pointed ---------- */
html.sk27{
  --navy:#0F2529;--navy-2:#153237;
  --teal:#0E9E8C;--teal-2:#0A7467;--sky:#41D3BD;--sky-soft:#BDEFE6;
  --gold:#B8860B;
  --bg:#FBFAF6;--bg-tint:#F5F2EA;--bg-tint-2:#ECE7DB;--surface:#FFFFFF;--surface-2:#F5F2EA;
  --ink:#0E1B1E;--ink-2:#34484C;--muted:#566A6D;
  --hairline:rgba(14,27,30,.12);--hairline-2:rgba(14,27,30,.2);
  --glow:none;
  --shadow-1:0 1px 2px rgba(14,27,30,.05);
  --shadow-2:0 1px 2px rgba(14,27,30,.05),0 18px 40px -24px rgba(14,27,30,.24);
  --shadow-cta:0 12px 26px -14px rgba(0,0,0,.45);
  --font-display:var(--ff);--font-body:var(--ff);--font-mono:var(--ff);
  /* guides-editorial */
  --ed-accent:#0A7467;--ed-gold:#B8860B;--ed-ink:#0E1B1E;--ed-soft:#566A6D;--ed-cream:#FBFAF6;
  --ed-line:rgba(14,27,30,.12);--ed-line-soft:rgba(14,27,30,.07);
}
/* hashkaot pages run on the old homepage tokens */
html.sk27 .home26,html.sk27 .nav26{
  --paper:#FBFAF6;--paper-2:#F5F2EA;--paper-3:#ECE7DB;--sand:#F5F2EA;
  --ink:#0E1B1E;--ink-2:#34484C;--ink-3:#566A6D;--ink-4:#566A6D;
  --teal:#0E9E8C;--teal-dk:#0A7467;--teal-lt:#41D3BD;--teal-pale:rgba(14,158,140,.10);--teal-wash:rgba(14,158,140,.06);
  --violet:#0E9E8C;
  --line:rgba(14,27,30,.12);--line-2:rgba(14,27,30,.2);
  --sh-1:0 1px 2px rgba(14,27,30,.05);
  --sh-2:0 1px 2px rgba(14,27,30,.05),0 18px 40px -24px rgba(14,27,30,.24);
  --sh-3:0 1px 3px rgba(14,27,30,.06),0 30px 64px -30px rgba(14,27,30,.3);
  --sh-teal:0 0 0 1px rgba(14,158,140,.25),0 20px 44px -26px rgba(0,0,0,.35);
  --grad-brand:linear-gradient(180deg,#4BDCC6,#1BB8A2);
  --glass:#FFFFFF;--glass-hi:#FFFFFF;
  --r-md:14px;--r-lg:18px;--r-xl:24px;
  --f-display:var(--ff);--f-ui:var(--ff);--f-body:var(--ff);--f-mono:var(--ff);
}
html.sk27 .invest26{--num:var(--ff)}
/* every post had its own accent (38 of them, purples included): one teal now */
html.sk27 .blog-post{--accent:#0A7467!important;--accent-soft:rgba(14,158,140,.10)!important;--accent-strong:rgba(14,158,140,.2)!important}

/* ---------- 2. ground and type ---------- */
html.sk27 body{background:var(--p0);color:var(--on-p)}
html.sk27 .bg-mesh,html.sk27 .bg-grid,html.sk27 .orb{display:none!important}
html.sk27 h1,html.sk27 h2,html.sk27 h3,html.sk27 h4{color:var(--on-p)}
html.sk27 .h-display,html.sk27 .d1{font-weight:900;letter-spacing:-.025em;line-height:1.06}
html.sk27 .lead,html.sk27 p{text-wrap:pretty}
/* gradient text and marker glow: solid colour, bold words carry the emphasis */
html.sk27 .h-display .gradient,html.sk27 .gradient,html.sk27 .brand-name .accent,html.sk27 .stat-num,
html.sk27 .spark-glow,html.sk27 .lk-screen-balance{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;color:var(--t5)!important;text-shadow:none!important}
html.sk27 .spark,html.sk27 p strong,html.sk27 .lead strong,html.sk27 .quote strong,html.sk27 blockquote strong,
html.sk27 .prose strong,html.sk27 .step p strong,html.sk27 .pain-card p strong,html.sk27 li > span strong,
html.sk27 .anti-pitch li span strong{
  background-image:none!important;text-shadow:none!important;padding:0!important;font-weight:800;color:var(--on-p)}
html.sk27 a{color:inherit}
html.sk27 main p a:not([class]),html.sk27 article p a:not([class]),html.sk27 .post-content a:not([class]){
  color:var(--t5);text-decoration:underline;text-decoration-color:rgba(10,116,103,.4)}
html.sk27 main p a:not([class]):hover,html.sk27 article p a:not([class]):hover{text-decoration-color:var(--t5)}
html.sk27 blockquote[style]{border-right:0!important;border-left:0!important;border-radius:18px!important;
  background:var(--p1)!important;box-shadow:inset 0 0 0 1px var(--line-p)}

/* ---------- 3. buttons: the kit's rounded rectangle, teal on paper ---------- */
html.sk27 .btn{border-radius:var(--r-btn)!important;font-family:var(--ff)!important;font-weight:900;letter-spacing:-.01em;min-height:52px}
html.sk27 .btn-primary,html.sk27 .btn-gold,html.sk27 .btn-green,html.sk27 .btn-submit,html.sk27 .form-submit,
html.sk27 .nav-cta.btn,html.sk27 .sticky-cta a,html.sk27 a.btn.btn-gold,html.sk27 button.btn.btn-gold{
  background:linear-gradient(180deg,#4BDCC6,#1BB8A2)!important;color:#03201B!important;border:0!important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 12px 26px -14px rgba(0,0,0,.5)!important;text-shadow:none!important}
html.sk27 .btn-primary::before{display:none!important}
html.sk27 .btn-primary:hover,html.sk27 .btn-gold:hover,html.sk27 .btn-green:hover{transform:translateY(-2px)}
html.sk27 .btn-ghost{background:transparent!important;border:1.5px solid var(--line-p2)!important;color:var(--on-p)!important;backdrop-filter:none!important}
html.sk27 .btn-ghost:hover{border-color:var(--t4)!important;color:var(--t5)!important}
html.sk27 .btn-link{color:var(--t5)}
html.sk27 .btn-wa{border-radius:var(--r-btn)!important}

/* ---------- 4. cards, chips, tables ---------- */
html.sk27 .card,html.sk27 .card-glass,html.sk27 .glass{background:#fff;border:1px solid var(--line-p);box-shadow:var(--shadow-1);border-radius:22px}
html.sk27 .eyebrow,html.sk27 .post-category,html.sk27 .chip,html.sk27 .tag,html.sk27 .pill{border-radius:10px!important}
html.sk27 table{font-variant-numeric:tabular-nums}

/* ---------- 5. forms: the night-map frame from the homepage ---------- */
html.sk27 .form-card.dark,html.sk27 .edu-cta{
  background:linear-gradient(180deg,#112B30,#0D2125)!important;color:var(--on-n);border:1px solid var(--line-n2);
  border-radius:var(--r-card)!important;box-shadow:0 30px 70px -36px rgba(0,0,0,.6)!important;position:relative;overflow:hidden}
html.sk27 .form-card.dark h3,html.sk27 .edu-cta h3{color:var(--on-n)!important}
html.sk27 .form-card.dark p,html.sk27 .edu-cta p,html.sk27 .form-card.dark label{color:var(--on-n2)!important}
html.sk27 .form-card.dark input,html.sk27 .form-card.dark textarea,html.sk27 .form-card.dark select,
html.sk27 .lkl-form input{
  min-height:54px;border-radius:14px!important;border:1.5px solid var(--line-n2)!important;background:rgba(4,14,15,.55)!important;
  color:var(--on-n)!important;font:500 17px var(--ff)!important;padding:0 16px!important;box-shadow:none!important}
html.sk27 .form-card.dark textarea{padding:14px 16px!important;min-height:110px}
html.sk27 .form-card.dark input::placeholder,html.sk27 .form-card.dark textarea::placeholder,html.sk27 .lkl-form input::placeholder{color:#7F9592!important}
html.sk27 .form-card.dark input:focus,html.sk27 .form-card.dark textarea:focus,html.sk27 .lkl-form input:focus{
  outline:2px solid var(--t2)!important;outline-offset:2px;border-color:var(--t2)!important}
html.sk27 .lkl-form button{min-height:54px;border-radius:14px!important;border:0;padding:0 26px;font:900 18px var(--ff);
  background:linear-gradient(180deg,#4BDCC6,#1BB8A2)!important;color:#03201B!important;cursor:pointer}
html.sk27 .lkl-hint{color:var(--on-n3)!important}
/* consent.js on these forms, same treatment as on the homepage */
html.sk27 .form-card.dark .lk-consent,html.sk27 .edu-cta .lk-consent{font-size:14px!important;line-height:1.55!important;color:var(--on-n2)!important;opacity:1!important}
html.sk27 .form-card.dark .lk-consent input,html.sk27 .edu-cta .lk-consent input{accent-color:var(--t3)!important;min-height:0!important;width:18px!important;height:18px!important;padding:0!important}
html.sk27 .form-card.dark .lk-notice,html.sk27 .edu-cta .lk-notice{font-size:12.5px!important;color:var(--on-n3)!important;opacity:1!important}
html.sk27 .form-card.dark .lk-notice a,html.sk27 .edu-cta .lk-notice a{color:var(--t1)!important}

/* ---------- 6. the nav offset (the new topbar is fixed) ---------- */
.nv-space{height:var(--nav-h)}
html.sk27 .nv.solid{background:rgba(10,26,29,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line-n)}

/* ---------- 7. legacy chrome that the new nav and footer replace ---------- */
html.sk27 .nav-toggle,html.sk27 .mobile-menu,html.sk27 .nav-overlay{display:none!important}

/* ---------- 8. offsets: the old fixed nav padded the body; the spacer does that now ---------- */
html.sk27 body{padding-top:0!important}
html.sk27{scroll-padding-top:calc(var(--nav-h) + 16px)!important}

/* ---------- 9. blog index and posts ---------- */
html.sk27 .blog-card,html.sk27 [style*="--card-accent"]{--card-accent:#0A7467!important;--card-soft:rgba(14,158,140,.08)!important}
html.sk27 [style*="--slide-accent"],html.sk27 .spotlight-eyebrow{--slide-accent:#0A7467!important;--slide-soft:rgba(14,158,140,.08)!important;--slide-strong:rgba(14,158,140,.22)!important}
html.sk27 .spotlight-eyebrow,html.sk27 .masthead-tag{border-radius:10px!important;letter-spacing:0!important;text-transform:none!important;
  background:rgba(14,158,140,.08)!important;border:1px solid rgba(14,158,140,.24)!important;color:var(--t5)!important;font-size:13.5px!important}
html.sk27 .masthead-tag::before{box-shadow:none!important;background:var(--t4)!important}
html.sk27 .post-category{background:rgba(14,158,140,.1)!important;color:var(--t5)!important}
/* the daily-tip strip (blog-related.js): night map, teal action, no emoji */
html.sk27 .lk-tip{background:linear-gradient(100deg,var(--n1),var(--n3))!important;border-bottom:1px solid var(--line-n2)!important}
html.sk27 .lk-tip-icon{display:none!important}
html.sk27 .lk-tip-text{font-size:15px!important;color:var(--on-n2)!important}
html.sk27 .lk-tip-text strong{color:var(--t1)!important}
html.sk27 .lk-tip-cta{border-radius:12px!important;background:linear-gradient(180deg,#4BDCC6,#1BB8A2)!important;color:#03201B!important;font:900 15px var(--ff)!important;padding:8px 16px!important;box-shadow:none!important}
/* article AI: the floating ask button and the inline card */
html.sk27 .lkai-fab{background:linear-gradient(180deg,#112B30,#0D2125)!important;color:var(--on-n)!important;border:1px solid var(--line-n2)!important;
  border-radius:14px!important;box-shadow:0 14px 30px -14px rgba(0,0,0,.55)!important;font-family:var(--ff)!important}
html.sk27 .lkai{font-family:var(--ff)}
html.sk27 .lkai-card{background:#fff!important;border-radius:22px}

/* ---------- 10. tools hero (calculators: light; matarot: night) ---------- */
html.sk27 .page-ai-light .ai-hero{background:radial-gradient(900px 480px at 50% -20%,rgba(65,211,189,.16),transparent 62%),var(--p1)!important;
  border-bottom:1px solid var(--line-p)!important;box-shadow:none!important}
html.sk27 .page-ai-light .ai-hero-glow,html.sk27 .page-ai-light .ai-hero-dots{display:none!important}
html.sk27 .ai-hero-title{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;font-weight:900!important}
html.sk27 .page-ai-light .ai-hero-title{color:var(--on-p)!important}
html.sk27 .ai-hero-title .accent,html.sk27 .ai-hero-title em,html.sk27 .ai-hero-title span{color:var(--t5)!important;-webkit-text-fill-color:currentColor!important;background:none!important}
html.sk27 body:not(.page-ai-light) .ai-hero{background:radial-gradient(1000px 520px at 50% -10%,rgba(65,211,189,.16),transparent 60%),linear-gradient(170deg,var(--n2),var(--n1))!important;
  box-shadow:0 30px 70px -40px rgba(0,0,0,.55)!important}
html.sk27 body:not(.page-ai-light) .ai-hero-title span,html.sk27 body:not(.page-ai-light) .ai-hero-title em{color:var(--t2)!important}
html.sk27 .ai-kicker{border-radius:10px!important}
html.sk27 .ai-search{border-radius:16px!important}
html.sk27 .ai-search-btn{border-radius:12px!important;background:linear-gradient(180deg,#4BDCC6,#1BB8A2)!important;color:#03201B!important;box-shadow:none!important}

/* ---------- 11. side stripes become a hairline box ---------- */
html.sk27 .iv-notice,html.sk27 .iv-top-notice,html.sk27 .bn-flag,html.sk27 .hc-alt{border-inline-start-width:1px!important;border-inline-start-color:var(--line-p2)!important;border-radius:14px!important}
html.sk27 .iv-notice,html.sk27 .iv-top-notice{background:var(--p1)!important}

/* ---------- 12. fixes from the first pass ---------- */
/* the tip strip is mounted as body's first child (it looked for nav.nav): put it under the topbar */
html.sk27 body > .lk-tip{position:relative;z-index:1;margin-top:var(--nav-h)}
html.sk27 body > .lk-tip ~ .nv-space{display:none}
/* matarot's night hero: light title */
html.sk27 body:not(.page-ai-light) .ai-hero-title{color:var(--on-n)!important}
html.sk27 body:not(.page-ai-light) .ai-hero-sub{color:var(--on-n2)!important}

/* ---------- 13. phones: nothing may widen the page ---------- */
html.sk27 main,html.sk27 article,html.sk27 .container{overflow-x:clip}
@media (max-width:600px){
  html.sk27 .btn{white-space:normal!important;text-align:center;max-width:100%;line-height:1.25;justify-content:center}
  html.sk27 article table,html.sk27 main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* ---------- 14. shared post tools: emoji icons drawn as line icons (markup untouched) ---------- */
html.sk27 .post-tool-icon,html.sk27 .share-btn-ico{font-size:0!important;line-height:0!important;width:18px;height:18px;flex:none;display:inline-block;
  background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
html.sk27 .share-btn-ico{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'/%3E%3C/svg%3E")}
html.sk27 .share-btn[data-share="facebook"] .share-btn-ico{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M15.5%203.5h-2.4A3.6%203.6%200%200%200%209.5%207.1V10h-2.5v3.2h2.5v7.3h3.2v-7.3h2.6l.5-3.2h-3.1V7.6c0-.6.4-1%201-1h1.8z'/%3E%3C/svg%3E")}
html.sk27 .share-btn[data-share="twitter"] .share-btn-ico,html.sk27 .share-btn[data-share="x"] .share-btn-ico{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4.5%204.5l15%2015M19.5%204.5l-15%2015'/%3E%3C/svg%3E")}
html.sk27 .post-tool.audio .post-tool-icon{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2014v-2a8%208%200%200%201%2016%200v2'/%3E%3Crect%20x='3'%20y='14'%20width='4'%20height='7'%20rx='1.5'/%3E%3Crect%20x='17'%20y='14'%20width='4'%20height='7'%20rx='1.5'/%3E%3C/svg%3E")}
html.sk27 .share-btn[data-share="whatsapp"] .share-btn-ico{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.5%2011.5a8.5%208.5%200%200%201-12.6%207.4L3.5%2020l1.2-4.2a8.5%208.5%200%201%201%2015.8-4.3z'/%3E%3C/svg%3E")}
html.sk27 .share-btn[data-share="email"] .share-btn-ico{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2'/%3E%3Cpath%20d='m3%207%209%206%209-6'/%3E%3C/svg%3E")}
html.sk27 .share-btn[data-share="copy"] .share-btn-ico{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M10%2014a4%204%200%200%200%205.66%200l3-3a4%204%200%200%200-5.66-5.66l-1%201'/%3E%3Cpath%20d='M14%2010a4%204%200%200%200-5.66%200l-3%203a4%204%200%200%200%205.66%205.66l1-1'/%3E%3C/svg%3E")}
html.sk27 .share-btn[data-share="story"] .share-btn-ico{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%208v8M8%2012h8'/%3E%3C/svg%3E")}
html.sk27 .share-btn,html.sk27 .post-tool{border-radius:12px!important;font-family:var(--ff)!important}

/* ---------- 15. LK fix (18.10.26): footer headings stay light on the night footer ---------- */
/* section 2 paints every h2 dark for paper pages, and it outranks .ft h2 from skin27 */
html.sk27 .ft h2{color:var(--on-n)}

/* ---------- 16. LK fix (18.10.26): the thank-you arrows had no size outside the homepage ---------- */
/* main.js draws three chevrons in .ty-nudge; only home26.css sized them, so on /schedule and the
   other inner forms each svg rendered at its default size as a large black triangle (live since 26.9). */
html.sk27 .ty-nudge{display:flex;justify-content:center;gap:4px;margin:10px 0 14px}
html.sk27 .ty-nudge svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2}

/* ---------- 17. LK (19.10.26): five coaching meetings sit in one row on about.html ---------- */
html.sk27 .pain-grid.pg-steps{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}