:root{--bg:#0e211e;--fg:#f2efe6;--muted:#8a9c94;--ac:#c9a227;--card:#132a26}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:"Segoe UI",Tahoma,"Noto Naskh Arabic",Arial,sans-serif;
line-height:1.85;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:44px 20px 64px}
.wrap{width:100%;max-width:660px}
.center{text-align:center}
img.logo{width:132px;height:132px;border-radius:50%;display:block;margin:0 auto 26px}
.ayah{font-family:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;font-size:1.42rem;line-height:2.3;
direction:rtl;color:var(--fg);margin:0 auto}
.ref{color:var(--muted);font-size:.82rem;letter-spacing:.06em;margin-top:10px}
.rule{width:170px;height:3px;background:var(--ac);border:0;border-radius:2px;margin:26px auto}
.tag{direction:rtl;color:var(--muted);font-size:1.02rem}
.links{list-style:none;margin:38px 0 0;padding:0;display:grid;gap:11px}
.links a{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;
background:var(--card);color:var(--fg);border:1px solid rgba(242,239,230,.09);border-radius:13px;
padding:15px 20px;font-size:1.02rem;transition:border-color .15s,transform .15s}
.links a:hover,.links a:focus{border-color:var(--ac);transform:translateY(-1px)}
.links .h{color:var(--muted);font-size:.86rem;direction:ltr;unicode-bidi:isolate}
footer{margin-top:52px;text-align:center;color:var(--muted);font-size:.8rem;line-height:2}
footer a{color:var(--muted)}
h1{font-size:1.5rem;margin:0 0 6px}
h2{font-size:1.06rem;margin:30px 0 8px;color:var(--fg)}
p,li{color:#d7d3c7;font-size:.97rem}
ul{margin:8px 0 0 0;padding-inline-start:22px}
li{margin:5px 0}
a{color:var(--ac)}
.back{display:inline-block;margin-bottom:26px;font-size:.9rem;text-decoration:none}
.updated{color:var(--muted);font-size:.84rem;margin-top:4px}
.doc{max-width:720px}