/* Timeline — הדפים הפנימיים בעיצוב של האתר החדש (30.10.2026).
   נטען אחרי v3.css. מחליף את style.css: משתנים ישנים שמשמשים בסגנונות שבתוך הדפים,
   ורק הרכיבים שהדפים הפנימיים באמת משתמשים בהם. */
:root{
  --surface:#fff; --body:var(--mut); --muted:var(--soft);
  --accent:#37c98b; --accent-ink:#0a7a52; --logo-green:#37c98b;
  --deep:var(--navy); --mid:var(--navy); --shadow:0 12px 34px rgba(15,23,42,.06);
}
main section{padding:56px 0}
main section:first-child{padding-top:44px}
main section[id]{scroll-margin-top:78px}
.tint{background:transparent}

/* כותרות בפונט התצוגה של האתר */
main h1,main h2,main h3{font-family:var(--disp);font-weight:800;color:var(--navy);line-height:1.15;letter-spacing:-.2px;text-wrap:balance;margin:0}
main h1{font-size:clamp(30px,4.6vw,46px)}
main h2{font-size:clamp(24px,3.2vw,34px)}
main h3{font-size:clamp(18px,2.2vw,22px)}
.lede{font-size:clamp(17px,2vw,19.5px);color:var(--mut);margin-top:16px;max-width:68ch;line-height:1.65}
.rule{width:64px;height:5px;border-radius:4px;background:var(--accent);margin:18px 0 0}
.sec-head{margin-bottom:30px}
.crumbs{font-size:14px;color:var(--soft);margin-bottom:16px}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs a:hover{color:var(--navy);text-decoration:underline}

/* כפתורים — כמו בדף הבית */
main .btn{border-radius:12px;padding:11px 18px;font-size:16px;font-weight:700;border:1.5px solid var(--navy)}
main .btn-p{background:var(--navy);color:#fff;box-shadow:none}
main .btn-p:hover{background:var(--navy2)}
main .btn-d,main .btn-g{background:#fff;color:var(--navy);border-color:var(--navy)}
main .btn-d:hover,main .btn-g:hover{background:var(--tint)}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* כרטיסים ורשימות */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}
.card p{color:var(--mut);font-size:16px}
.ticks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;color:var(--mut)}
.ticks li::before{content:'';flex:0 0 8px;height:8px;border-radius:50%;background:var(--accent);margin-top:10px}
.vidlink{margin-top:16px;font-weight:700}
.vidlink a{color:var(--navy);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}

/* שאלות */
.faq{display:grid;gap:10px;max-width:860px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px}
.faq summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:var(--disp);font-weight:800;font-size:22px;color:var(--navy);line-height:1}
.faq details[open] summary::after{content:'–'}
.faq .a{padding:0 20px 18px;color:var(--mut);font-size:16.5px}

/* מסמכים (פרטיות, נגישות, תנאי שימוש) */
.doc .box{border-inline-start-color:var(--navy)}
.doc ul li::before{background:var(--accent)}
main .doc .box{border-inline-start-color:var(--navy)}
/* פריט ברשימה עם כותרת מודגשת — שורה אחת רציפה, לא שתי עמודות */
main .doc ul li{display:block;position:relative;padding-inline-start:20px}
main .doc ul li::before{position:absolute;inset-inline-start:0;top:11px;margin:0;width:8px;height:8px}
/* דפי הפתרונות: שלבים כטקסט רציף, ותווית בסגנון של דף הבית */
main .sol-how li{display:block;position:relative;padding-inline-start:62px;min-height:0}
main .sol-how li::before{position:absolute;inset-inline-start:18px;top:14px;margin:0;width:30px;height:30px}
main .sol-hero .k{color:var(--soft);letter-spacing:.6px;font-size:13.5px}