*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f7f5;color:#17201d;line-height:1.55}.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px max(20px,calc((100% - 1080px)/2));background:#fff;border-bottom:1px solid #dfe5e1;position:sticky;top:0;z-index:10}.brand{font-weight:800;color:var(--accent);text-decoration:none}.site-header nav{display:flex;gap:18px}.site-header nav a{color:#24332e;text-decoration:none}.container{max-width:1080px;margin:auto;padding:36px 20px 70px}.hero{padding:54px 0}.hero h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1.03;max-width:900px;margin:.25em 0}.eyebrow{font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.actions{display:flex;gap:12px;margin-top:24px}.button,button{border:0;border-radius:10px;background:var(--accent);color:#fff;padding:11px 16px;text-decoration:none;cursor:pointer}.button.secondary{background:#fff;color:var(--accent);border:1px solid #cfd8d3}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.grid article,.card,.row,.facts{background:#fff;border:1px solid #dfe5e1;border-radius:14px;padding:18px}.list{display:grid;gap:10px}.row{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;color:inherit;text-decoration:none}.arabic{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:1.75rem;line-height:1.9;margin:12px 0}.ayah{position:relative}.verse-no{font-weight:800;color:var(--accent)}.translation{border-top:1px solid #e7ece9;padding-top:10px;margin-top:10px}.source{display:block;color:#68756f;margin-top:6px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:18px 0}.toolbar input{padding:10px;border:1px solid #cbd5d0;border-radius:8px;background:#fff;color:#17201d}.pager{display:flex;justify-content:space-between;margin:24px 0}.pager a{color:var(--accent);font-weight:700}.notice{padding:16px;border-radius:12px;background:#fff6cc;border:1px solid #e8d36b}.notice.error{background:#fff0ef;border-color:#e6aaa5}.facts{display:grid;grid-template-columns:180px 1fr;gap:8px 16px}.facts dt{font-weight:700}footer{padding:28px 20px;text-align:center;border-top:1px solid #dfe5e1;color:#68756f;background:#fff}@media(max-width:680px){.site-header{align-items:flex-start;gap:12px;flex-direction:column}.row{grid-template-columns:1fr auto}.row small{grid-column:1/-1}.facts{grid-template-columns:1fr}.arabic{font-size:1.5rem}}