:root{
  --forest-dark:#14290d;
  --forest:#1c5503;
  --forest-hover:#163f02;
  --sage-bg:#e8f2e3;
  --cream:#f7f1e8;
  --cream-soft:#faf7f0;
  --ink:#1c2418;
  --muted:#5c6660;
  --line:#e4e0d6;
  --radius:14px;
  --shadow:0 10px 30px -12px rgba(20,41,13,.18);
  --maxw:1140px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;color:var(--forest-dark);line-height:1.25;}
img{max-width:100%;display:block;border-radius:14px;}
a{text-decoration:none;color:inherit;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* Topbar + header (shared) */
.topbar{background:var(--forest-dark);color:#e8f0e3;font-size:.82rem;}
.topbar .container{display:flex;justify-content:center;gap:6px 28px;padding:9px 24px;flex-wrap:wrap;text-align:center;}
header.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:20px;max-width:var(--maxw);margin:0 auto;}
.brand-group{display:flex;align-items:center;gap:12px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand img{height:38px;width:auto;border-radius:0;}
nav.main-menu{display:flex;gap:24px;flex-wrap:wrap;}
nav.main-menu a{font-size:.92rem;font-weight:500;color:var(--ink);}
nav.main-menu a.active{color:var(--forest);}
nav.main-menu a:hover{color:var(--forest);}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;padding:11px 22px;border-radius:10px;border:2px solid transparent;cursor:pointer;}
.btn-primary{background:var(--forest);color:#fff;}
.btn-primary:hover{background:var(--forest-hover);}

/* Breadcrumb */
.breadcrumb{font-size:.82rem;color:var(--muted);padding:18px 0 0;}
.breadcrumb a{color:var(--forest);font-weight:600;}

/* Article / page hero */
.page-hero{background:linear-gradient(180deg,var(--cream) 0%, var(--cream-soft) 100%);padding:36px 0 32px;}
.page-hero .eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--sage-bg);color:var(--forest);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 13px;border-radius:999px;margin-bottom:14px;}
.page-hero h1{font-size:2rem;margin-bottom:10px;}
.page-hero p.lead{color:var(--muted);max-width:680px;font-size:1.02rem;}
.meta-line{color:var(--muted);font-size:.85rem;margin-top:12px;}

/* Article body */
article.post{padding:40px 0 60px;}
article.post .container{max-width:760px;}
article.post h2{font-size:1.4rem;margin:34px 0 12px;}
article.post h3{font-size:1.12rem;margin:24px 0 8px;}
article.post p{margin-bottom:16px;color:#33392f;}
article.post ul,article.post ol{margin:0 0 16px 22px;color:#33392f;}
article.post li{margin-bottom:8px;}
img.cover{width:100%;height:320px;object-fit:cover;margin-bottom:8px;border-radius:14px;}
article.post .callout{background:var(--sage-bg);border-left:4px solid var(--forest);padding:16px 18px;border-radius:10px;margin:20px 0;color:var(--forest-dark);font-size:.95rem;}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;}
.tag{background:var(--sage-bg);color:var(--forest);font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:999px;}

/* Blog grid */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:46px 0 70px;}
.blog-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s;}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.blog-card img{border-radius:0;height:170px;width:100%;object-fit:cover;margin:0;}
.blog-card .body{padding:20px;}
.blog-card .cat{color:var(--forest);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;display:block;}
.blog-card h3{font-size:1.05rem;margin-bottom:8px;}
.blog-card p{font-size:.88rem;color:var(--muted);}
.blog-card .read-more{color:var(--forest);font-weight:600;font-size:.85rem;margin-top:12px;display:inline-block;}

/* CTA band */
.cta-band{background:var(--forest-dark);color:#fff;padding:40px 0;text-align:center;}
.cta-band h2{color:#fff;font-size:1.4rem;margin-bottom:8px;}
.cta-band p{color:#cfe0c8;margin-bottom:18px;}

/* FAQ accordion (shared with main site) */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;padding:36px 0 60px;}
.faq-item{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;}
.faq-item summary{list-style:none;padding:16px 18px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--forest-dark);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";font-size:1.3rem;color:var(--forest);font-weight:400;}
.faq-item[open] summary::after{content:"\2212";}
.faq-item .answer{padding:0 18px 18px;font-size:.9rem;color:var(--muted);}
.faq-section-title{padding-top:30px;}
.faq-section-title h2{font-size:1.2rem;margin-bottom:14px;}

/* Footer (shared, simplified) */
footer.site-footer{background:#0f200a;color:#cdd9c6;padding:44px 0 22px;margin-top:20px;}
footer.site-footer a{color:#cdd9c6;}
footer.site-footer a:hover{color:#fff;}
.footer-links{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:20px;font-size:.86rem;}
.footer-bottom{border-top:1px solid #1f3617;padding-top:16px;text-align:center;font-size:.8rem;color:#8ea283;}

/* RTL support for Arabic pages */
html[dir="rtl"] body{font-family:'Tajawal','Inter',sans-serif;}
html[dir="rtl"] .nav-wrap{flex-direction:row;}
html[dir="rtl"] .tag-row,
html[dir="rtl"] .footer-links{flex-direction:row-wrap;}
html[dir="rtl"] article.post .callout{border-left:none;border-right:4px solid var(--forest);}

@media (max-width:900px){
  .blog-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:720px){
  nav.main-menu{display:none;}
  .blog-grid{grid-template-columns:1fr;padding:30px 0 50px;}
  .faq-grid{grid-template-columns:1fr;}
  .page-hero h1{font-size:1.5rem;}
}