:root{--qof-gold:#ca8e0a;--qof-gold-deep:#a66f00;--qof-gold-soft:#f4ead0;--qof-brown:#5b3a12;--qof-brown-dark:#3f280d;--qof-ink:#26231f;--qof-muted:#6f685f;--qof-line:#e4ded4;--qof-paper:#fff;--qof-ivory:#fbfaf7;--qof-shadow:0 2px 12px rgba(54,39,18,.08);--qof-radius:3px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--qof-gold);color:var(--qof-ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.65}.site{max-width:1200px;margin:auto;background:var(--qof-paper);min-height:100vh;box-shadow:var(--qof-shadow)}header{background:var(--qof-paper)}.brand{padding:24px 22px 18px}.brand strong{display:block;font-size:25px}.brand span{color:var(--qof-muted)}nav{display:flex;gap:6px;flex-wrap:wrap;padding:7px 12px;background:var(--qof-brown-dark);border-top:3px solid var(--qof-gold)}nav a{color:#fff;text-decoration:none;border:1px solid rgba(221,172,61,.72);border-radius:3px;padding:6px 10px;font-size:13px}main{padding:26px 22px 40px}.searchbox{background:var(--qof-ivory);border:1px solid var(--qof-line);border-top:4px solid var(--qof-gold);padding:24px;margin-bottom:24px}.searchbox h1{margin:0 0 14px;font-size:24px}.searchbox form{display:grid;grid-template-columns:1fr 180px auto;gap:8px}input,select,button{font:inherit;min-height:44px;border:1px solid #cfc6b9;border-radius:3px;padding:8px 11px;background:#fff}button{background:var(--qof-brown-dark);color:#fff;border-color:var(--qof-brown-dark);font-weight:600;cursor:pointer}.result-head{padding:8px 0 12px;border-bottom:2px solid var(--qof-gold)}.result{padding:18px 0;border-bottom:1px solid var(--qof-line)}.meta,.source-meta{font-size:12px;color:var(--qof-muted);font-weight:650;letter-spacing:.02em}.result a{color:#8b5c00}.arabic{font-family:"Traditional Arabic","Noto Naskh Arabic","Amiri",serif;font-size:21px;line-height:1.95}.result .arabic{margin:8px 0;font-size:19px}.reading{max-width:880px;margin:auto}.reading h1{font-size:28px}.fulltext{margin-top:20px;padding-top:20px;border-top:1px solid var(--qof-line);font-size:23px}.muted{color:var(--qof-muted)}footer{padding:18px 22px;background:var(--qof-brown-dark);color:#f4ead0;font-size:12px}@media(max-width:700px){.brand{padding:18px 15px 14px}.brand strong{font-size:21px}main{padding:18px 14px 30px}.searchbox{padding:16px}.searchbox form{grid-template-columns:1fr}.arabic{font-size:20px}.fulltext{font-size:21px}nav{gap:5px}}