:root{--ink:#2b2620;--ink2:#4a4036;--muted:#7a6d5f;--line:#e8dfcf;--bg:#faf6ef;--card:#fffdf9;--accent:#1f5f55;--accent2:#2a7a6d;--gold:#b9852a;
--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--arabic:Amiri,"Noto Naskh Arabic","Geeza Pro",serif;--shadow:0 1px 2px rgba(80,60,30,.06),0 8px 24px rgba(80,60,30,.08)}
*{box-sizing:border-box}
body{margin:0;font:17px/1.7 var(--sans);color:var(--ink);background:var(--bg) url(/static/pattern.svg) repeat;background-size:96px}
a{color:var(--accent2);text-underline-offset:2px}
[lang=ar]{font-family:var(--arabic)}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 22px;background:rgba(250,246,239,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{display:flex;gap:10px;align-items:center;font-family:var(--serif);font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--accent)}
.btn{background:var(--accent);color:#fff;padding:8px 16px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 6px 16px rgba(31,95,85,.22)}
.wrap{max-width:860px;margin:0 auto;padding:18px 20px}
.crumbs{font-size:14px;color:var(--muted)}.crumbs span{margin:0 4px}
.hero-card{background:linear-gradient(180deg,var(--f),var(--card) 70%);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:18px;padding:28px 32px;margin-top:12px;box-shadow:var(--shadow)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 30px;margin-top:16px;box-shadow:var(--shadow)}
h1{font-family:var(--serif);font-weight:600;font-size:2.7rem;line-height:1.08;margin:.3em 0 .05em;color:#23312c}
h2{font-family:var(--serif);font-weight:600;font-size:1.55rem;margin:0 0 .5em;color:#23312c}
h2 small{font-family:var(--sans);font-size:.75rem;color:var(--muted);font-weight:500;margin-left:6px}
h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1em 0 .3em}
.ar{font-family:var(--arabic);font-size:2rem;margin:0;text-align:right;direction:rtl;color:var(--ink2)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.cat,.chip{display:inline-block;padding:2px 12px;border-radius:999px;border:1.5px solid var(--c);background:var(--f);color:var(--c);font-size:13px;font-weight:600}
.chip{border-color:#e2d6c0;background:#fff;color:var(--muted);font-weight:500}
.meta,.muted{color:var(--muted);font-size:.9rem}.small{font-size:.82rem}
.lead{font-size:1.15rem;color:var(--ink2);margin-bottom:0}
.prose p{margin:.7em 0}
.badge{font-size:12px;padding:2px 9px;border-radius:999px;vertical-align:middle;font-weight:600;font-family:var(--sans)}
.badge.ok{background:#e1f2e8;color:#1d6b3e}.badge.warn{background:#fbeed6;color:#8a5a00}
.src-blocks{display:grid;gap:14px}
.src{border:1px solid var(--line);border-left:4px solid var(--bc);border-radius:12px;padding:12px 18px;background:#fff}
.src h4{margin:0 0 .4em;font-family:var(--serif);font-size:1.25rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.src h4 small{font-family:var(--sans);font-size:.72rem;color:var(--muted);font-weight:500}
.src-quran{--bc:#2f7d5b}.src-hadith{--bc:#b9852a}.src-expl{--bc:#7a5ea8}
.qref{display:inline-block;background:#eef6f1;border-radius:6px;padding:1px 8px;margin:2px 3px 2px 0;text-decoration:none;font-size:.9rem}
.hadith{list-style:none;padding:0;margin:0}.hadith li{padding:9px 0;border-top:1px dashed var(--line)}.hadith li:first-child{border-top:0}
.h-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.h-head a{font-weight:600}.hadith p{margin:.25em 0 0;font-size:.95rem;color:var(--ink2)}
.grade{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 9px;border-radius:999px}
.g-sahih{background:#e1f2e8;color:#1d6b3e}.g-hasan{background:#e6eef8;color:#2c5591}.g-other{background:#f3ece0;color:#7a5a20}
.videos{list-style:none;padding:0}.videos li{margin-bottom:.8em}.videos a{text-decoration:none;font-weight:500}
.play{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#c4302b;color:#fff;font-size:10px;margin-right:8px;vertical-align:1px}
.ts{font-size:12px;background:#fde8e4;color:#a8322a;border-radius:5px;padding:1px 6px;margin-left:6px}
.sources{padding-left:20px;font-size:.95rem;color:var(--ink2)}
.rel{list-style:none;padding:0;margin:0}.rel li{margin:.3em 0}.rel a{text-decoration:none;font-weight:500;display:inline-flex;gap:7px;align-items:center}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c)}
.lt{font-size:12px;border-left:3px solid var(--c);background:#f6f0e6;border-radius:3px;padding:1px 7px;color:var(--ink2)}
.foot{max-width:860px;margin:14px auto 40px;padding:0 20px;font-size:14px;color:var(--muted)}
@media (max-width:600px){.hero-card,.card{padding:18px}h1{font-size:2rem}body{font-size:16px}.top{padding:8px 12px}.brand{font-size:1rem}}
/* empire pages */
.wrap.wide{max-width:1100px}
.aka{margin:.2em 0 0;color:var(--muted);font-size:.95rem}
.facts-t{border-collapse:collapse;font-size:.98rem}.facts-t th{text-align:left;color:var(--muted);font-weight:600;padding:4px 18px 4px 0;vertical-align:top;white-space:nowrap}.facts-t td{padding:4px 0;color:var(--ink2)}
.emp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:.4em 0}
.emp-chip{display:inline-flex;align-items:center;border:1.5px solid var(--c);background:#fff;border-radius:999px;padding:3px 12px;font-size:.88rem;font-weight:600;color:var(--ink2);text-decoration:none}
.emp-chip:hover{box-shadow:0 2px 8px rgba(60,40,10,.14)}
.emp-chips .chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:2px 10px;font-size:.82rem;color:var(--ink2)}
.card h2 .dot{vertical-align:middle;margin-right:4px}.card h2 small{font-family:var(--sans);font-size:.8rem}
.emp-list{list-style:none;padding:0;margin:.4em 0}.emp-list li{margin:.35em 0;break-inside:avoid}.emp-list a{font-weight:500;text-decoration:none;display:inline-flex;gap:7px;align-items:center}
.emp-list.cols{columns:2 300px;column-gap:28px}
.small{font-size:.85rem}