:root{
  --bg:#f6f3e8; --bg2:#eaf4e2; --green:#1f7a4d; --green-soft:#2e9e5b; --amber:#c9821b;
  --text:#1e2a22; --muted:#5f6f63; --card:#ffffff; --border:#cfe3c6;
}
*{box-sizing:border-box;}
body{margin:0; color:var(--text); font-family:'Noto Nastaliq Urdu','Amiri',serif; line-height:2.1;
  background:linear-gradient(180deg,var(--bg),var(--bg2) 40%,var(--bg)); min-height:100vh;}
a{color:var(--green);}
.site-header{background:var(--green); color:#fff; padding:10px 16px;}
.site-header .wrap{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.site-header .brand{color:#fff; text-decoration:none; font-family:'Poppins',sans-serif; font-weight:700; font-size:1.15rem; display:flex; align-items:center; gap:8px;}
.site-header .brand img{width:34px; height:34px; border-radius:8px; background:#fff;}
.site-header nav.pills{display:flex; flex-wrap:wrap; gap:8px; width:100%; direction:ltr; justify-content:center;}
.site-header nav.pills a{background:#fff; color:var(--green); text-decoration:none; font-family:'Poppins',sans-serif; font-weight:600; font-size:.82rem; line-height:1.4;
  padding:7px 14px; border-radius:20px; border:1px solid var(--border); white-space:nowrap;}
.site-header nav.pills a.on{background:var(--amber); color:#fff; border-color:var(--amber);}
.wrap{max-width:820px; margin:0 auto;}
main{padding:24px 16px 40px;}
.crumbs{font-size:.85rem; color:var(--muted); margin-bottom:8px;}
.crumbs a{color:var(--muted);}
article, .card{background:var(--card); border:1px solid var(--border); border-radius:14px; padding:20px 22px; margin-bottom:20px;}
h1{color:var(--green); font-size:1.7rem; line-height:1.9; margin:0 0 6px;}
h2{color:var(--green-soft); font-size:1.3rem; margin:24px 0 6px;}
h3{color:var(--amber); font-size:1.1rem; margin:18px 0 4px;}
.meta{color:var(--muted); font-size:.85rem; margin-bottom:14px;}
.note{background:rgba(31,122,77,.06); border-inline-start:4px solid var(--green); border-radius:8px; padding:10px 14px; margin:16px 0; font-size:.95rem;}
.cta{display:inline-block; background:var(--green); color:#fff; text-decoration:none; border-radius:24px; padding:8px 22px; margin-top:8px;}
table{width:100%; border-collapse:collapse; margin:12px 0; font-size:.95rem;}
th,td{border:1px solid var(--border); padding:8px 10px; text-align:right; vertical-align:top;}
th{background:rgba(31,122,77,.08); color:var(--green);}
ul,ol{padding-inline-start:22px;}
.list a{display:block; text-decoration:none; padding:12px 0; border-bottom:1px solid var(--border);}
.list a b{display:block; color:var(--green); font-size:1.1rem;}
.list a span{color:var(--muted); font-size:.9rem;}
.related a{display:block;}
.site-footer{background:var(--green); color:#eef7ea; text-align:center; padding:14px 16px; font-size:.85rem;}
.site-footer a{color:#eef7ea; text-decoration:none; margin:0 4px; white-space:nowrap; font-family:'Poppins',sans-serif;}
.crumbs a{font-family:'Poppins',sans-serif;}
@media (max-width:520px){ h1{font-size:1.4rem;} article,.card{padding:16px;} .site-header nav.pills{gap:6px;} .site-header nav.pills a{font-size:.78rem; padding:6px 11px;} }
.contact-form{display:flex; flex-direction:column; gap:12px; margin-top:12px;}
.contact-form label{display:flex; flex-direction:column; gap:4px; color:var(--green); font-size:.95rem;}
.contact-form small{color:var(--muted);}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit; font-size:1rem; padding:8px 10px; border:1px solid var(--border); border-radius:8px; background:#fff; color:var(--text);}
.contact-form textarea{line-height:1.9;}
.contact-form button{border:none; cursor:pointer; font:inherit; align-self:center;}
.contact-form button:disabled{opacity:.6;}
#contactStatus{text-align:center; margin:0;}
#contactStatus.ok{color:var(--green);}
#contactStatus.err{color:#b3261e;}