@font-face{font-family:Naskh;src:url(/fonts/NotoNaskhArabic-Regular.ttf);font-display:swap}@font-face{font-family:UrduSans;src:url(/fonts/NotoSansArabic-Regular.ttf);font-display:swap}:root{color-scheme:light dark;--paper:#f4f1e8;--card:#fffdf7;--ink:#233a32;--muted:#4c5b53;--edge:#b3bbae;--accent:#244e42;--accent-ink:#fffdf7;--warn:#8a4b00;--warn-bg:#fff1d6;--bad:#8c1d1d;--bad-bg:#fde4e4;--ok:#1d5b32;--ok-bg:#e0f3e6;--info:#1b4a73;--info-bg:#e2eefa;--focus:#0b57d0}@media (prefers-color-scheme:dark){:root{--paper:#14201b;--card:#1b2a24;--ink:#e8efe9;--muted:#b5c3ba;--edge:#3b4f46;--accent:#7bc4a5;--accent-ink:#0d1a15;--warn:#ffcf8a;--warn-bg:#3b2a0e;--bad:#ffb4b4;--bad-bg:#3f1717;--ok:#9be3b2;--ok-bg:#143322;--info:#a9d0f5;--info-bg:#12293f;--focus:#8ab4f8}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip{position:absolute;left:-999px;top:0;background:var(--card);padding:.6rem 1rem;z-index:50}.skip:focus{left:8px;top:8px}header.top{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.6rem 16px;border-bottom:1px solid var(--edge);background:var(--card);position:sticky;top:0;z-index:20}header.top .brand{font-weight:700;color:var(--accent);text-decoration:none}nav.main{display:flex;gap:.25rem;flex-wrap:wrap;padding:.4rem 16px;border-bottom:1px solid var(--edge);background:var(--card)}nav.main a{padding:.45rem .8rem;border-radius:8px;text-decoration:none;color:var(--ink);min-height:44px;display:inline-flex;align-items:center}nav.main a[aria-current=page]{background:var(--accent);color:var(--accent-ink)}main{padding:16px;max-width:1500px;margin:0 auto}h1{font-size:1.5rem;margin:.2rem 0 1rem}h2{font-size:1.2rem;margin:1rem 0 .5rem}h3{font-size:1.05rem}.card{background:var(--card);border:1px solid var(--edge);border-radius:12px;padding:1rem;margin-bottom:1rem}.grid{display:grid;gap:1rem}.grid.c3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{font-size:1.9rem;font-weight:700}.muted{color:var(--muted)}.small{font-size:.88rem}button,.btn,select,input,textarea{font:inherit;min-height:44px;border:1px solid var(--edge);border-radius:9px;padding:.45rem .75rem;background:var(--card);color:var(--ink)}textarea{width:100%;min-height:96px}input[type=text],input[type=email],input[type=password],input[type=search],select{width:100%}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.link{border:0;background:none;text-decoration:underline;padding:0;min-height:44px}label{display:block;font-weight:600;margin:.6rem 0 .2rem}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:.5rem .6rem;border-bottom:1px solid var(--edge);vertical-align:top}th{font-size:.85rem;color:var(--muted)}.table-wrap{overflow-x:auto}.badge{display:inline-flex;gap:.3em;align-items:center;border-radius:999px;padding:.1rem .6rem;font-size:.82rem;font-weight:600;border:1px solid currentColor;white-space:nowrap}.b-ok{color:var(--ok);background:var(--ok-bg)}.b-warn{color:var(--warn);background:var(--warn-bg)}.b-bad{color:var(--bad);background:var(--bad-bg)}.b-info{color:var(--info);background:var(--info-bg)}.b-muted{color:var(--muted)}.banner{border:1px solid var(--warn);background:var(--warn-bg);color:var(--warn);padding:.5rem .8rem;border-radius:10px;margin-bottom:1rem;font-size:.92rem}.error{border:1px solid var(--bad);background:var(--bad-bg);color:var(--bad);padding:.5rem .8rem;border-radius:10px;margin:.6rem 0}.arabic{font-family:Naskh,Noto Naskh Arabic,Amiri,serif;font-size:1.7rem;line-height:2.4;direction:rtl;text-align:right;margin:.3rem 0}.urdu{font-family:UrduSans,Noto Nastaliq Urdu,Noto Sans Arabic,sans-serif;font-size:1.15rem;line-height:2.1;direction:rtl;text-align:right}.en{direction:ltr;text-align:left}bdi.ref{font-variant-numeric:tabular-nums;font-weight:600}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}.workspace .panel{background:var(--card);border:1px solid var(--edge);border-radius:12px;padding:1rem;max-height:calc(100vh - 190px);overflow:auto}.tabs{display:none;gap:.4rem;margin-bottom:.8rem}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}@media (max-width:1023px){.workspace{grid-template-columns:1fr}.workspace .panel{display:none;max-height:none}.workspace .panel.active{display:block}.tabs{display:flex;flex-wrap:wrap}}.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:700px){.two{grid-template-columns:1fr}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:60;padding:16px}.modal{background:var(--card);border-radius:14px;padding:1.2rem;max-width:420px;width:100%}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.row>*{flex:0 0 auto}.grow{flex:1 1 220px!important}details{margin:.4rem 0}summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.pill-list{display:flex;gap:.35rem;flex-wrap:wrap}.login{max-width:440px;margin:6vh auto}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}ul.cards{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}ul.plain{list-style:none;padding:0;margin:.3rem 0}.lcard{background:var(--card);border:1px solid var(--edge);border-radius:12px}.lcard.open{border-color:var(--accent)}.lc-h{margin:0;font-size:1rem}.lc-toggle{display:block;width:100%;text-align:start;border:0;background:none;padding:.9rem 1rem;min-height:56px;cursor:pointer;border-radius:12px}.lc-toggle[aria-expanded=true]:after,.lc-toggle[aria-expanded=false]:after{float:inline-end;color:var(--muted)}.lc-toggle[aria-expanded=false]:after{content:"▾ Open"}.lc-toggle[aria-expanded=true]:after{content:"▴ Close"}.lc-body{padding:0 1rem 1rem}.lc-head{padding-top:.8rem}.card-head{display:grid;gap:.25rem}.card-head .titles{display:flex;gap:.8rem;flex-wrap:wrap;align-items:baseline}.t-en{font-weight:700;font-size:1.05rem}.t-ur{font-size:1.15rem;line-height:1.9}.card-head .facts{display:flex;gap:.2rem .9rem;flex-wrap:wrap}.card-head .status{display:block;margin-top:.15rem}.sect{margin:1.2rem 0;border-top:1px solid var(--edge);padding-top:.6rem}.sect>h3{font-size:1.05rem}.ayah{padding:.4rem 0;border-bottom:1px dashed var(--edge)}.ayah.added{border-inline-start:4px solid var(--info);padding-inline-start:.6rem}.ayah.ctx{opacity:.85}.notice{border:1px dashed var(--edge);border-radius:10px;padding:.6rem .8rem;background:var(--paper)}.okbox{border:1px solid var(--ok);background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:.5rem .8rem;margin:.6rem 0}.note{border-inline-start:4px solid var(--warn);padding:.2rem .8rem;margin:.5rem 0;background:var(--paper);border-radius:6px}.actions{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--edge);padding:.7rem 0;margin-top:1rem}.btn{display:inline-flex;align-items:center;text-decoration:none;border:1px solid var(--edge);border-radius:9px;padding:.45rem .9rem;min-height:44px;color:var(--ink);background:var(--card)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}label.check{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;margin:.35rem 0;min-height:44px;align-items:center}label.check input{min-height:auto;width:1.2rem;height:1.2rem}.modal.wide{max-width:680px;max-height:90vh;overflow:auto}fieldset{border:1px solid var(--edge);border-radius:10px;margin:.7rem 0;padding:.5rem .8rem}.cmp-row{margin:.7rem 0;padding:.5rem;border-radius:8px}.cmp-row.changed{background:var(--info-bg)}.verify{border-top:1px solid var(--edge);margin-top:.8rem;padding-top:.6rem}.tr h4{margin:.1rem 0 .4rem}textarea.urdu,input.urdu{font-family:UrduSans,Noto Sans Arabic,sans-serif;font-size:1.1rem;line-height:2}@media (max-width:700px){main{padding:12px}.lc-toggle:after{display:none}.t-en{font-size:1rem}nav.main a{padding:.45rem .6rem}}
