:root{
  --blog-ink:#f6eade;              /* קרם — טקסט ראשי, כמו האתר */
  --blog-muted:rgba(246,234,222,.72);
  --blog-faint:rgba(246,234,222,.55);
  --blog-card:rgba(255,255,255,.03);
  --blog-line:rgba(246,234,222,.10);
  --blog-line-strong:rgba(246,234,222,.18);
  --blog-gold:#ecd07a;             /* זהב לקישורים/אקסנט */
  --blog-gold-1:#fff0a3;
  --blog-gold-2:#e8d074;
  --blog-gold-ink:#2d3542;         /* טקסט על כפתור הזהב */
  --blog-maxw:44rem;
  --blog-header:74px;              /* גובה ה-header הקבוע של האתר */
}
.blog-main{
  color:var(--blog-ink);
  font-family:Rubik,sans-serif;
  /* פינוי ל-header הקבוע (74px) + אוויר. פתרון מקומי לבלוג בלבד. */
  padding:calc(var(--blog-header) + 2.25rem) 1.25rem 4.5rem;
  background:transparent;          /* הרקע הנייבי של האתר עובר מבעד */
}
.blog-article{max-width:var(--blog-maxw);margin:0 auto;line-height:1.85;font-size:1.075rem;}

/* פירורי לחם */
.blog-breadcrumbs{font-size:.85rem;color:var(--blog-faint);margin-bottom:1rem;}
.blog-breadcrumbs a{color:var(--blog-faint);text-decoration:none;}
.blog-breadcrumbs a:hover{color:var(--blog-gold);}
.blog-breadcrumbs .sep{margin:0 .35rem;opacity:.6;}
.blog-breadcrumbs [aria-current]{color:var(--blog-muted);}

/* כותרות — Rubik 900, קרם, כמו האתר */
.blog-article h1{font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.2;margin:.25rem 0 .9rem;font-weight:900;letter-spacing:-.01em;}
.blog-article h2{font-size:clamp(1.4rem,3.5vw,1.9rem);margin:2.4rem 0 .8rem;font-weight:900;}
.blog-article h3{font-size:1.2rem;margin:1.8rem 0 .5rem;font-weight:700;}
.blog-article h4{font-size:1.05rem;margin:1.3rem 0 .5rem;font-weight:700;}

