/* guide-v2.css — עיצוב אחיד לעמודי המדריכים (27.9.2026).
   לפי GeneralGuide.dc.html + ההחלטה של יהודה: "וואו למעלה, מידע ברור בלי עומס".
   נטען אחרי ה-<style> של כל עמוד ולכן גובר עליו. התוכן עצמו לא השתנה —
   scripts/apply_guide_v2.py רק עוטף אותו (כותרת, כפתורי קפיצה, כרטיסים). */
body.g2{background:#EEF1F7;color:#141B2D}
body.g2 .wrap{max-width:900px;padding:1.6rem 1.2rem 4rem;display:flex;flex-direction:column;gap:18px}
body.g2 .top{padding:.2rem 0 .2rem}
body.g2 .top-cta{border-radius:12px;background:#2446C9}

/* הכותרת: טקסט על צבע המותג + התמונה של המדריך (אותה תמונה כמו בעמוד "מדריכים") */
body.g2 .g-hero{position:relative;overflow:hidden;border-radius:28px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);color:#fff;
  background:linear-gradient(160deg,#22336E 0%,#162250 55%,#0B122C 100%);box-shadow:0 22px 46px -22px rgba(11,18,44,.55)}
body.g2 .g-hero-txt{position:relative;padding:38px 40px 34px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
body.g2 .g-hero-txt::before{content:"";position:absolute;width:340px;height:340px;left:-150px;bottom:-200px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,212,92,.35),transparent);animation:gPulse 3s ease-in-out infinite}
body.g2 .g-hero-txt > *{position:relative}
body.g2 .g-eyebrow{display:inline-flex;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.2);
  font-size:13px;font-weight:800;letter-spacing:.03em;color:#FFF2C4;margin-bottom:14px}
body.g2 .g-hero h1{font-size:2.2rem;font-weight:900;line-height:1.2;margin:0 0 .7rem;text-wrap:balance;color:#fff}
body.g2 .g-hero .lede{color:#ECEEFB;font-size:1.05rem;max-width:56ch;margin:0}
body.g2 .g-hero .updated{color:#C9D0F5;margin:.9rem 0 0;font-size:.82rem}
body.g2 .g-hero a{color:#FFF2C4}
body.g2 .g-hero-ph{position:relative;min-height:260px;overflow:hidden;background:#1B2350}
body.g2 .g-hero-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:40% 40%;animation:gKb 24s ease-in-out infinite alternate}
body.g2 .g-hero-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(22,40,138,.35),rgba(22,40,138,0) 45%)}
body.g2 .g-credit{position:absolute;bottom:8px;left:10px;z-index:1;font-size:11px;font-weight:600;color:rgba(255,255,255,.8)!important;text-decoration:none;direction:ltr}
body.g2 .g-hero.no-ph{grid-template-columns:minmax(0,1fr)}
@keyframes gPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes gKb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-2%,-1%)}}

body.g2 .g-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
body.g2 .g-nav a{padding:8px 15px;border-radius:999px;background:#fff;border:1px solid #DFE4EE;font-size:14px;font-weight:800;
  color:#36405A;text-decoration:none;transition:border-color .15s,background .15s}
body.g2 .g-nav a:hover,body.g2 .g-nav a:focus-visible{border-color:#2446C9;background:#E3E9FB;color:#16288A}

body.g2 .g-sec{background:#fff;border:1px solid #DFE4EE;border-radius:22px;padding:26px 30px;scroll-margin-top:16px}
/* 7.10 — שפת האתר: כל הפרקים לבנים וכותרת בכחול-לילה. היה מחזור של כחול / אפרסק / לבנדר עם כותרות
   סגולות וחומות — צבעים שלא שייכים לשום פינה. צבע הנושא (זהב, או צבע הפינה בעמוד של פינה) רק כפס קטן ליד הכותרת. */
body.g2 .g-sec h2{font-size:1.45rem;margin:0 0 .8rem;color:#22336E}
body.g2 .g-sec > h2:first-child{position:relative;padding-inline-start:14px}
body.g2 .g-sec > h2:first-child::before{content:"";position:absolute;inset-inline-start:0;top:.22em;bottom:.22em;width:4px;border-radius:4px;background:var(--topic,#FFD45C)}
body.g2 .g-sec > :last-child{margin-bottom:0}
body.g2 .g-sec p,body.g2 .g-sec li{color:#24345A;font-size:1.02rem}

body.g2 .note{background:#FDF1D2;border:1px solid #F2B21B;border-radius:14px;color:#6E4B00}
body.g2 .note b{color:#8A5E00}
body.g2 .card{border-radius:16px}
body.g2 .table-wrap{border-radius:16px;overflow:auto;border:1px solid #DFE4EE;background:#fff}
body.g2 .table-wrap table{margin:0}
body.g2 thead th{background:#22336E;color:#fff;font-size:.85rem;padding:.75rem}
body.g2 tbody tr:nth-child(even) td{background:#F9FAFC}

/* 7.10 — כרטיס הסיום בכחול-לילה כמו הכותרת ו"הדבר החי" (היה מעבר מכחול בהיר לסגול) */
body.g2 .cta{border-radius:24px;border:0;padding:30px;color:#fff;margin:0;text-align:center;
  background:linear-gradient(180deg,#22336E 0%,#162250 55%,#0B122C 100%);box-shadow:0 2px 6px rgba(20,27,45,.06),0 34px 70px -30px rgba(20,27,45,.40)}
body.g2 .cta h2{color:#fff;font-family:"Frank Ruhl Libre",Georgia,serif;font-weight:900}
body.g2 .cta h2 em,body.g2 .cta b{color:#FFD45C}
body.g2 .cta p{color:#E6EBF8}
body.g2 .cta a:not(.cta-btn){color:#FFF2C4}
body.g2 .cta-btn{background:#FFE7B3;color:#16288A;border-radius:14px;padding:.85rem 1.8rem;box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 10px 24px -10px rgba(255,212,92,.7)}
body.g2 .src{background:#fff;border:1px solid #DFE4EE;border-radius:18px;padding:18px 22px;margin:0}
body.g2 .foot{margin-top:.5rem}

@media (prefers-reduced-motion: reduce){body.g2 .g-hero-txt::before,body.g2 .g-hero-ph img{animation:none}}
@media (max-width:640px){
  body.g2 .g-hero{grid-template-columns:minmax(0,1fr);border-radius:22px}
  body.g2 .g-hero-ph{order:-1;min-height:170px}
  body.g2 .g-hero-txt{padding:24px 20px 24px}
  body.g2 .g-hero h1{font-size:1.65rem}
  body.g2 .g-sec{padding:20px 18px;border-radius:18px}
  body.g2 .g-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  body.g2 .g-nav a{flex:none}
}