/* Manuscript theme: warm paper, deep green and gold, Naskh typography. Overrides the app's tokens. */
:root{
  --paper:#f6f0e1; --sheet:#fffdf7; --ink:#2a2118; --muted:#6b5d4b; --line:#e3d8bf;
  --lapis:#1f4d3a; --lapis-soft:#e6efe8; --saffron:#9a6b1f; --saffron-soft:#f5ead2;
  --gold:#b08433; --gold-soft:#efe2c2; --mark:#f7dc8f; --mark-ink:#2a2118;
  --f-head:"Amiri","Reem Kufi","Noto Naskh Arabic",serif;
  --f-read:"Amiri","Noto Naskh Arabic",serif;
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#15130f; --sheet:#1e1b16; --ink:#efe6d4; --muted:#b4a68d; --line:#3a3328;
  --lapis:#8fc7a6; --lapis-soft:#1d2b23; --saffron:#e0b56a; --saffron-soft:#2c2416;
  --gold:#d3a85a; --gold-soft:#2c2416; --mark:#6b5320; --mark-ink:#fff6e0;
}}
body{background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--gold) 14%, transparent) 1px, transparent 0);background-size:22px 22px}
h1,h2,h3{font-family:var(--f-head)}
header.top h1{font-size:clamp(30px,6vw,44px);color:var(--lapis);letter-spacing:0}
header.top h1::after,.orn::after{content:"";display:block;height:14px;margin:8px 0 0;background:
  radial-gradient(circle,var(--gold) 2.2px,transparent 2.6px) center/14px 14px repeat-x;opacity:.75;max-width:180px}
.verse-title{font-family:"Amiri Quran","Amiri",serif;background:var(--sheet);border:1px solid var(--gold-soft);
  border-radius:var(--r);padding:18px 20px;position:relative;box-shadow:inset 0 0 0 4px var(--sheet),inset 0 0 0 5px var(--gold-soft)}
section.imam,.surah,.controls,.drawer,.ab section{border-color:var(--line)!important;box-shadow:0 1px 0 color-mix(in srgb,var(--gold) 18%,transparent)}
.imam-head h2{color:var(--lapis)}
.grid button.sum{border-color:var(--gold)!important}
.site-foot{border-top:1px solid var(--line)}

/* ---------- home ---------- */
.home{max-width:1080px;margin:0 auto;display:grid;gap:28px;padding:8px 0 24px}
.hero{text-align:center;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;justify-items:center;padding:34px 18px 26px;background:var(--sheet);
  border:1px solid var(--gold-soft);border-radius:22px;position:relative}
.hero::before,.hero::after{content:"";position:absolute;inset:10px;border:1px solid var(--gold-soft);border-radius:16px;pointer-events:none}
.hero::after{inset:16px;border-style:dashed;opacity:.6}
.hero .bism{font-family:"Amiri Quran","Amiri",serif;font-size:22px;color:var(--gold)}
.hero h1{font-family:var(--f-head);font-size:clamp(36px,8vw,62px);line-height:1.25;margin:0;color:var(--lapis)}
.hero p{font-family:var(--f-read);font-size:clamp(17px,2.6vw,20px);line-height:2;max-width:56ch;margin:0;color:var(--muted)}
.hero .cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;position:relative;z-index:1}
.btn{display:inline-block;font:inherit;font-size:16px;padding:11px 22px;border-radius:999px;text-decoration:none;cursor:pointer;border:1px solid var(--lapis)}
.btn.pri{background:var(--lapis);color:#fffdf7}
.btn.sec{background:transparent;color:var(--lapis)}
.hsearch{display:flex;gap:8px;width:min(560px,100%);position:relative;z-index:5}
.hsearch input{flex:1;min-width:0;font:inherit;font-size:16px;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;position:relative;z-index:1}
.stat{flex:1 1 40%;max-width:200px;min-width:120px;padding:8px 14px;border-radius:12px;background:var(--gold-soft)}
.stat b{display:block;font-size:22px;color:var(--lapis);font-variant-numeric:tabular-nums}
.stat span{font-size:13px;color:var(--muted)}
.shaykhs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.shaykh{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;display:grid;gap:8px;align-content:start}
.shaykh h2{margin:0;font-size:26px;color:var(--lapis)}
.shaykh .full{font-size:14px;color:var(--gold)}
.shaykh p{font-family:var(--f-read);font-size:17px;line-height:2;margin:0}
.shaykh ul{margin:0;padding-inline-start:20px;font-family:var(--f-read);font-size:16px;line-height:1.9}
.sec-h{font-family:var(--f-head);font-size:26px;color:var(--lapis);margin:0;text-align:center}
.suras{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.sura{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--sheet);
  border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.sura:hover{border-color:var(--gold)}
.sura .n{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.sura b{font-family:var(--f-head);font-size:18px;font-weight:700}
.sura .c{font-size:11px;color:var(--gold)}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.feat div{background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.feat b{display:block;font-family:var(--f-head);font-size:19px;color:var(--lapis);margin-bottom:4px}
.feat span{font-size:14.5px;color:var(--muted);line-height:1.8}

/* ---------- static verse / surah pages ---------- */
.sp{max-width:820px;margin:0 auto;display:grid;gap:18px;padding:8px 0 24px}
.crumbs{font-size:14px;color:var(--muted)} .crumbs a{color:var(--lapis)}
.sp h1{font-size:clamp(24px,4.5vw,32px);margin:0;color:var(--lapis)}
.sp .vt{font-family:"Amiri Quran","Amiri",serif;font-size:clamp(22px,4vw,28px);line-height:2.1;background:var(--sheet);border:1px solid var(--gold-soft);border-radius:var(--r);padding:16px 20px;margin:0}
.sp section{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;display:grid;gap:10px}
.sp h2{margin:0;font-size:22px;color:var(--lapis)}
.sp h3{margin:6px 0 0;font-size:17px;color:var(--gold)}
.sp blockquote{margin:0;font-family:var(--f-read);font-size:18.5px;line-height:2.05;border-inline-start:3px solid var(--gold-soft);padding-inline-start:12px}
.sp cite{display:block;font-style:normal;font-size:13.5px;color:var(--muted);margin-top:2px}
.sp .who{font-weight:700} .sp .st{font-size:12px;padding:0 8px;border-radius:99px;background:var(--lapis-soft);color:var(--lapis)}
.sp .open{justify-self:start}
.sp .pn{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sp .vl{display:flex;flex-wrap:wrap;gap:6px}
.sp .vl a{min-width:44px;text-align:center;padding:6px 8px;border-radius:8px;background:var(--sheet);border:1px solid var(--gold);color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}