:root{--ink:#1c1917;--mut:#57534e;--soft:#78716c;--green:#0f5c52;--greenbg:#ecfdf5;--line:#e7e5e4;}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#faf9f7;color:var(--ink);font-family:"Inter","Segoe UI",system-ui,sans-serif;line-height:1.75;font-size:17px}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header.hd{background:linear-gradient(135deg,#0f5c52,#0b3b35);color:#fff;padding:30px 0}
header.hd .wrap{display:flex;align-items:center;gap:12px}
header.hd img{width:40px;height:40px;border-radius:9px;background:#fff;padding:2px;object-fit:contain}
header.hd b{font-size:15px;letter-spacing:.14em}
header.hd small{display:block;font-size:10px;letter-spacing:.18em;opacity:.85;text-transform:uppercase}
article{background:#fff;margin:26px auto;border:1px solid var(--line);border-radius:14px;padding:34px 40px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.kicker{color:var(--green);font-weight:600;font-size:14px;letter-spacing:.02em;text-transform:uppercase}
h1{font-family:"Lora",Georgia,serif;font-size:2.05rem;line-height:1.2;margin:.3em 0 .2em;color:#0b3b35}
.byline{color:var(--soft);font-size:14px;margin-bottom:1.4em;border-bottom:1px solid var(--line);padding-bottom:1.2em}
h2{font-family:"Lora",Georgia,serif;color:var(--green);font-size:1.4rem;margin:1.5em 0 .4em}
p{margin:.9em 0}
.ar{font-family:"Amiri",serif;direction:rtl}
.cta{background:var(--greenbg);border:1px solid #0f5c5233;border-radius:12px;padding:22px 24px;margin:1.8em 0}
.cta a{display:inline-block;margin-top:10px;background:var(--green);color:#fff;text-decoration:none;padding:11px 22px;border-radius:9px;font-weight:600}
ul{margin:.6em 0;padding-inline-start:1.3em}
li{margin:.35em 0}
.note{color:var(--soft);font-size:14px}
footer{color:var(--soft);font-size:13px;text-align:center;padding:20px}
@media(max-width:560px){article{padding:24px 20px}h1{font-size:1.6rem}body{font-size:16px}}