.blog-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.85rem;color:var(--blog-muted);margin-bottom:1.6rem;}
.blog-meta .sep{opacity:.4;}
.blog-cat{
  background:linear-gradient(var(--blog-gold-1),var(--blog-gold-2));
  color:var(--blog-gold-ink);border-radius:999px;padding:.12rem .7rem;
  font-size:.78rem;font-weight:600;
}
.blog-featured{width:100%;border-radius:16px;margin:0 0 1.6rem;display:block;border:1px solid var(--blog-line);}
.blog-intro{font-size:1.2rem;color:var(--blog-ink);font-weight:500;margin-bottom:1.6rem;line-height:1.7;}
.blog-article p{margin:0 0 1.15rem;color:var(--blog-muted);}
.blog-article ul,.blog-article ol{margin:0 0 1.15rem;padding-inline-start:1.4rem;color:var(--blog-muted);}
.blog-article li{margin:.4rem 0;}
.blog-article strong{color:var(--blog-ink);font-weight:700;}
.blog-article a{color:var(--blog-gold);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.blog-article a:hover{color:var(--blog-gold-1);}
.blog-article table{width:100%;border-collapse:collapse;margin:1.3rem 0;font-size:.95rem;}
.blog-article th,.blog-article td{border:1px solid var(--blog-line);padding:.6rem .75rem;text-align:start;color:var(--blog-muted);}
.blog-article th{background:var(--blog-card);color:var(--blog-ink);font-weight:700;}

/* שאלות נפוצות — בדיוק כמו כרטיסי ה-FAQ של האתר */
.blog-faq{margin:2.6rem 0;}
.blog-faq>h2{margin-bottom:1rem;}
.blog-faq details{
  background:var(--blog-card);border:1px solid var(--blog-line);border-radius:16px;
  padding:1rem 1.25rem;margin-bottom:.75rem;
}
.blog-faq summary{cursor:pointer;font-weight:600;font-size:1.05rem;color:var(--blog-ink);list-style:none;}
.blog-faq summary::-webkit-details-marker{display:none;}
.blog-faq details[open]{border-color:var(--blog-line-strong);}
.blog-faq details>div{margin-top:.7rem;color:var(--blog-muted);}

.blog-internal-links{margin:2.2rem 0;padding-top:1.4rem;border-top:1px solid var(--blog-line);}
.blog-internal-links ul{list-style:none;padding:0;}
.blog-internal-links a{color:var(--blog-gold);}

/* CTA — כפתור הזהב-פיל של האתר, זהה */
.blog-cta{
  background:var(--blog-card);border:1px solid var(--blog-line);border-radius:16px;
  padding:1.75rem;margin:2.6rem 0;text-align:center;
}
.blog-cta p{color:var(--blog-ink);font-size:1.05rem;margin:0;}
/* ספציפיות גבוהה מ-.blog-article a כדי שהטקסט יישאר כהה על הזהב. */
.blog-cta a.blog-cta-btn{
  display:inline-block;margin-top:1rem;
  background:linear-gradient(var(--blog-gold-1),var(--blog-gold-2));
  color:var(--blog-gold-ink);text-decoration:none;
  padding:.85rem 1.75rem;border-radius:999px;font-weight:600;font-size:1rem;
}
.blog-cta a.blog-cta-btn:hover{filter:brightness(1.05);color:var(--blog-gold-ink);}

.blog-summary{
  background:var(--blog-card);border:1px solid var(--blog-line);
  border-inline-start:3px solid var(--blog-gold-2);border-radius:12px;
  padding:1.1rem 1.35rem;margin:2.2rem 0;
}
.blog-summary h2{margin:0 0 .4rem;font-size:1.2rem;}
.blog-summary p{color:var(--blog-muted);margin:0;}

.blog-related{margin-top:2.6rem;border-top:1px solid var(--blog-line);padding-top:1.5rem;}
.blog-related ul{list-style:none;padding:0;}
.blog-related a{display:block;padding:.55rem 0;color:var(--blog-ink);text-decoration:none;font-weight:600;}
.blog-related a:hover{color:var(--blog-gold);}

/* ── עמוד האינדקס ── */
.blog-index{max-width:64rem;margin:0 auto;}
.blog-hero{text-align:center;margin:0 0 2.5rem;}
.blog-hero h1{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:900;letter-spacing:-.01em;margin:0 0 .5rem;}
.blog-hero p{color:var(--blog-muted);font-size:clamp(1rem,2.5vw,1.2rem);margin:0;}
.blog-categories{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.25rem;}
.blog-categories span{
  border:1px solid var(--blog-line);border-radius:999px;padding:.35rem .95rem;
  font-size:.85rem;color:var(--blog-muted);
}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;}
.blog-card{
  background:var(--blog-card);border:1px solid var(--blog-line);border-radius:16px;
  overflow:hidden;text-decoration:none;color:var(--blog-ink);
  transition:border-color .15s,transform .15s;display:flex;flex-direction:column;
}
.blog-card:hover{border-color:var(--blog-gold-2);transform:translateY(-2px);}
.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.blog-card-body{padding:1.2rem;display:flex;flex-direction:column;gap:.5rem;}
.blog-card-body h2{font-size:1.2rem;margin:0;font-weight:700;color:var(--blog-ink);}
.blog-card-body p{color:var(--blog-muted);font-size:.95rem;margin:0;line-height:1.6;}
.blog-card-meta{font-size:.8rem;color:var(--blog-faint);margin-top:auto;}
.blog-empty{text-align:center;color:var(--blog-muted);padding:3rem 0;grid-column:1/-1;}

@media(min-width:1040px){.blog-main{padding-top:calc(var(--blog-header) + 3rem);}}