:root{--g:#01411c;--g2:#0b6b35;--lt:#eef6f0;--bd:#d5e6da;--tx:#1d2b22;--mu:#5d6f63}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tx);background:#fff}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.top{background:var(--g);color:#fff;position:sticky;top:0;z-index:5}.bar{display:flex;justify-content:space-between;align-items:center;height:56px}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}.flag{opacity:.9}
.btn{display:inline-block;background:#fff;color:var(--g);border:2px solid var(--g);border-radius:8px;padding:6px 14px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.top .btn{border-color:#fff}
.hero{padding:28px 0 8px}.hero h1{color:var(--g);margin:0 0 8px;font-size:1.7rem;line-height:1.3}
h2{color:var(--g);font-size:1.3rem}
.card{background:var(--lt);border:1px solid var(--bd);border-radius:12px;padding:16px 18px;margin:18px 0}
.struct{padding-inline-start:20px}.struct li{margin:6px 0}.struct b{display:block;color:var(--g2)}
.src,.muted{color:var(--mu);font-size:.9rem}a{color:var(--g2)}
.tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#q{flex:1 1 260px;padding:10px 12px;border:2px solid var(--bd);border-radius:8px;font:inherit}#q:focus{outline:none;border-color:var(--g2)}
details.m{border:1px solid var(--bd);border-radius:10px;margin:10px 0;background:#fff}
details.m summary{cursor:pointer;padding:12px 14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:8px}
details.m summary::after{content:"+";color:var(--g2);font-size:1.3rem}details[open].m summary::after{content:"−"}
details.m summary small{display:block;font-weight:400;color:var(--mu)}
.body{padding:0 14px 14px;border-top:1px solid var(--bd)}
.div{background:var(--lt);border-radius:8px;padding:10px 12px;margin:8px 0}
.div a{margin-inline-end:12px}.nf{color:#9a5b00;font-size:.9rem}
.tag{display:inline-block;background:var(--g);color:#fff;border-radius:20px;padding:0 8px;font-size:.75rem;margin-inline-start:6px}
footer{background:var(--g);color:#e6f2ea;margin-top:30px;padding:18px 0}footer .muted{color:#b9d6c3}
html[lang=ur] body{font-family:"Noto Nastaliq Urdu",serif;line-height:2.2}
html[lang=ur] .hero h1{line-height:2}