body{background:#121824;color:#f1f5f9;font-family:'IBM Plex Sans Arabic',sans-serif;line-height:2;padding:24px 16px;max-width:800px;margin:auto}
h1,h2{color:#dfb877;font-family:'Reem Kufi','IBM Plex Sans Arabic',sans-serif;line-height:1.6}
h1{font-size:1.8rem;margin:0 0 6px}
h2{font-size:1.25rem;margin:26px 0 6px}
a{color:#dfb877}
.box{background:#1b2333;padding:22px;border-radius:12px;border:1px solid rgba(223,184,119,.2)}
.meta{color:#9EABBF;font-size:13px;margin:0 0 14px}
blockquote{margin:14px 0;padding:10px 16px;background:rgba(0,0,0,.22);border-right:3px solid #dfb877;border-radius:8px;font-family:'Amiri',serif;font-size:18px;line-height:2.1}
blockquote small{display:block;color:#9EABBF;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:12px}
.card{display:block;text-decoration:none;color:inherit;padding:16px;margin:14px 0;border:1px solid rgba(223,184,119,.3);border-radius:12px}
.card:hover{background:rgba(223,184,119,.08)}
.card h2{margin:0 0 4px;font-size:1.2rem}
.card p{margin:0;font-size:14px;color:#cbd5e1}
.cta{margin-top:26px;padding:16px;border:1px dashed rgba(223,184,119,.4);border-radius:12px;text-align:center}
.nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:20px;font-size:14px}
body.light-theme{background:#f7f4ec;color:#1b2333}
body.light-theme h1,body.light-theme h2,body.light-theme a{color:#b45309}
body.light-theme .box{background:#fff;border-color:rgba(180,83,9,.25)}
body.light-theme .meta,body.light-theme blockquote small,body.light-theme .card p{color:#4a5368}
body.light-theme blockquote{background:#fbf8f2}
body.light-theme .card,body.light-theme .cta{border-color:rgba(180,83,9,.35)}
.toc{margin:14px 0 8px;padding:12px 16px;background:rgba(0,0,0,.18);border-radius:10px;font-size:14px}
.toc strong{color:#dfb877}
.toc ul{margin:6px 0 0;padding:0 18px 0 0}
.toc li{margin:3px 0}
.related{margin-top:26px;padding-top:14px;border-top:1px dashed rgba(223,184,119,.3)}
.related h2{margin:0 0 6px;font-size:1.1rem}
.related ul{margin:0;padding:0 18px 0 0}
.related li{margin:5px 0}
body.light-theme .toc{background:#fbf8f2}
body.light-theme .toc strong{color:#b45309}
body.light-theme .related{border-top-color:rgba(180,83,9,.35)}