@font-face { font-family:'Jameel'; src:url('fonts/jameel-regular.woff2'); font-display:swap; }
@font-face { font-family:'Jameel'; src:url('fonts/jameel-bold.woff2'); font-weight:bold; font-display:swap; }
@font-face { font-family:'JameelK'; src:url('fonts/jameel-kasheeda.woff2'); font-display:swap; }
@font-face { font-family:'AmiriQuran'; src:url('fonts/AmiriQuran.ttf'); font-display:swap; }
*{box-sizing:border-box}
body{font-family:'Jameel','Noto Nastaliq Urdu','Noto Naskh Arabic',serif;margin:0;background:#f7f4ec;color:#1a1a1a;line-height:2.0}
a{color:#0C2321}
header.site{background:#0C2321;color:#fff;text-align:center;padding:26px 12px 18px;border-bottom:4px solid #D8A53F}
.bismillah{font-family:'AmiriQuran',serif;font-size:20px;color:#D8A53F}
.inst{font-family:'JameelK','Jameel','Noto Nastaliq Urdu',serif;font-size:44px;line-height:1.5}
.lib{font-size:24px;color:#D8A53F;font-weight:bold}
.tag{color:#cfd8d3;font-size:16px}
.mufti{font-size:18px;margin-top:4px}
nav.main{background:#123330;text-align:center;padding:8px}
nav.main a{color:#fff;text-decoration:none;margin:0 14px;font-size:17px}
nav.main a:hover{color:#D8A53F}
.wrap{max-width:920px;margin:0 auto;padding:18px 14px 40px}
.card{background:#fff;border:1px solid #e2dcc8;border-radius:10px;padding:18px 20px;margin:16px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}
h2.sec{color:#0C2321;border-bottom:2px solid #D8A53F;padding-bottom:4px;font-size:23px;margin:26px 0 8px}
.feat{border:2px solid #D8A53F;background:#fffdf4}
.badge{display:inline-block;background:#0C2321;color:#fff;border-radius:20px;padding:0 12px;font-size:14px;margin-left:8px}
.badge.gold{background:#D8A53F;color:#0C2321}
ul.list{list-style:none;padding:0;margin:0}
ul.list li{padding:7px 4px;border-bottom:1px dashed #ddd6bd;font-size:17.5px}
ul.list li .no{color:#8a6d1f;font-weight:bold;margin-left:8px}
.soon{color:#999;font-size:14px}
input#q{width:100%;font-family:'Jameel','Noto Nastaliq Urdu','Noto Naskh Arabic',serif;font-size:19px;padding:10px 14px;border:1.5px solid #0C2321;border-radius:8px;background:#fff}
.meta{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:16px;color:#444;border-bottom:1px solid #e2dcc8;padding-bottom:8px;margin-bottom:10px}
.meta b{color:#0C2321}
.sec-head{display:inline-block;background:#0C2321;color:#fff;font-size:18px;font-weight:bold;padding:1px 18px 4px;border-radius:6px;margin:14px 0 8px}
p{text-align:justify;margin:0 0 10px}
.q-text{font-size:18.5px}
.part-head{font-weight:bold;color:#0C2321;font-size:18.5px;margin-top:16px}
ul{padding-right:26px} li{text-align:justify}
.arabic{font-family:'AmiriQuran',serif;font-size:19px}
.wa-alam{text-align:center;font-size:20px;font-weight:bold;margin:20px 0 4px}
.en{direction:ltr;text-align:left;font-family:Georgia,serif;font-size:15.5px;line-height:1.75}
.q-text.en{font-size:16px}
.attrib{text-align:left;font-size:17px;color:#0C2321;font-weight:bold;margin-top:6px}
.pager{display:flex;justify-content:space-between;margin-top:22px;font-size:17px}
footer.site{background:#0C2321;color:#cfd8d3;text-align:center;padding:18px 10px;font-size:16px;border-top:4px solid #D8A53F}
footer.site .latin{font-family:Georgia,serif;direction:ltr;font-size:14px}
label{display:block;font-weight:bold;color:#0C2321;margin-top:12px}
input.f,textarea.f,select.f{width:100%;font-family:'Jameel','Noto Nastaliq Urdu','Noto Naskh Arabic',serif;font-size:17px;padding:8px 12px;border:1.2px solid #b9c4c0;border-radius:8px;background:#fff}
.btn{display:inline-block;background:#0C2321;color:#fff;border:none;border-radius:8px;padding:8px 26px;font-family:'Jameel','Noto Nastaliq Urdu','Noto Naskh Arabic',serif;font-size:18px;cursor:pointer;margin:8px 4px;text-decoration:none}
.btn.gold{background:#D8A53F;color:#0C2321}
.note{font-size:15.5px;color:#555}
.langs{margin-top:10px;font-size:16px;color:#cfd8d3}
.langs a{color:#D8A53F;text-decoration:none;margin:0 6px}
.langs b{color:#fff}
body.ltr{font-family:Georgia,'Times New Roman',serif;line-height:1.8}
body.ltr p{text-align:left}
body.ltr .inst{font-family:'JameelK','Jameel','Noto Nastaliq Urdu',serif}
body.arb{font-family:'AmiriQuran',serif;line-height:2.15}
body.arb .inst{font-family:'JameelK','Jameel','Noto Nastaliq Urdu',serif}
body.arb p{font-size:18px}
.latin{font-family:Georgia,serif;direction:ltr}
.share{margin:12px 0}
.share a{display:inline-block;margin:0 6px;padding:6px 16px;border:1px solid #D8A53F;color:#D8A53F;border-radius:20px;text-decoration:none}

/* upgrade-2026-11-05 */
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 4px}
.tbtn{display:inline-block;padding:7px 14px;border:1.5px solid #a47c26;border-radius:999px;
 color:#0c2321;background:#f3e9cf;font-weight:700;font-size:.92rem;cursor:pointer;text-decoration:none}
.tbtn:hover{background:#e9d9ac}
.tshare{margin-inline-start:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tshare a,.tshare button{padding:5px 11px;border-radius:999px;border:1px solid #0c2321;color:#0c2321;
 background:transparent;font-size:.85rem;cursor:pointer;text-decoration:none;font-weight:600}
.summary-box{background:#fbf7ea;border-inline-start:5px solid #d8a53f;border-radius:10px;
 padding:12px 16px;margin:16px 0}
.summary-box .s-head{font-weight:800;color:#0c2321;margin-bottom:5px}
.related{margin:20px 0 4px}.related h3{color:#0c2321;margin:0 0 8px}
.related ul{margin:0;padding-inline-start:20px}.related li{margin:4px 0}
.disc{margin:14px 0;padding:10px 14px;background:#f1eee2;border-radius:8px;font-size:.9rem;color:#55503f}
.home-sec{margin:26px 0}.home-sec h2{color:#0c2321}