@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&display=swap');
:root{--green-deep:#1F3D2B;--green-light:#4A7C5E;--gold:#C8A24A;--gold-light:#E2C47A;--cream:#FAF7F0;--cream-dark:#F0EBE0;--text:#2A2A2A;--text-light:#555}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'DM Sans',system-ui,sans-serif;color:var(--text);background:var(--cream);line-height:1.75}
a{color:var(--green-light);text-decoration:none}a:hover{color:var(--gold)}
.bnav{position:sticky;top:0;background:rgba(250,247,240,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--cream-dark);z-index:10}
.bnav-in{max-width:760px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'Fraunces','Lora',serif;font-weight:700;color:var(--green-deep)}.logo span{color:var(--gold)}
.bnav a{font-weight:600;font-size:.9rem}
article,.blist{max-width:760px;margin:0 auto;padding:48px 24px}
.eyebrow{font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:10px}
h1{font-family:'Fraunces','Lora',serif;color:var(--green-deep);font-size:2.2rem;line-height:1.2;margin-bottom:14px}
.meta{color:var(--text-light);font-size:.9rem;margin-bottom:28px;border-bottom:1px solid var(--cream-dark);padding-bottom:20px}
article h2{font-family:'Fraunces','Lora',serif;color:var(--green-deep);font-size:1.5rem;margin:34px 0 12px}
article p{margin-bottom:18px;font-size:1.06rem}
article ul{margin:0 0 18px 22px}article li{margin-bottom:8px;font-size:1.06rem}
.takeaway{background:var(--green-pale,#EBF4EE);border-inline-start:4px solid var(--green-light);border-radius:10px;padding:20px 24px;margin:26px 0}
.takeaway b{color:var(--green-deep)}
.cta{background:var(--green-deep);color:var(--cream);border-radius:16px;padding:32px;text-align:center;margin:40px 0 10px}
.cta h3{font-family:'Fraunces','Lora',serif;font-size:1.5rem;margin-bottom:10px}
.cta p{color:#cdd8cf;margin-bottom:18px}
.btn{display:inline-block;background:var(--gold);color:var(--green-deep);font-weight:700;padding:13px 28px;border-radius:50px}
.btn:hover{background:var(--gold-light);color:var(--green-deep)}
.card{display:block;background:#fff;border:1px solid var(--cream-dark);border-radius:14px;padding:24px;margin-bottom:18px;transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(31,61,43,.1)}
.card h2{font-family:'Fraunces','Lora',serif;color:var(--green-deep);font-size:1.3rem;margin-bottom:6px}
.card p{color:var(--text-light);margin-bottom:8px}
footer{background:#16291d;color:#9fb0a4;text-align:center;padding:30px;font-size:.85rem;margin-top:40px}
.disc{font-size:.75rem;color:#6f8074;max-width:760px;margin:18px auto 0;line-height:1.5}

html[dir=rtl]{font-family:'Tajawal','Cairo',sans-serif}
html[dir=rtl] h1,html[dir=rtl] article h2,html[dir=rtl] .card h2,html[dir=rtl] .cta h3{font-family:'Cairo',sans-serif;font-weight:700}
html[dir=rtl] article ul{margin:0 22px 18px 0}
.langlink{font-weight:700;font-size:.9rem;color:var(--green-deep);border:1px solid var(--cream-dark);padding:5px 12px;border-radius:50px}
.langlink:hover{background:var(--green-deep);color:var(--cream)}