:root{
  --bg:#FAF8F2; --paper:#FFFFFF; --ink:#253342; --muted:#4E6684; --line:#E6DFCF;
  --accent:#0F3554; --accent-soft:#E6EDF4; --gold:#8A6420; --gold-soft:#F6EEDB;
  --chip:#F3EFE4; --shadow:0 1px 2px rgba(15,53,84,.05),0 8px 28px rgba(15,53,84,.07);
  --star:#C9963B; --done:#3E7A55; --mark:#F3E3BC;
  --on-accent:#FFFFFF; --on-gold:#FFFFFF; --on-done:#FFFFFF; --brand-gold:#D4A64A; --heading:#0F3554;
  --red:#A33A2A; --bad:#B3261E; --scrim:rgba(11,30,48,.5); --hair:#D4A64A;
  --ui:"IBM Plex Sans Arabic",Tahoma,system-ui,sans-serif;
  --script:Amiri,"Traditional Arabic","Arabic Typesetting",serif;
  --display:"El Messiri","IBM Plex Sans Arabic",Tahoma,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0B1E30; --paper:#12293F; --ink:#E8E4D8; --muted:#A9B4C2; --line:#24425F;
    --accent:#8DB9E0; --accent-soft:#1A3A5A; --gold:#D4A64A; --gold-soft:#2D3B41;
    --chip:#183350; --shadow:0 1px 2px rgba(0,0,0,.25),0 8px 28px rgba(0,0,0,.3);
    --star:#E3BE6E; --done:#6FB58A; --mark:#5A4A1E;
    --on-accent:#0B1E30; --on-gold:#0B1E30; --on-done:#0B1E30; --brand-gold:#D4A64A; --heading:#F3EBD9;
    --red:#E58A7A; --bad:#F2A097; --scrim:rgba(0,0,0,.6); --hair:#8A6E3A; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
    --bg:#0B1E30; --paper:#12293F; --ink:#E8E4D8; --muted:#A9B4C2; --line:#24425F;
    --accent:#8DB9E0; --accent-soft:#1A3A5A; --gold:#D4A64A; --gold-soft:#2D3B41;
    --chip:#183350; --shadow:0 1px 2px rgba(0,0,0,.25),0 8px 28px rgba(0,0,0,.3);
    --star:#E3BE6E; --done:#6FB58A; --mark:#5A4A1E;
    --on-accent:#0B1E30; --on-gold:#0B1E30; --on-done:#0B1E30; --brand-gold:#D4A64A; --heading:#F3EBD9;
    --red:#E58A7A; --bad:#F2A097; --scrim:rgba(0,0,0,.6); --hair:#8A6E3A; color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:clip}
body{background:var(--bg);color:var(--ink);font:15px/1.7 var(--ui);-webkit-font-smoothing:antialiased}
.ar{font-family:var(--script);text-align:start}
.ltr{direction:ltr;unicode-bidi:isolate}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit}

.app{display:grid;grid-template-columns:300px 1fr;min-height:100vh}
aside{position:sticky;top:0;height:100vh;overflow:auto;border-inline-end:1px solid var(--line);background:var(--paper);padding:22px 16px 30px}
main{padding:28px clamp(16px,4vw,56px) 80px;max-width:1020px;width:100%;margin:0 auto;min-width:0}

.brand{all:unset;display:block;cursor:pointer}
.brand .t{font:700 30px/1.15 var(--script);display:block}
.brand .t i{font-style:normal;color:var(--accent)}
.brand small{display:block;font-size:12px;color:var(--muted);margin-top:4px}

.subhead{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 6px}
.subhead h4{margin:0;font-size:12px;font-weight:600;color:var(--muted)}
.subhead span{font-size:12px;color:var(--muted)}

.booksel{display:grid;gap:6px;margin-top:4px}
.booksel button,.booksel a{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:1px solid var(--line);background:transparent;border-radius:12px;padding:8px 10px}
.booksel button:hover,.booksel a:hover{border-color:var(--accent)}
.booksel button.active,.booksel a.active{border-color:var(--accent);background:var(--accent-soft)}
.booksel .ab{font:700 14px var(--ui);width:38px;height:38px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:var(--chip);color:var(--accent)}
.booksel button.active .ab,.booksel a.active .ab{background:var(--accent);color:var(--on-accent)}
.booksel .nm{flex:1;min-width:0;line-height:1.3}
.booksel .nm b{display:block;font:700 18px var(--script)}
.booksel .nm span{font-size:11px;color:var(--muted)}
.booksel .pc{font-size:12px;color:var(--muted)}

.chgrid-s{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:4px}
.chgrid-s button{border:1px solid var(--line);background:transparent;border-radius:9px;height:36px;font-weight:600;font-size:14px;position:relative;overflow:hidden}
.chgrid-s button:hover{border-color:var(--accent)}
.chgrid-s button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chgrid-s button .mini{position:absolute;inset-inline-start:0;bottom:0;height:3px;background:var(--done)}

.vlist{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:4px}
.vlist button{border:1px solid var(--line);background:transparent;border-radius:10px;height:40px;font-weight:600;font-size:15px;position:relative;transition:.15s}
.vlist button:hover{border-color:var(--accent);color:var(--accent)}
.vlist button.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.vlist button.done::after{content:"";position:absolute;top:4px;inset-inline-end:4px;width:6px;height:6px;border-radius:50%;background:var(--done)}
.vlist button.has-note::before{content:"";position:absolute;bottom:4px;left:50%;margin-left:-6px;width:12px;height:2px;border-radius:2px;background:var(--gold)}
.vlist button.active.done::after{background:var(--on-accent)}

.side-sec{margin-top:22px}
.side-sec h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--muted)}
.tool{display:flex;gap:8px;align-items:center;width:100%;text-align:start;border:1px solid var(--line);background:transparent;border-radius:10px;padding:8px 10px;margin-bottom:6px;font-size:14px}
.tool:hover{border-color:var(--accent)}
.tool b{margin-inline-start:auto;font-weight:500;color:var(--muted);font-size:12px}
.search{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:9px 11px;font:inherit;font-size:14px}
.search:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
.foot{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.7}

.crumbs{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.crumbs .ref{font:700 40px/1.2 var(--script);min-width:0}
.crumbs .ref span{color:var(--accent)}
.crumbs .ref small{display:block;font:500 13px var(--ui);color:var(--muted)}
.nav{display:flex;gap:6px;flex-shrink:0}
.nav button{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:7px 12px;font-size:14px}
.nav button:hover{border-color:var(--accent);color:var(--accent)}
.nav button:disabled{opacity:.35;cursor:default}

.verse-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px 30px;position:relative;overflow:hidden}
.verse-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;background:linear-gradient(var(--accent),var(--gold))}
.verse-card .ar{font-size:30px;line-height:1.9}
.verse-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.pill{font-size:12px;padding:3px 11px;border-radius:999px;background:var(--chip);color:var(--muted)}
.check{margin-inline-start:auto;display:flex;align-items:center;gap:8px;font-size:14px;border:1px solid var(--line);border-radius:999px;padding:4px 14px;background:transparent}
.check.on{background:var(--done);border-color:var(--done);color:var(--on-done)}

.context{display:flex;gap:10px;margin-top:12px}
.ctx{flex:1;min-width:0;background:transparent;border:1px dashed var(--line);border-radius:12px;padding:8px 12px;font:17px var(--script);color:var(--muted);text-align:start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ctx:hover{border-color:var(--accent);color:var(--ink)}
.ctx em{font:600 12px var(--ui);font-style:normal;color:var(--gold);margin-inline-end:6px}

.kw-index{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 6px}
.kw-index a{text-decoration:none;color:var(--ink);background:var(--gold-soft);border:1px solid transparent;padding:3px 12px;border-radius:999px;font:17px var(--script)}
.kw-index a:hover{border-color:var(--gold)}
.kw-index a b{font:500 12px var(--ui);color:var(--muted);margin-inline-start:6px}

.group{margin-top:22px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:16px}
.ghead{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;user-select:none;flex-wrap:wrap}
.ghead h3{margin:0;font:700 26px/1.4 var(--script)}
.ghead h3 em{font-style:normal;color:var(--accent)}
.ghead .en{font:500 11px var(--ui);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 7px}
.ghead .count{font-size:12px;color:var(--muted);background:var(--chip);padding:2px 10px;border-radius:999px}
.ghead .chev{margin-inline-start:auto;transition:transform .2s;color:var(--muted)}
.group.closed .chev{transform:rotate(90deg)}
.group.closed .gbody{display:none}
.raw{margin:0 20px 6px;font:12px/1.5 ui-monospace,Consolas,monospace;color:var(--muted);background:var(--bg);border-radius:10px;padding:8px 11px;word-break:break-word;text-align:left}
.gnote{margin:4px 20px 8px;padding:10px 14px;border-inline-start:3px solid var(--gold);background:var(--gold-soft);border-radius:10px;border-start-start-radius:0;border-end-start-radius:0;font:18px/1.8 var(--script)}
.gnote b{font:600 12px var(--ui);color:var(--gold);margin-inline-end:8px}
.refs{padding:6px 12px 14px}
.r{display:grid;grid-template-columns:150px 1fr 32px;gap:14px;align-items:start;padding:12px 10px;border-radius:12px;border-bottom:1px dashed var(--line)}
.r:last-child{border-bottom:0}
.r:hover{background:var(--bg)}
.r .lbl{padding-top:2px}
.r .lbl .nmr{display:block;font:700 19px/1.4 var(--script);color:var(--accent)}
.r .lbl .nmr small{font:500 12px var(--ui);color:var(--muted)}
.r .lbl .en{display:block;font:500 11px var(--ui);color:var(--muted)}
.r .lbl .self{display:inline-block;margin-top:4px;font:600 11px var(--ui);color:var(--gold);border:1px solid var(--gold);border-radius:6px;padding:0 6px;cursor:pointer;background:transparent}
.r .txt{font-size:21px;line-height:1.85;min-width:0}
.r .txt .vn{font:600 12px var(--ui);color:var(--gold);vertical-align:super;margin-inline-end:3px}
.r .txt p{margin:0 0 4px}
.star{border:0;background:transparent;font-size:18px;color:var(--line);padding:2px;line-height:1}
.star.on{color:var(--star)}
.r.starred{background:var(--gold-soft)}
mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 2px}

.notes{margin-top:26px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow)}
.notes h3{margin:0 0 8px;font:700 24px var(--script)}
.notes textarea{width:100%;min-height:130px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:12px;font:19px/1.8 var(--script);resize:vertical}
.notes .hint{font-size:12px;color:var(--muted);margin-top:6px}
.empty{text-align:center;color:var(--muted);padding:40px}
.menu-btn{display:none}

.hero{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:34px 36px;position:relative;overflow:hidden}
.hero::after{content:attr(data-wm);position:absolute;left:-10px;bottom:-50px;font:700 150px/1 var(--script);color:var(--chip);pointer-events:none;opacity:.8}
.hero h2{margin:0;font:700 50px/1.2 var(--script)}
.hero p{max-width:580px;color:var(--muted);margin:10px 0 0;position:relative;z-index:1;font-size:16px}
.stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:22px;position:relative;z-index:1}
.stat b{display:block;font:700 36px/1.1 var(--script);color:var(--accent)}
.stat span{font-size:13px;color:var(--muted)}
.cta{margin-top:22px;border:0;background:var(--accent);color:var(--on-accent);border-radius:12px;padding:10px 20px;font-weight:600;position:relative;z-index:1}
.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-top:22px}
.chcard{text-align:start;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px 22px;transition:.15s}
.chcard:hover{border-color:var(--accent);transform:translateY(-2px)}
.chcard .n{font:700 30px/1.3 var(--script)}
.chcard .n span{color:var(--accent)}
.chcard .meta{font-size:13px;color:var(--muted);margin:2px 0 10px}
.chcard .open{font-size:18px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.chcard .pct{font-size:12px;color:var(--muted);margin-top:6px}
.bookcard .ab{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 8px;border-radius:12px;background:var(--accent);color:var(--on-accent);font:700 17px var(--ui);margin-bottom:10px}
.bookcard .n small{display:block;font:500 12px var(--ui);color:var(--muted)}
.bar{height:6px;background:var(--chip);border-radius:9px;overflow:hidden;margin-top:6px}
.bar i{display:block;height:100%;background:var(--done);width:0;transition:width .3s}
.sec-title{font:700 30px var(--script);margin:34px 0 0}

.canon{margin-top:16px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow)}
.canon h5{margin:12px 0 8px;font-size:13px;font-weight:600;color:var(--muted)}
.canon h5:first-child{margin-top:0}
.canon .row{display:flex;flex-wrap:wrap;gap:5px}
.canon .bk{font:600 13px var(--ui);padding:4px 9px;border-radius:8px;border:1px solid var(--line);color:var(--muted);background:transparent;cursor:default;opacity:.55}
.canon .bk.on{opacity:1;cursor:pointer;background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.canon .legend{font-size:13px;color:var(--muted);margin-top:12px}

.item{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-top:12px;overflow:hidden}
.item .from{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted);padding:10px 20px 0}
.item .from a{color:var(--accent);font-weight:600;text-decoration:none;cursor:pointer}
.item .refs{padding:0 12px 6px}
.nitem{padding:14px 20px}
.nitem .body{white-space:pre-wrap;font:19px/1.8 var(--script);margin-top:6px}
.more{display:block;margin:16px auto 0;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 16px}
.scope{display:flex;gap:6px;margin:0 0 14px}
.scope button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 14px;font-size:13px}
.scope button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}

@media (max-width:880px){
  .app{grid-template-columns:1fr}
  aside{position:fixed;inset-block:0;inset-inline-start:0;width:310px;z-index:20;transform:translateX(100%);transition:transform .25s;box-shadow:var(--shadow)}
  aside.open{transform:none}
  .menu-btn{display:inline-flex;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:5px 10px;font-size:13px;flex-shrink:0}
  .crumbs .ref{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .crumbs{gap:8px}
  .nav .lb{display:none}
  .nav button{padding:5px 12px;font-size:16px}
  main{padding-inline:14px}
  .crumbs .ref small{display:none}
  .nav button{padding:5px 9px;font-size:13px}
  .verse-card{padding:20px}
  .verse-card .ar{font-size:24px}
  .r{grid-template-columns:1fr 28px}
  .r .lbl{grid-column:1/-1;padding:0}
  .r .txt{grid-column:1;font-size:19px}
  .r .star{grid-row:1;grid-column:2}
  .hero{padding:24px}
  .hero h2{font-size:38px}
  .context{flex-direction:column}
}
@media print{
  aside,.nav,.star,.check,.menu-btn,.kw-index,.notes .hint,.context{display:none!important}
  .app{display:block} body{background:#fff}
  .group,.verse-card,.notes{box-shadow:none;break-inside:avoid-page}
  .group.closed .gbody{display:block}
}

/* ---------- Strong's panel ---------- */
.strong{margin-top:22px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.strong .shead{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;user-select:none;flex-wrap:wrap;background:linear-gradient(90deg,var(--gold-soft),transparent)}
.strong .shead h3{margin:0;font:700 24px/1.4 var(--script)}
.strong .shead h3 em{font-style:normal;color:var(--gold)}
.strong .shead .sub{font-size:12px;color:var(--muted)}
.strong .shead .chev{margin-inline-start:auto;color:var(--muted);transition:transform .2s}
.strong.closed .chev{transform:rotate(90deg)}
.strong.closed .sbody{display:none}
.kjv{direction:ltr;text-align:left;font:19px/2.3 "Noto Serif",Georgia,serif;padding:6px 22px 14px;border-bottom:1px dashed var(--line)}
.kjv .sw{cursor:pointer;border-radius:5px;padding:1px 2px;transition:background .15s}
.kjv .sw:hover,.kjv .sw.on{background:var(--gold-soft)}
.kjv .sw sup{font:600 10px var(--ui);color:var(--gold);margin-left:2px;letter-spacing:.02em}
.kjv .add{color:var(--muted);font-style:italic}
.kjv .red{color:var(--red)}
.kjv .lbl{display:block;font:600 11px var(--ui);color:var(--muted);direction:rtl;text-align:right;margin-bottom:2px}
.scards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:16px 18px 20px}
.scard{direction:ltr;text-align:left;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--bg);transition:box-shadow .2s,border-color .2s;scroll-margin-top:20px}
.scard.flash{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.scard .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.scard .en{font:600 14px "Noto Serif",Georgia,serif;color:var(--ink)}
.scard .num{font:700 11px var(--ui);color:var(--on-gold);background:var(--gold);border-radius:6px;padding:1px 7px;white-space:nowrap}
.scard .num.imp{background:var(--muted)}
.scard .orig{font:600 28px/1.4 "Noto Serif","Noto Serif Hebrew","SBL Greek","Times New Roman",serif;margin:6px 0 0;color:var(--accent)}
.scard .orig.he{direction:rtl;text-align:left;font-family:"Noto Serif Hebrew","SBL Hebrew","Times New Roman",serif}
.scard .tr{font:italic 14px "Noto Serif",Georgia,serif;color:var(--muted)}
.scard .tr b{font-style:normal;font-weight:600;color:var(--ink)}
.scard .def{font:14px/1.7 "Noto Serif",Georgia,serif;margin-top:8px}
.scard .def i{color:var(--accent)}
.sref{color:var(--gold);font-weight:600;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
.scard .imp-note{font:12px var(--ui);color:var(--muted);direction:rtl;text-align:right;margin-top:6px}
.modal{position:fixed;inset:0;background:var(--scrim);display:none;align-items:center;justify-content:center;z-index:50;padding:16px}
.modal.open{display:flex}
.modal .box{background:var(--paper);border-radius:18px;max-width:560px;width:100%;max-height:85vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative}
.modal .box .scard{border:0;background:transparent;padding:22px 24px}
.modal .box .scard .top{padding-left:40px}
.modal .x{position:absolute;top:10px;inset-inline-end:12px;border:0;background:var(--chip);border-radius:50%;width:32px;height:32px;font-size:16px;z-index:2}
.modal .back{font:500 12px var(--ui);color:var(--muted);padding:0 24px 18px;direction:rtl}
.modal .back a{color:var(--accent);cursor:pointer}
.pill.str{background:var(--gold-soft);color:var(--gold);font-weight:600}
@media (max-width:880px){.kjv{font-size:17px;padding:6px 14px 12px}.scards{grid-template-columns:1fr;padding:12px}}
@media print{.strong.closed .sbody{display:block}.modal{display:none!important}}

/* Strong's numbers inside the Arabic verse */
.verse-card .ar .sw{cursor:pointer;border-radius:6px;transition:background .15s}
.verse-card .ar .sw:hover,.verse-card .ar .sw.on{background:var(--gold-soft)}
.verse-card .ar .sw sup{font:600 11px var(--ui);color:var(--gold);margin-inline-start:2px;direction:ltr;unicode-bidi:isolate;vertical-align:super;line-height:0}
.verse-card.nostr .ar .sw sup{display:none}
.verse-card.nostr .ar .sw{cursor:text}
.tgl{display:flex;align-items:center;gap:6px;font-size:13px;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:3px 12px;background:transparent}
.tgl.on{background:var(--gold);color:var(--on-gold)}
/* dictionary section */
.dict{margin-top:22px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:16px}
.dict .dhead{display:flex;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(270deg,var(--gold-soft),transparent);flex-wrap:wrap}
.dict .dhead h3{margin:0;font:700 24px/1.4 var(--script)}
.dict .dhead h3 em{font-style:normal;color:var(--gold)}
.dict .dhead .hist{display:flex;gap:6px;flex-wrap:wrap;margin-inline-start:auto}
.dict .dhead .hist button{font:600 11px var(--ui);border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:2px 9px;direction:ltr}
.dict .dhead .hist button.on{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.dict .empty{padding:26px}
.dent{padding:18px 22px 22px}
.dent .hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding-bottom:12px;border-bottom:1px dashed var(--line)}
.dent .num{font:700 13px var(--ui);color:var(--on-gold);background:var(--gold);border-radius:7px;padding:2px 9px;direction:ltr}
.dent .orig{font:600 34px/1.3 "Noto Serif","Noto Serif Hebrew","Times New Roman",serif;color:var(--accent);direction:ltr}
.dent .orig.he{direction:rtl;font-family:"Noto Serif Hebrew","SBL Hebrew","Times New Roman",serif}
.dent .tr{font:italic 15px "Noto Serif",Georgia,serif;color:var(--muted);direction:ltr}
.dent .tr b{font-style:normal;color:var(--ink)}
.dent .inv{font:20px var(--script);color:var(--ink)}
.dent .inv small{font:500 12px var(--ui);color:var(--muted);margin-inline-end:4px}
.dent .cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.dent .col h5{margin:0 0 6px;font:600 12px var(--ui);color:var(--muted)}
.dent .col.arc .tx{font:19px/1.95 var(--script)}
.dent .col.enc{direction:ltr;text-align:left}
.dent .col.enc h5{text-align:left}
.dent .col.enc .tx{font:15px/1.8 "Noto Serif",Georgia,serif}
.dent .col .tx i{color:var(--accent)}
.dent .col.arc{border-inline-end:1px solid var(--line);padding-inline-end:18px}
.dent .na{font-size:13px;color:var(--muted);font-style:italic}
.dent .back{margin-top:14px;font-size:13px}
.dent .back a{color:var(--accent);cursor:pointer;font-weight:600}
@media (max-width:880px){.dent .cols{grid-template-columns:1fr}.dent .col.arc{border:0;padding:0;border-bottom:1px dashed var(--line);padding-bottom:12px}.dent .orig{font-size:28px}}

.booksel a{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav a.xnav{display:inline-flex;align-items:center;gap:4px;text-decoration:none;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--accent);font-weight:600}
a.self{text-decoration:none;cursor:pointer}

.menu-btn{display:inline-flex;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:5px 10px;font-size:13px;flex-shrink:0}
.menu-btn:hover{border-color:var(--accent);color:var(--accent)}
@media (min-width:881px){.app.collapsed{grid-template-columns:1fr}.app.collapsed aside{display:none}}
@media (max-width:880px){.sideclose{display:none}}
.sideclose{margin-top:14px}
.sh{cursor:pointer;user-select:none}
.sh h4{cursor:pointer}
.side-sec h4.sh::before,.subhead.sh h4::before{content:"▾ ";font-size:11px}
.shut>.sh h4::before,.shut>h4.sh::before{content:"◂ "}
.shut>.sbody{display:none}
.chlink{margin:0 0 12px}
.chlink button{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:7px 14px;font-size:14px;color:var(--accent);font-weight:600}
.chlink button:hover{border-color:var(--accent);background:var(--accent-soft)}
.chpick{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.chp{border:1px solid var(--line);background:var(--paper);border-radius:9px;min-width:38px;height:36px;font-weight:600;font-size:14px}
.chp:hover{border-color:var(--accent)}
.chp.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cvlist{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.cv{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:baseline;width:100%;text-align:start;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px 20px;cursor:pointer;border-radius:0}
.cv:last-child{border-bottom:0}
.cv:hover{background:var(--accent-soft)}
.cvn{font:700 15px var(--ui);color:var(--accent)}
.cvt{font-size:24px;line-height:1.9}
.cvm{font-size:12px;color:var(--muted);white-space:nowrap}
.cv.done .cvn{color:var(--done)}
.cv.has-note{box-shadow:inset -3px 0 0 var(--gold)}
.chfoot{display:flex;justify-content:center;margin-top:18px}
@media (max-width:880px){.cv{grid-template-columns:30px 1fr;padding:12px 14px}.cvm{display:none}.cvt{font-size:20px}}
@media print{.chpick,.chlink,.chfoot{display:none!important}.cv{break-inside:avoid}}

sup a.sn{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor;cursor:pointer}
sup a.sn:hover{color:var(--accent);border-bottom-style:solid}
.spage{max-width:980px;margin:0 auto;padding:28px 16px 60px}
.spage .top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.spage .top a{color:var(--accent);font-weight:600;text-decoration:none}
.spage .dict{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-bottom:16px}
.spage .sum{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:14px 0}
.spage select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:5px 10px;font:inherit}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:18px 0}
.pager button{min-width:36px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:5px 10px;cursor:pointer;font:inherit}
.pager button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.pager button:disabled{opacity:.4;cursor:default}

.trbar{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}.trb{font-size:13px;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:3px 14px;background:transparent}.trb.on{background:var(--gold);color:var(--on-gold)}

@media print{
  :root:root:root{--bg:#fff;--paper:#fff;--ink:#111;--muted:#555;--line:#ccc;--accent:#0F3554;--accent-soft:#fff;--gold:#7A5A1C;--heading:#0F3554;--gold-soft:#fff;--shadow:none}
  html,body{background:#fff!important}
  .trbar,.tgl,.chlink,.star,.self,.chev,.crumbs .nav,.menu-btn,.dict .hist,.group .ghead .count{display:none!important}
  .group{break-inside:auto;border:1px solid #ccc;margin-top:12px}
  .r{break-inside:avoid}
  .verse-card{border:1px solid #ccc;break-inside:avoid}
  a{color:inherit!important;text-decoration:none!important}
  .pill{background:#f1f1f1!important;color:#333!important}
  @page{margin:14mm}
}

sup .sn{cursor:pointer;border-bottom:1px dotted currentColor}
sup .sn:hover{color:var(--accent);border-bottom-style:solid}
.dent .stopen{margin-inline-start:auto;font:600 12px var(--ui);border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:3px 12px;text-decoration:none;white-space:nowrap}
.dent .stopen:hover{background:var(--gold);color:var(--on-gold)}
.dent .stai{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font:600 12px var(--ui);border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:3px 12px;white-space:nowrap}
.dent .stai:hover{background:var(--accent);color:var(--on-accent)}
.dent .stai:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}
.dent .stai .tic{width:14px;height:14px}
.dent .stopen+.stai{margin-inline-start:0}
.dent .hd>.stai:first-of-type:not(.stopen+.stai){margin-inline-start:auto}
@media print{.stopen,.stai{display:none!important}}

.booksel .bkhd{font:700 12px var(--ui);letter-spacing:.04em;color:var(--gold);padding:10px 4px 2px;border-bottom:1px solid var(--line);margin-top:6px}
.booksel .bkhd:first-child{margin-top:0;padding-top:2px}

.ilist{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.ilv{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px}
.ilvn{flex:none;font:700 13px var(--ui);color:var(--gold);background:none;border:1px solid var(--gold);border-radius:999px;min-width:30px;height:30px;cursor:pointer}
.ilrow{display:flex;flex-wrap:wrap;gap:6px;flex:1;direction:rtl}
.ilc{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;min-width:58px;direction:ltr;text-align:center}
.ilc-x{border-style:dashed;justify-content:center;opacity:.7}
.iln{font:600 10px var(--ui);color:var(--gold);text-decoration:none}
.ilo{font:400 20px "Noto Serif Hebrew","Noto Serif",serif;direction:rtl;line-height:1.3}
.ilt{font:italic 11px "Noto Serif",serif;opacity:.7}
.ilk{font:600 13px "Noto Serif",serif}
.ila{font:500 14px var(--ui);direction:rtl;color:var(--accent)}
.ilv-none{font:13px var(--ui);opacity:.6}
.cvlist[hidden]{display:none!important}
.ilc-x{border:none!important;min-width:0!important;padding:5px 1px!important;opacity:.55}
.ila{direction:rtl}

/* v12 */
.stickbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:8px 10px;margin:0 0 14px;box-shadow:var(--shadow)}
.stickbar select{border:1px solid var(--line);background:var(--bg,var(--paper));color:var(--ink);border-radius:10px;padding:7px 8px;font:600 15px var(--ui);max-width:42vw}
.stickbar .sp{flex:1}
.stickbar .nav{margin:0}
.stickbar .menu-btn{display:none}
.crumbs.nomenu .menu-btn{display:none!important}
.bkg{border:1px solid var(--line);border-radius:12px;margin-top:6px;background:transparent}
.bkg>summary{cursor:pointer;list-style:none;padding:8px 10px;font:700 13px var(--ui);color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.bkg>summary::-webkit-details-marker{display:none}
.bkg>summary::before{content:"◂";margin-inline-end:6px;font-size:11px}
.bkg[open]>summary::before{content:"▾"}
.bkg>summary b{font-weight:500;font-size:11px;background:var(--chip);border-radius:9px;padding:0 7px}
.bkl{display:grid;gap:5px;padding:0 6px 8px}
.resume{display:block;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--accent);border-radius:18px;padding:20px 24px;box-shadow:var(--shadow);margin-top:6px}
.resume small{color:var(--accent);font-weight:700;font-size:13px}
.resume b{display:block;font:700 34px/1.3 var(--script)}
.resume span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:19px}
.grp-home{margin-top:18px;display:grid;gap:10px}
.grp-home .bkl{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:6px 12px 14px}
.grp-home summary{font-size:15px}
.mini{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:8px 10px;text-align:start}
.mini:hover{border-color:var(--accent)}
.mini .ab{font:700 13px var(--ui);min-width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--chip);color:var(--accent)}
.mini b{font:700 17px var(--script)}
.chpick.big{margin-top:18px}
.chpick.big .chp{min-width:48px;height:44px;font-size:16px}
.cta{cursor:pointer}
@media (max-width:880px){.stickbar .menu-btn{display:inline-block}.stickbar .nav .lb{display:none}.stickbar select{padding:6px 5px;font-size:14px}}
@media print{.stickbar{display:none!important}}

/* v13 */
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.nav button,.nav a.xnav,.chp,.tool,.stickbar select,.chlink button,.trb,.tgl,.mini{min-height:44px}
.chp{min-width:44px}
.ilcol{flex:1;min-width:0}
.ilar{font-size:calc(24px*var(--fs,1));line-height:2;margin:0 0 8px;color:var(--ink)}
.verse-card .ar,.cvt,.r .txt,.gnote{zoom:var(--fs,1)}
.verse-card .ar{line-height:2.05}
.morerefs[hidden]{display:none}
.showall{display:block;margin:6px auto 10px;border:1px solid var(--line);background:var(--paper);color:var(--accent);border-radius:10px;padding:8px 18px;font-weight:600;min-height:44px}
.showall:hover{border-color:var(--accent)}
.gotobox{margin:10px 0 0}
.gotobox input{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:10px 12px;font:15px var(--ui)}
.gotobox input.bad{border-color:var(--bad)}
.fsrow{display:flex;align-items:center;gap:8px;margin:4px 0}
.fsrow span{flex:1;font-size:13px;color:var(--muted)}
.fsrow .tool{width:auto;min-width:52px;justify-content:center}
@media print{.gotobox,.fsrow,.showall{display:none!important}.morerefs[hidden]{display:block!important}}
/* v13b: always reachable menu button */
.stickbar .menu-btn{display:inline-block!important;min-height:44px;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:0 12px;font-size:18px}
.app.collapsed .crumbs:not(.nomenu) .menu-btn{display:inline-block}
@media (min-width:881px){.app:not(.collapsed) .stickbar .menu-btn{display:none!important}}
/* v13c: ☰ toggles the menu on desktop too */
.stickbar .menu-btn,.crumbs:not(.nomenu) .menu-btn{display:inline-block!important;min-height:44px;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:0 14px;font-size:20px;line-height:1}
@media (min-width:881px){.app:not(.collapsed) .stickbar .menu-btn{display:inline-block!important}#sideClose{display:none}}
/* ---- mind map page ---- */
.mmpage{height:100vh;overflow:hidden;display:flex;flex-direction:column}
.mmbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 14px;background:var(--paper);border-bottom:1px solid var(--line);z-index:5}
.mmbar h1{margin:0;font:700 24px var(--script);color:var(--accent)}
.mmbar label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.mmbar select,.mmbar button,.mmback{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:6px 10px;font:600 14px var(--ui);min-height:40px;text-decoration:none;display:inline-flex;align-items:center}
.mmbar .sp{flex:1}
#stage{position:relative;flex:1;min-height:0;background:var(--bg)}
#svg{width:100%;height:100%;display:block;cursor:grab;touch-action:none;user-select:none}
#svg:active{cursor:grabbing}
.mmn{cursor:pointer}
.mmn rect{fill:var(--paper);stroke:var(--bc,var(--accent));stroke-width:1.6}
.mmn text{fill:var(--ink);font:600 12.5px var(--ui);text-anchor:middle;pointer-events:none}
.mmn:hover rect{fill:var(--accent-soft)}
.mmn.c0 rect{fill:var(--accent);stroke:var(--accent)}
.mmn.c0 text.t0{fill:var(--on-accent);font:700 20px var(--script)}
.mmn.c0 text.s0{fill:var(--on-accent);opacity:.85;font:500 12px var(--ui)}
.mmn.c2 rect{stroke-width:1.3}
.mmn.c3 rect{stroke-width:1;fill:var(--bg)}
.mmn.c3 text{font-weight:500;font-size:12px}
.mmn.ext rect{stroke-dasharray:4 3;opacity:.8}
text.more{fill:var(--muted);font:600 11px var(--ui);pointer-events:none}
text.empty{fill:var(--muted);text-anchor:middle;font:16px var(--ui)}
#legend{position:absolute;inset-inline-start:12px;bottom:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:6px 12px;font-size:12px;color:var(--muted);box-shadow:var(--shadow)}
#legend b{color:var(--ink)}
#panel{position:absolute;inset-inline-end:12px;top:12px;width:min(380px,calc(100% - 24px));max-height:70%;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:14px 16px}
#panel[hidden]{display:none}
#panel h3{margin:0 0 6px;padding-inline-end:36px;font:700 22px var(--script);color:var(--accent)}
#panel .vt{font-size:20px;line-height:1.9}
#panel .x{position:absolute;inset-inline-end:8px;top:8px;border:0;background:none;font-size:16px;min-width:36px;min-height:36px}
#panel .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
#panel .acts button,#panel .acts a{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:8px 12px;font:600 13px var(--ui);color:var(--accent);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
#panel .muted{font-size:13px;color:var(--muted)}
#loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}
@media (max-width:700px){.mmbar h1{display:none}#legend{display:none}#panel{inset-inline:8px;top:auto;bottom:8px;width:auto;max-height:45%}}
.ghead a.mm{text-decoration:none;font-size:16px;padding:2px 8px;border-radius:8px;border:1px solid var(--line)}
.ghead a.mm:hover{border-color:var(--accent)}

/* mind map: zoom box + table view */
#zoomBox{position:absolute;inset-inline-end:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;z-index:4}
#zoomBox button{width:46px;height:46px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;font:700 22px var(--ui);box-shadow:var(--shadow)}
#zoomBox button:hover{border-color:var(--accent);color:var(--accent)}
.istbl #zoomBox,.istbl #svg,.istbl #legend,.istbl #zin,.istbl #zout,.istbl #zfit{display:none}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg button{border:0!important;border-radius:0!important}
.seg button.on{background:var(--accent)!important;color:var(--on-accent)!important}
#tbl{position:absolute;inset:0;overflow:auto;padding:16px clamp(10px,3vw,40px) 40px;background:var(--bg)}
#tbl[hidden]{display:none}
.tblhead{background:var(--accent);color:var(--on-accent);border-radius:16px;padding:12px 18px;margin-bottom:14px}
.tblhead h2{margin:0;font:700 26px var(--script)}
.tblhead .sub{font-size:12px;opacity:.85}
.tblhead .vt{font-size:19px;line-height:1.9;margin-top:4px}
#tbl table{border-collapse:separate;border-spacing:8px;width:100%;table-layout:fixed;min-width:760px}
#tbl th{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px;font:700 13px var(--ui);color:var(--muted);position:sticky;top:-16px;z-index:2}
#tbl td{vertical-align:top;background:var(--paper);border:1px solid var(--line);border-inline-start:4px solid var(--bc,var(--accent));border-radius:10px;padding:8px 12px}
#tbl td.ext{border-style:dashed;border-inline-start-style:solid}
#tbl .vref{display:flex;gap:8px;align-items:center;font:700 13px var(--ui);color:var(--accent)}
#tbl .vref a{text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:0 6px}
#tbl .vref .mo{margin-inline-start:auto;font-weight:600;color:var(--muted);font-size:11px}
#tbl .vt{font-size:17px;line-height:1.8}
#tbl td.l3 .vt{font-size:16px}
#tbl .muted{color:var(--muted);text-align:center}
@media print{.mmbar,#zoomBox{display:none}.mmpage{height:auto;overflow:visible}#tbl{position:static}}
.verse-card.nostr .ar .sw{cursor:pointer;border-bottom:1px dotted var(--line)}
.verse-card.nostr .ar .sw:hover{border-bottom-color:var(--gold)}

.dict{scroll-margin-top:90px}

.srchbox{margin-top:8px}
.srchbox .srow{display:flex;gap:6px}
.srchbox input[type=search]{flex:1;min-width:0;width:auto;box-sizing:border-box;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:10px 12px;font:15px var(--ui)}
.srchbox button{flex-shrink:0;border:1px solid var(--line);background:var(--gold-soft);color:var(--ink);border-radius:12px;padding:0 12px;cursor:pointer;font-size:16px}
.srchbox button:hover{border-color:var(--gold)}
.sopts{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;font-size:12.5px;color:var(--muted)}
.sopts label{display:flex;gap:5px;align-items:center;cursor:pointer}
#findSec{margin-top:10px}
@media print{#findSec{display:none!important}}
.sopts input{width:auto!important;margin:0;padding:0;flex:none}
.sopts label{white-space:nowrap}

.ilist.ltr .ilv{direction:ltr}
.ilist.ltr .ilrow{direction:ltr}
.ilist.ltr .ilar{direction:ltr;text-align:left}
.ilc-s{border-style:dotted}

/* ---- شريط الانتقال على الهاتف: سطر للقوائم وسطر لأزرار السابق/التالي ---- */
@media (max-width:600px){
  .stickbar{flex-wrap:wrap;gap:6px;padding:6px 8px}
  .stickbar .sp{display:none}
  .stickbar select{flex:1 1 0;min-width:0;max-width:none}
  .stickbar select.sbBook{flex:2 1 0}
  .stickbar .nav{flex:1 0 100%;display:flex;justify-content:space-between;gap:6px}
  .stickbar .nav>*{flex:0 1 auto;min-height:38px}
  .stickbar .nav .lb{display:inline}
}

/* ---- بطاقة ملاحظة TSK (مجموعة بلا شواهد) ---- */
.group.notecard{border-style:dashed;background:var(--gold-soft)}
.group.notecard .ghead h3{font-size:1rem}
.group.notecard .nic{margin-inline-end:6px}
.notecard .nbody{padding:10px 20px 14px;font:18px/1.9 var(--script)}
.notecard .nbody p{margin:0 0 .6em}.notecard .nbody p:last-child{margin-bottom:0}
.notecard .nbody p.ltr{direction:ltr;text-align:left}

/* ---- مخطط السفر ---- */
.olbox{margin:10px 0;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:6px 12px}
.olbox summary{cursor:pointer;font:600 14px var(--ui);color:var(--gold);padding:4px 0}
.olr{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;text-decoration:none;color:var(--ink);padding:6px 8px;border-radius:8px;border-top:1px dashed var(--line)}
.olr:hover{background:var(--gold-soft)}
.olr .ort{font:600 17px/1.7 var(--script)}.olr.l2{padding-inline-start:26px}.olr.l3{padding-inline-start:44px}.olr.l4{padding-inline-start:62px}
.olr.l1 .ort{color:var(--accent)}
.olr .ore{font:12.5px var(--ui);color:var(--muted)}.olr .orn{margin-inline-start:auto;font:12.5px var(--ui);color:var(--muted)}
.olall{display:inline-block;margin:6px 0 4px;font-size:13px;color:var(--muted);text-decoration:none}
.olpath{margin:8px 0;font:14px/1.8 var(--ui);color:var(--ink);background:var(--gold-soft);border-radius:10px;padding:6px 12px}
.olpath small{color:var(--muted)}.olpath a{color:var(--muted);font-size:12.5px;text-decoration:none;margin-inline-start:8px}

.ilp{font:600 10px var(--ui);color:var(--muted);direction:ltr;max-width:110px;word-break:break-word}
.ilrow[dir=ltr]{direction:ltr}

.fnbox{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 14px;margin:10px 0}
.fnbox summary{cursor:pointer;font:600 13px var(--ui);color:var(--accent)}
.fni{display:flex;gap:10px;padding:8px 0;border-top:1px dashed var(--line);align-items:flex-start}
.fni:first-of-type{margin-top:6px}
.fnn,.fnv{flex:none;font:700 12px var(--ui);color:var(--gold);border:1px solid var(--gold);border-radius:999px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.fnar{font:18px/1.8 "Amiri","Noto Naskh Arabic",serif}
.fnen{font:13px/1.5 "Noto Serif",serif;opacity:.7;text-align:left}
.fnm{color:var(--gold);font:700 11px var(--ui);margin-inline-start:2px}

.tpbox{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 14px;margin:10px 0}
.tpbox summary{cursor:pointer;font:600 13px var(--ui);color:var(--accent)}
.tpchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tpc{font:13px var(--ui);text-decoration:none;color:var(--ink);border:1px solid var(--gold);background:var(--gold-soft);border-radius:999px;padding:3px 11px}
.tpc:hover{background:var(--gold);color:var(--on-gold)}

.tpmore{display:contents}.tpmore>summary{cursor:pointer;font:12px var(--ui);color:var(--muted);padding:3px 8px;list-style:none;width:100%}.tpmore[open]>summary{display:none}

/* نص شاهد قيد التحميل */
.txp{opacity:.45}

/* =====================================================================
   جدد وعتقاء — brand layer (v2 redesign)
   Light = cream reading mode · Dark = navy night mode
   ===================================================================== */
html{background:var(--bg)}
select,input,textarea{background-color:var(--paper);color:var(--ink)}
::selection{background:var(--mark);color:var(--ink)}
a{text-underline-offset:3px}

/* logo swap per theme */
.logo-d{display:none!important}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .logo-l{display:none!important}
  :root:not([data-theme="light"]) .logo-d{display:block!important}
}
:root[data-theme="dark"] .logo-l{display:none!important}
:root[data-theme="dark"] .logo-d{display:block!important}

/* ---- sidebar ---- */
aside{background:var(--paper);scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-top:20px}
.brand{position:relative;padding:2px 2px 16px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.brand::after{content:"";position:absolute;bottom:-1px;inset-inline-start:0;width:64px;height:2px;border-radius:2px;background:var(--brand-gold)}
.brand .logo{width:100%;max-width:252px;height:auto;margin-inline:auto}
.brand small{display:block;text-align:center;font-size:11.5px;color:var(--muted);margin-top:10px;letter-spacing:.01em}
.side-sec h4,.subhead h4,.bkg>summary{color:var(--gold)}
.side-sec h4,.subhead h4{font:600 12px var(--ui);letter-spacing:.02em}
.tool{background:var(--paper);transition:background .15s,border-color .15s}
.tool:hover{border-color:var(--accent);background:var(--accent-soft)}
.gotobox input,.srchbox input[type=search]{background:var(--bg)}
.gotobox input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.booksel .ab,.mini .ab{background:var(--chip);color:var(--accent)}
.booksel button.active,.booksel a.active{border-color:var(--accent);background:var(--accent-soft)}
.booksel button.active .ab,.booksel a.active .ab{background:var(--accent);color:var(--on-accent)}
.booksel .nm b{color:var(--ink)}
.bkg{background:var(--paper)}
.bkg>summary b{background:var(--chip);color:var(--muted)}
.foot{border-top:1px solid var(--line);padding-top:14px}

/* ---- headings: El Messiri for titles, Amiri stays for Scripture ---- */
.crumbs .ref{font:700 38px/1.3 var(--display);color:var(--heading)}
.crumbs .ref span{color:var(--gold)}
.crumbs .ref small{font:500 13px var(--ui);color:var(--muted);margin-bottom:2px}
.hero h2,.sec-title,.notes h3,.resume b,.chcard .n,.stat b,.mmbar h1,.tblhead h2,#panel h3,.strong .shead h3,.dict .dhead h3{font-family:var(--display);font-weight:700}
.sec-title,.notes h3{color:var(--heading)}
.strong .shead h3 em,.dict .dhead h3 em{color:var(--brand-gold)}

/* ---- verse card ---- */
.verse-card{border-radius:20px}
.verse-card::before{width:4px;background:linear-gradient(var(--accent),var(--brand-gold))}
.verse-card .ar{color:var(--ink)}
.pill{background:var(--chip);color:var(--muted)}
.trb.on,.tgl.on{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}

/* ---- keyword groups & references ---- */
.group,.dict,.strong,.notes,.cvlist,.item{border-radius:18px}
.ghead h3 em{color:var(--brand-gold)}
.r .lbl .nmr{color:var(--accent)}
.kw-index a{background:var(--gold-soft);color:var(--ink)}
.kw-index a:hover{border-color:var(--brand-gold)}
.gnote{border-inline-start-color:var(--brand-gold)}
.cv:hover{background:var(--accent-soft)}
.cvn{color:var(--gold)}
.stickbar{border-radius:16px;background:var(--paper)}
.stickbar select{background:var(--bg)}

/* ---- home ---- */
.home-title .hl-logo{display:none}
.crumbs .home-title .hl-text{color:var(--heading)}
.home-title .hl-logo img{height:46px;width:auto}
@media (max-width:880px){.home-title .hl-text{display:none}.home-title .hl-logo{display:block}}
.app.collapsed .home-title .hl-text{display:none}
.app.collapsed .home-title .hl-logo{display:block}
.bhero{position:relative;overflow:hidden;border-radius:24px;padding:34px clamp(22px,4vw,44px) 30px;margin:4px 0 22px;
  background:#0F3554;color:#F3EBD9;border:1px solid #0F3554;box-shadow:var(--shadow)}
.bhero .eyebrow{font:600 12.5px var(--ui);letter-spacing:.04em;color:#D4A64A;display:flex;align-items:center;gap:10px}
.bhero .eyebrow::after{content:"";height:1.5px;width:40px;background:#D4A64A;border-radius:2px;opacity:.8}
.bhero blockquote{margin:12px 0 0;font:400 clamp(22px,2.6vw,30px)/1.9 var(--script);max-width:44ch;position:relative}
.bhero blockquote b{color:#E3BE6E;font-weight:700}
.bhero .stats{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(212,166,74,.35)}
.bhero .stat b{display:block;font:700 30px/1.15 var(--display);color:#FFFDF7}
.bhero .stat span{font-size:12.5px;color:#C9D3DE}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .bhero{background:var(--paper);border-color:var(--line)}}
:root[data-theme="dark"] .bhero{background:var(--paper);border-color:var(--line)}
.resume{position:relative;border:1px solid var(--line);border-radius:20px;padding:20px 24px 20px 24px;overflow:hidden}
.resume::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(var(--accent),var(--brand-gold))}
.resume:hover{border-color:var(--accent)}
.resume small{color:var(--gold)}
.resume b{color:var(--heading);font-size:32px}
.grp-home summary{font:700 17px var(--display);color:var(--heading)}
.grp-home .bkg{border-radius:16px}
.mini{transition:border-color .15s,background .15s}
.mini:hover{border-color:var(--accent);background:var(--accent-soft)}
.mini b{color:var(--ink)}

/* ---- top bar on tool pages ---- */
.sitebar{display:flex;align-items:center;gap:10px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));
  background:var(--paper);border-bottom:1px solid var(--line);position:relative}
.sitebar::after{content:"";position:absolute;bottom:-1px;inset-inline-start:max(16px,env(safe-area-inset-right,0px));width:64px;height:2px;border-radius:2px;background:var(--brand-gold)}
.sitebar .sb-logo{display:block;line-height:0}
.sitebar .sb-logo img{height:44px;width:auto}
.sitebar .sp{flex:1}
.sitebar .sb-link,.sitebar .sb-theme{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:500 14px var(--ui);text-decoration:none;cursor:pointer}
.sitebar .sb-link:hover,.sitebar .sb-theme:hover{border-color:var(--accent);background:var(--accent-soft)}
@media (max-width:520px){.sitebar .sb-logo img{height:36px}.sitebar .sb-link{display:none}}
html body .srch h1,html body .tp h1,html body .ol h1,html body .cmp h1,html body .g h1{font:700 28px/1.35 var(--display);color:var(--heading);margin-top:10px}
html body .srch .sub,html body .tp .sub,html body .ol .sub,html body .cmp .sub,html body .g .sub{color:var(--muted)}
html body .hit b,html body .v b{color:var(--accent)}
html body .bk{color:var(--gold)}
html body .cheads{color:var(--gold)}
.mmbar .mmlogo{display:inline-flex;line-height:0}
.mmbar .mmlogo img{height:34px;width:auto}
.spage .top a{color:var(--accent)}

@media print{.sitebar,.bhero::before{display:none!important}.bhero{background:#fff!important;color:#111!important;border:1px solid #ccc}.bhero .stat b{color:#111!important}}

/* ---- book cover image (book overview page) ---- */
.crumbs .ref .crumb-mini{display:block;font:500 14px var(--ui);color:var(--muted)}
.crumbs .ref .crumb-mini a{color:var(--accent);text-decoration:none}
.crumbs .ref .crumb-mini a:hover{text-decoration:underline}
.bkhero{position:relative;margin:0 0 8px;border-radius:24px;overflow:hidden;background:#0B1E30;box-shadow:var(--shadow);isolation:isolate}
.bkhero::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(212,166,74,.35);pointer-events:none;z-index:2}
.bkhero picture{display:block}
.bkhero img{display:block;width:100%;height:auto;max-height:min(64vh,540px);object-fit:cover;object-position:var(--pos,50% 50%)}
.bkcap{position:absolute;inset:auto 0 0 0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  padding:80px clamp(20px,4vw,40px) 26px;color:#F3EBD9;
  background:linear-gradient(to top,rgba(8,22,36,.94) 0%,rgba(8,22,36,.78) 45%,rgba(8,22,36,0) 100%)}
.bkcap .eyebrow{font:600 12.5px var(--ui);letter-spacing:.03em;color:#E3BE6E;display:flex;align-items:center;gap:10px}
.bkcap .eyebrow::after{content:"";width:36px;height:1.5px;border-radius:2px;background:#D4A64A;opacity:.85}
.bkcap h1{margin:0;font:700 clamp(40px,6vw,64px)/1.1 var(--display);color:#FFFDF7;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.bkcap .bksub{font-size:13.5px;color:#D5DCE4}
.bkcap .bksub .ltr{color:#E3BE6E}
.bkcap .cta{margin-top:12px;background:#D4A64A;color:#0B1E30;border-radius:12px;padding:10px 22px;font-weight:700;min-height:44px}
.bkcap .cta:hover{background:#E3BE6E}
.bknote{color:var(--muted);font-size:13px;margin:6px 4px 0}
.bksec{font:700 22px var(--display);color:var(--heading);margin:26px 0 0;display:flex;align-items:center;gap:12px}
.bksec::after{content:"";flex:1;height:1px;background:var(--line)}
.bksec+.chpick.big{margin-top:12px}
@media (max-width:640px){
  .bkhero{border-radius:18px}
  .bkhero img{aspect-ratio:4/3}
  .bkcap{position:static;padding:16px 18px 20px;background:#0B1E30}
  .bkcap h1{font-size:40px;text-shadow:none}
}
@media print{.bkhero{box-shadow:none}.bkcap .cta{display:none}}

/* ---- chapter image (or the stacked logo when a chapter has none) ---- */
.chhero{position:relative;margin:0 0 14px;border-radius:20px;overflow:hidden;background:var(--chip);box-shadow:var(--shadow);isolation:isolate}
.chhero::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(212,166,74,.35);pointer-events:none}
.chhero img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 45%}
.chhero picture{display:block}
.chcap{position:absolute;inset-block-end:14px;inset-inline-start:14px;display:flex;gap:10px;align-items:baseline;
  background:rgba(8,22,36,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#D5DCE4;
  border:1px solid rgba(212,166,74,.45);border-radius:999px;padding:5px 16px;font:500 13px var(--ui)}
.chcap b{font:700 16px var(--display);color:#E3BE6E}
.chhero.chlogo{display:flex;justify-content:center;align-items:center;padding:26px 16px 22px;border:1px solid var(--line);
  background:radial-gradient(ellipse at 50% 0%,var(--gold-soft),var(--paper) 72%);box-shadow:none}
.chhero.chlogo::after{box-shadow:none}
.chhero.chlogo img{width:auto;height:150px;aspect-ratio:auto;object-fit:contain}
@media (max-width:640px){
  .chhero{border-radius:16px}
  .chhero img{aspect-ratio:16/9}
  .chcap{inset-block-end:10px;inset-inline-start:10px;padding:4px 12px;font-size:12px}
  .chcap b{font-size:14px}
  .chhero.chlogo img{height:118px}
}
@media print{.chhero{display:none}}

/* ---- book cover when a book has no picture yet: navy panel with the mark ---- */
.bkhero.noimg .bkcap{background:linear-gradient(to top,rgba(8,22,36,.55) 0%,rgba(8,22,36,0) 100%)}
.bkhero.noimg{background:radial-gradient(ellipse at 18% 30%,#1F5A88 0%,#0F3554 45%,#0B1E30 100%)}
.bkhero .bkart{aspect-ratio:1600/560;display:flex;align-items:center;justify-content:flex-end;padding-inline-end:clamp(24px,7vw,80px);position:relative;overflow:hidden}
.bkhero .bkart::before{content:"";position:absolute;inset-inline-end:clamp(-40px,2vw,30px);top:50%;width:min(46%,380px);aspect-ratio:1;transform:translateY(-55%);border-radius:50%;
  background:radial-gradient(circle,rgba(212,166,74,.18),rgba(212,166,74,0) 68%)}
.bkhero .bkart img{position:relative;width:min(30%,240px);height:auto;max-height:none;object-fit:contain;transform:translateY(-14%)}
@media (max-width:640px){
  .bkhero .bkart{aspect-ratio:16/9;justify-content:center;padding:0}
  .bkhero .bkart::before{inset-inline-end:auto;left:50%;transform:translate(-50%,-50%);width:70%}
  .bkhero .bkart img{width:44%;transform:none;aspect-ratio:auto}
  .bkhero img{max-height:none}
}

.trgrp{display:inline-flex;gap:4px;margin-inline-end:8px;flex-wrap:wrap}

.trgrp.seg{display:inline-flex;gap:0;border:1px solid var(--gold);border-radius:999px;overflow:hidden;margin-inline-end:8px}
.trgrp.seg .trb{border:0;border-radius:0;padding:5px 16px}
.ilopts{display:flex;flex-wrap:wrap;gap:10px 22px;margin:10px 0;padding:10px 14px;border:1px solid var(--gold);border-radius:12px;background:rgba(201,162,39,.06)}
.ilopts .rg{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ilopts .rgt{font-size:13px;font-weight:700;color:var(--gold)}
.rd{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:4px 12px 4px 10px;border:1px solid var(--gold);border-radius:999px;cursor:pointer;transition:background .15s}
.rd:hover{background:rgba(201,162,39,.12)}
.rd input{position:absolute;opacity:0;pointer-events:none}
.rd i{width:16px;height:16px;border:2px solid var(--gold);border-radius:50%;display:inline-block;position:relative;flex:none}
.rd.on{background:var(--gold);color:var(--on-gold)}
.rd.on i{border-color:var(--on-gold)}
.rd.on i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--on-gold)}
.rd:focus-within{outline:2px solid var(--gold);outline-offset:2px}

.dirgrp{display:inline-flex;border:1px solid var(--gold);border-radius:8px;overflow:hidden}
.dirb{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;background:transparent;color:var(--gold);border:0;cursor:pointer}
.dirb+.dirb{border-inline-start:1px solid var(--gold)}
.dirb:hover{background:rgba(201,162,39,.14)}
.dirb.on{background:var(--gold);color:var(--on-gold)}
.dirb:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.dirb{width:50px;height:44px}
.dirb svg{width:28px;height:28px;display:block}

.themefab{position:fixed;left:14px;bottom:14px;z-index:60;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:var(--bg);color:var(--gold);font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.themefab:hover{background:var(--gold);color:var(--on-gold)}
@media print{.themefab{display:none}}

.fsgrp{display:inline-flex;border:1px solid var(--gold);border-radius:8px;overflow:hidden;margin-inline-start:auto}
.fsb{display:inline-flex;align-items:center;justify-content:center;width:42px;height:34px;background:transparent;color:var(--gold);border:0;cursor:pointer}
.fsb+.fsb{border-inline-start:1px solid var(--gold)}
.fsb:hover{background:var(--gold);color:var(--on-gold)}
.fsb:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ilopts .fsgrp{margin-inline-start:0}
@media print{.fsgrp{display:none}}
.ilopts .fsb{width:50px;height:44px}
.ilopts .fsb svg{width:28px;height:28px}

.tic{width:1.2em;height:1.2em;vertical-align:-.22em;flex:none}
.fsb .tic{width:22px;height:22px}
.dirb .tic,.ilopts .fsb .tic{width:28px;height:28px}
.fsgrp .tic,.dirgrp .tic{vertical-align:middle}
.themefab .tic{width:22px;height:22px;vertical-align:middle}
.kw-index{align-items:center}
.kwact{display:inline-flex;gap:6px;flex-wrap:wrap;margin-inline-end:10px;padding-inline-end:10px;border-inline-end:1px solid var(--line)}
.kwact .tgl{font:13px var(--ui)}
@media (max-width:560px){.trgrp.seg{display:flex;width:100%;margin-inline-end:0;border-radius:14px}.trgrp.seg .trb{flex:1;font-size:12.5px;padding:7px 8px;white-space:normal;line-height:1.5;text-align:center}}

.notelink{display:flex;align-items:center;gap:8px;margin:14px 0 4px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--accent);font:600 14px var(--ui);text-decoration:none}.notelink:hover{border-color:var(--gold)}

.howto{background:var(--gold-soft,#f6efe0);border-radius:10px;padding:10px 14px;margin:0 0 16px;font-family:var(--ui);color:var(--ink)}.howto b{display:block;font-size:13px;color:var(--accent);margin-bottom:2px}.howto p{margin:0;font-size:14px;line-height:1.9}

/* ==== عنوان قسم شواهد TSK في صفحة العدد ==== */
.tskhead{margin:30px 0 4px;padding-top:18px;border-top:2px solid var(--line);position:relative}
.tskhead::before{content:"";position:absolute;top:-2px;inset-inline-start:0;width:72px;height:2px;background:var(--brand-gold)}
.tskhead h2{margin:0;display:flex;align-items:center;gap:8px;font:700 24px/1.3 var(--display);color:var(--heading)}
.tskhead h2 .tic{width:22px;height:22px;color:var(--gold)}
.tskhead p{margin:6px 0 0;font:14px/1.7 var(--ui);color:var(--muted)}
.tskhead+.kw-index{margin-top:12px}
@media print{.tskhead{border-top:1px solid #ccc}.tskhead::before{display:none}}

/* ==== أسهم العدد السابق/التالي على جانبي الآية ==== */
.vwrap{position:relative}
.vnav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;
  background:var(--paper);color:var(--gold);border:1px solid var(--gold);box-shadow:var(--shadow)}
.vnav svg{width:22px;height:22px}
.vnav:hover{background:var(--gold);color:var(--on-gold)}
.vnav:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.vprev{inset-inline-start:-22px}
.vnext{inset-inline-end:-22px}
@media (max-width:880px){
  .vnav{width:36px;height:36px}
  .vnav svg{width:18px;height:18px}
  .vprev{inset-inline-start:-12px}
  .vnext{inset-inline-end:-12px}
  .vwrap .verse-card{padding-inline:30px}
  .vwrap .ilist{padding-inline:28px}
}
/* في Interlinear البلوك طويل: الأسهم جنب سطر الآية العربي بدل نص البلوك */
.vwrap:has(> .ilist) .vnav{top:14px;transform:none}
/* مساحة للأسهم علشان ماتغطيش رقم العدد ونص الآية في Interlinear */
.vwrap > .ilist{padding-inline:34px}
@media print{.vnav{display:none}}

/* ==== «اللغة الأصلية» في عرض الأصحاح (orig_<Book>.js) ==== */
.cvt.orig.he{font-family:"Noto Serif Hebrew","SBL Hebrew","Ezra SIL",serif;font-size:27px;line-height:2;direction:rtl}
.cvt.orig.gr{font-family:"Noto Serif","Gentium Plus",serif;font-size:22px;line-height:1.9;direction:ltr;text-align:left;unicode-bidi:isolate}
.cvt.orig-na{font:15px/1.8 var(--ui);color:var(--muted)}
.verse-card .orig-v .cvt.orig.he{font-size:34px;line-height:2}
.verse-card .orig-v .cvt.orig.gr{font-size:28px;line-height:1.8;display:block}
.verse-card .orig-v .cvt{display:block}
@media (max-width:880px){.verse-card .orig-v .cvt.orig.he{font-size:28px}.verse-card .orig-v .cvt.orig.gr{font-size:23px}}
@media (max-width:880px){.cvt.orig.he{font-size:24px}.cvt.orig.gr{font-size:19px}}

/* ==== قائمة ☰ في صفحات الأدوات (assets/sitemenu.js) ==== */
.sb-menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;margin-inline-end:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);cursor:pointer}
.sb-menu:hover{border-color:var(--accent);background:var(--accent-soft)}
.sb-menu .tic{width:22px;height:22px}
.mmbar .sb-menu{padding:0;margin-inline-end:0;min-height:44px}
.sm-scrim{position:fixed;inset:0;z-index:80;background:rgba(8,20,32,.45);opacity:0;pointer-events:none;transition:opacity .2s}
.sm-scrim.on{opacity:1;pointer-events:auto}
.sm-panel{position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:90;width:min(340px,88vw);overflow:auto;background:var(--paper);border-inline-end:1px solid var(--line);
  box-shadow:0 0 40px rgba(0,0,0,.25);padding:14px 16px calc(20px + env(safe-area-inset-bottom));transform:translateX(105%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.sm-panel.on{transform:none}
.sm-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sm-home{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--accent);font:600 15px var(--ui);text-decoration:none}
.sm-x{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);cursor:pointer}
.sm-panel .side-sec{margin-top:16px}
.sm-panel .tool{text-decoration:none;color:var(--ink);min-height:44px;margin-top:8px;margin-bottom:0}
.sm-panel .tool.sm-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}
.sm-panel .gotobox input{width:100%;min-height:44px;box-sizing:border-box}
.sm-panel .sm-books{padding:4px 8px 10px}
@media (prefers-reduced-motion:reduce){.sm-panel,.sm-scrim{transition:none}}

/* ==== UX LAYER START (reading pages) ==== */
/* Generated from the Rut_test UX experiment (Oct 2026). Rules apply only when html has .ux-on (set by app.js). */
.ux-on .themefab{display:none!important}
.ux-on .uxt-theme{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  flex-shrink:0;border:1px solid var(--line);background:var(--paper);color:var(--gold);border-radius:10px;cursor:pointer}
.ux-on .uxt-theme:hover{border-color:var(--gold)}
.ux-on .uxt-theme svg{width:20px;height:20px}
.ux-on .stickbar{transition:transform .22s ease, box-shadow .22s ease;will-change:transform}
.ux-on .stickbar.uxt-hide{transform:translateY(calc(-100% - 12px));box-shadow:none}
.ux-on .stickbar select.sbBook,.ux-on .stickbar select.sbCh,.ux-on .stickbar select.sbV{display:none!important}
.ux-on .uxt-pick{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:0;flex:0 1 auto;
  border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:0 12px;
  font:700 16px var(--ui);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ux-on .uxt-pick:hover{border-color:var(--accent)}
.ux-on .uxt-pick .chev{font-size:12px;color:var(--muted)}
.ux-on .uxt-aa{display:none;align-items:center;gap:6px;min-height:44px;flex-shrink:0;border:1px solid var(--gold);
  background:var(--paper);color:var(--gold);border-radius:10px;padding:0 12px;font:700 15px var(--ui);cursor:pointer}
.ux-on .uxt-aa small{font:600 12px var(--ui);color:var(--muted)}
.ux-on .stickbar .nav button,.ux-on .stickbar .nav a.xnav{min-height:44px;min-width:44px;justify-content:center}
@media (max-width:880px){
.ux-on .stickbar{flex-wrap:nowrap;gap:6px;padding:6px 8px;border-radius:12px;top:6px}
.ux-on .stickbar .nav{gap:4px;flex:0 0 auto!important;width:auto!important;justify-content:flex-start!important;order:0;margin:0!important}
.ux-on .stickbar .menu-btn{width:44px;height:44px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0}
.ux-on .uxt-pick{flex:1 1 0!important;min-width:84px}
.ux-on .uxt-aa{padding:0 10px}
.ux-on .uxt-aa small{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux-on .stickbar .nav .lb{display:none!important}
.ux-on .stickbar .nav button,.ux-on .stickbar .nav a.xnav{padding:0;width:44px;font-size:18px}
.ux-on .uxt-pick{flex:1 1 auto;padding:0 10px}
.ux-on .uxt-aa{display:inline-flex}
.ux-on .stickbar .uxt-theme{display:none}
.ux-on .crumbs{margin-bottom:8px}

}
.ux-on .uxt-scrim{position:fixed;inset:0;background:rgba(8,20,32,.45);z-index:80;opacity:0;pointer-events:none;transition:opacity .2s}
.ux-on .uxt-scrim.on{opacity:1;pointer-events:auto}
.ux-on .uxt-sheet{position:fixed;inset-inline:0;bottom:0;z-index:90;max-height:82vh;overflow:auto;background:var(--paper);
  border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.25);padding:8px 16px calc(18px + env(safe-area-inset-bottom));
  transform:translateY(105%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.ux-on .uxt-sheet.on{transform:none}
.ux-on .uxt-sheet .grab{width:44px;height:5px;border-radius:9px;background:var(--line);margin:4px auto 10px}
.ux-on .uxt-sheet .shd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ux-on .uxt-sheet .shd h3{margin:0;font:700 19px var(--ui);color:var(--heading)}
.ux-on .uxt-x{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:20px;cursor:pointer}
.ux-on .uxt-sec{border-top:1px solid var(--line);padding:12px 0}
.ux-on .uxt-sec:first-of-type{border-top:0}
.ux-on .uxt-sec>h4{margin:0 0 8px;font:600 13px var(--ui);color:var(--muted)}
.ux-on .uxt-sheet .trbar,.ux-on .uxt-sheet .chlink{margin:0;display:flex!important;flex-wrap:wrap;gap:8px}
.ux-on .uxt-sheet .trb{min-height:44px;padding:0 16px;font-size:15px}
.ux-on .uxt-sheet .trgrp.seg{display:flex}
.ux-on .uxt-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:12px;font:600 15px var(--ui)}
.ux-on .uxt-sw{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);font:600 14px var(--ui);cursor:pointer}
.ux-on .uxt-tabs{display:flex;gap:6px;margin-bottom:12px}
.ux-on .uxt-tabs button{flex:1;min-height:44px;border:1px solid var(--line);background:var(--bg);border-radius:10px;font:600 15px var(--ui);color:var(--ink);cursor:pointer}
.ux-on .uxt-tabs button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.ux-on .uxt-find{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:500 16px var(--ui);background:var(--bg);color:var(--ink);margin-bottom:12px}
.ux-on .uxt-grp{font:700 13px var(--ui);color:var(--gold);margin:12px 0 6px}
.ux-on .uxt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.ux-on .uxt-grid.num{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}
.ux-on .uxt-grid button{min-height:44px;border:1px solid var(--line);background:var(--paper);border-radius:10px;font:600 15px var(--ui);color:var(--ink);cursor:pointer;padding:4px 6px}
.ux-on .uxt-grid button:hover{border-color:var(--accent)}
.ux-on .uxt-grid button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
@media (min-width:881px){
.ux-on .uxt-sheet{inset-inline:auto;left:50%;bottom:auto;top:50%;width:min(640px,92vw);max-height:80vh;border-radius:20px;
    transform:translate(-50%,-46%);opacity:0;pointer-events:none;transition:opacity .18s, transform .18s}
.ux-on .uxt-sheet.on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}
.ux-on .uxt-sheet .grab{display:none}

}
.ux-on .olbox:not([open]){padding-block:4px}
.ux-on .olbox summary{min-height:44px;display:flex;align-items:center;gap:6px;cursor:pointer}
.ux-on .olbox summary .uxt-olhint{font:500 13px var(--ui);color:var(--muted);margin-inline-start:auto}
@media (max-width:880px){
.ux-on #main>.chlink,.ux-on #main>.trbar,.ux-on #main>.trgrp.seg,.ux-on #main>.ilopts{display:none!important}
.ux-on #main>.chlink.uxt-keep{display:block!important}
.ux-on .olr .ore{display:none}
.ux-on .olr{flex-wrap:nowrap}
.ux-on .chhero.uxt-moved{margin-top:18px}

}
.ux-on #dict:has(> .empty:not(.loading):not(.loadfail)){display:none}
.ux-on #dict .loadfail{display:flex;flex-direction:column;align-items:flex-start;gap:12px;line-height:1.7}
.ux-on #dict .loadfail .trb{min-height:44px;padding:0 18px;font-size:15px}
.ux-on .uxt-dclose{display:none}
@media (max-width:880px){
.ux-on #dict.uxt-dsheet{position:fixed;inset-inline:0;bottom:0;z-index:90;margin:0;max-height:72vh;overflow:auto;
    border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.28);animation:uxtUp .24s cubic-bezier(.2,.8,.2,1)}
.ux-on #dict.uxt-dsheet .uxt-dclose{display:inline-flex;align-items:center;justify-content:center;position:sticky;top:8px;
    float:left;margin:8px 8px 0 0;z-index:2;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--paper);font-size:20px;color:var(--ink)}

}
@keyframes uxtUp{from{transform:translateY(100%)}to{transform:none}}
.ux-on .r.uxt-tap{cursor:pointer}
.ux-on .r .lbl .self{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;margin-top:6px;font:600 13px var(--ui);border-radius:8px}
.ux-on a.olall{display:inline-flex;align-items:center;gap:4px;min-height:44px}
.ux-on .ctx{min-height:44px}
.ux-on .tpbox summary{min-height:44px;display:flex;align-items:center}
.ux-on .tpc{min-height:32px;display:inline-flex;align-items:center}
.ux-on .uxt-off{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;padding:12px 16px;border-radius:14px;
  background:var(--accent-soft);color:var(--accent);font:600 14px/1.6 var(--ui);border:1px solid var(--line)}
.ux-on .uxt-off button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--accent);background:var(--paper);color:var(--accent);font:600 14px var(--ui);cursor:pointer}
.ux-on .uxt-hasoff .txna{display:none}
.ux-on .uxt-hasoff .r .txt:has(.txna){display:none}
.ux-on .uxt-hasoff .r{padding-block:8px}
.ux-on .pill,.ux-on .cvm,.ux-on .ore,.ux-on .orn,.ux-on .olall,.ux-on .trb,.ux-on .r .lbl .en,.ux-on .r .lbl .nmr small,.ux-on .crumbs .ref small,.ux-on .count,.ux-on .dict .dhead .hist button{font-size:13px!important}
.ux-on .r .txt .vn{font-size:13px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media (min-width:881px){
.ux-on #main>figure.chhero{max-height:240px;overflow:hidden}
.ux-on #main>figure.chhero img{height:240px;width:100%;object-fit:cover;object-position:center 40%}

}
.ux-on .ilv .ilvn{min-width:44px;height:44px;font-size:15px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.ux-on .uxt-ilgo{display:inline-flex;align-items:center;min-height:40px;margin-top:10px;padding:0 14px;border-radius:999px;
  border:1px solid var(--gold);background:transparent;color:var(--gold);font:600 14px var(--ui);cursor:pointer}
.ux-on .uxt-ilgo:hover{background:var(--gold);color:var(--on-gold)}
.ux-on .uxt-sheet .ilopts{display:flex;flex-direction:column;gap:10px;width:100%}
.ux-on .uxt-sheet .chlink>*{max-width:100%}
.ux-on .cv .cvm{display:inline-flex!important;align-items:center;gap:4px;justify-self:start;align-self:end;
  margin-top:8px;padding:4px 12px;min-height:32px;border-radius:999px;border:1px solid var(--gold);
  color:var(--gold);font:600 13px var(--ui)!important;white-space:nowrap}
.ux-on .cv .cvm::after{content:"←";font-size:14px}
.ux-on .cv:hover .cvm{background:var(--gold);color:var(--on-gold)}
@media (max-width:880px){
.ux-on .cv .cvm{grid-column:2}
}

/* ==== UX LAYER END ==== */

/* ==== COPY LIST (زرار النسخ جنب الآية → copy.html) ==== */
.cpy{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:28px;height:28px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;vertical-align:middle;transition:color .15s,border-color .15s,background .15s}
.cpy .tic{width:16px;height:16px}
.cpy:hover,.cpy:focus-visible{color:var(--gold);border-color:var(--gold);outline:none}
.cpy.on{color:var(--on-gold);background:var(--gold);border-color:var(--gold)}
.cpy.big{width:auto;height:auto;padding:3px 12px;border-radius:999px;font:500 13px var(--ui);border-color:var(--gold);color:var(--gold)}
.cpy.big.on{color:var(--on-gold)}
/* عرض الأصحاح: الصف (.cv) يفتح العدد، وتحته سطر فيه زرارين منفصلين بنفس الشكل: «N شاهدًا ←» و«نسخ» */
.cvw{position:relative;border-bottom:1px solid var(--line)}
.cvw:last-child{border-bottom:0}
.cvw>.cv{border-bottom:0;padding-bottom:62px}
.cvf{position:absolute;bottom:14px;inset-inline-end:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cvf .cvm,.cvf .cpy.pl{display:inline-flex!important;align-items:center;gap:5px;width:auto;height:auto;min-height:34px;margin:0;padding:4px 14px;border-radius:999px;border:1px solid var(--gold);background:var(--paper);color:var(--gold);font:600 13px var(--ui)!important;white-space:nowrap;cursor:pointer}
.cvf .cvm::after{content:"←";font-size:14px}
.cvf .cpy.pl .tic{width:16px;height:16px}
.cvf .cvm:hover,.cvf .cvm:focus-visible,.cvw:has(>.cv:hover) .cvf .cvm{background:var(--gold);color:var(--on-gold);outline:none}
.cvf .cpy.pl:hover,.cvf .cpy.pl:focus-visible{background:var(--gold-soft);outline:none}
.cvf .cpy.pl.on{background:var(--gold);color:var(--on-gold)}
@media (max-width:880px){.cvw>.cv{padding-bottom:58px}.cvf{bottom:12px;inset-inline-end:14px}.cvf .cvm,.cvf .cpy.pl{min-height:38px}}
@media print{.cvw{border-bottom:0}.cvf{display:none}.cvw>.cv{padding-bottom:14px}}
.r .lbl .cpy{display:inline-flex;margin-top:4px;margin-inline-start:6px}
.cpy-count{display:inline-block;min-width:20px;padding:0 6px;margin-inline-start:4px;border-radius:999px;background:var(--gold);color:var(--on-gold);font:600 12px/20px var(--ui);text-align:center}
.cpy-count[hidden]{display:none}
.cpy-top{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 10px;border:1px solid var(--gold);border-radius:10px;background:var(--gold-soft);color:var(--gold);text-decoration:none;flex-shrink:0;font:700 14px var(--ui);transition:background .15s,color .15s}
.cpy-top[hidden]{display:none!important}
.cpy-top .tic{width:20px;height:20px}
.cpy-top:hover,.cpy-top:focus-visible{background:var(--gold);color:var(--on-gold);outline:none}
.cpy-top .cpy-count{background:none;color:inherit;padding:0;margin:0;min-width:0;font:700 14px/1 var(--ui)}
.cpy-top.bump{animation:cpyBump .45s ease}
@keyframes cpyBump{0%{transform:scale(1)}35%{transform:scale(1.18)}70%{transform:scale(.96)}100%{transform:scale(1)}}
.cpy-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;background:var(--accent);color:var(--on-accent,#fff);padding:8px 8px 8px 16px;padding-inline-start:18px;border-radius:16px;font:500 15px var(--ui);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility 0s .25s;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.cpy-toast.on{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition:opacity .25s,transform .25s}
.cpy-toast.bad{background:var(--bad,#8a2b2b)}
.cpy-toast .ct-msg{display:inline-flex;align-items:center;gap:6px}
.cpy-toast .ct-msg .tic{width:18px;height:18px}
.cpy-toast .ct-tr{opacity:.8}
.cpy-toast .ct-btn{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.45);background:transparent;color:inherit;font:600 14px var(--ui);text-decoration:none;cursor:pointer}
.cpy-toast .ct-btn:hover,.cpy-toast .ct-btn:focus-visible{background:rgba(255,255,255,.14);outline:none}
.cpy-toast .ct-main{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.cpy-toast .ct-main:hover,.cpy-toast .ct-main:focus-visible{background:var(--gold);filter:brightness(1.08)}
.cpy-toast .ct-x{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:inherit;opacity:.75;cursor:pointer}
.cpy-toast .ct-x:hover{opacity:1;background:rgba(255,255,255,.12)}
@media(max-width:600px){.cpy-toast{bottom:14px;left:16px;right:16px;transform:translateY(20px);width:auto;max-width:none}.cpy-toast.on{transform:translateY(0)}.cpy-toast .ct-msg{flex:1 1 100%}}
/* الموبايل: الشريط ضيق — الزرار أيقونة + شارة، واسم الترجمة جنب Aa يختفي طول ما زرار النسخ ظاهر */
.ux-on .stickbar:has(.cpy-top:not([hidden])) .uxt-aa small{display:none}
@media(max-width:380px){.ux-on .stickbar:has(.cpy-top:not([hidden])){gap:4px;padding-inline:6px}.ux-on .stickbar:has(.cpy-top:not([hidden])) .uxt-pick{min-width:72px}}
@media(prefers-reduced-motion:reduce){.cpy-top.bump{animation:none}.cpy-toast,.cpy-toast.on{transition:none}}
@media print{.cpy,.cpy-top,.cpy-toast{display:none!important}}

/* ==== DICT COPY (زرار «نسخ» في رأس مداخل القواميس → dictcopy.html) ==== */
.dent .hd .dcp{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:4px 14px;border-radius:999px;border:1px solid var(--gold);background:var(--paper);color:var(--gold);font:600 13px var(--ui);white-space:nowrap;cursor:pointer;direction:rtl;align-self:center}
.dent .hd .dcp .tic{width:16px;height:16px}
.dent .hd .dcp:hover,.dent .hd .dcp:focus-visible{background:var(--gold-soft);outline:none}
.dent .hd .dcp.on{background:var(--gold);color:var(--on-gold)}
@media(max-width:880px){.dent .hd .dcp{min-height:40px}}
@media print{.dent .hd .dcp{display:none!important}}

/* ==== أزرار صفحتي النسخ في الشريط العلوي: «آيات» (ذهبي، أيقونة كتاب) و«قاموس» (كحلي، أيقونة لغات) ==== */
.cpy-tops{display:inline-flex;align-items:center;gap:6px;position:relative;flex-shrink:0}
.cpy-tops[data-n="0"]{display:none}
.cpy-top .ct-l{font:600 13px var(--ui)}
.cpy-top.dc{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.cpy-top.dc:hover,.cpy-top.dc:focus-visible{background:var(--accent);color:var(--on-accent,#fff);outline:none}
.cpy-top .dict-count{font:700 14px/1 var(--ui)}
.cpy-top .dict-count[hidden]{display:none}
.sitebar .cpy-tops.sb{margin-inline-end:8px}
.cpy-more{display:none}
.cpy-more.bump{animation:cpyBump .45s ease}
.cpy-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:30;min-width:240px;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.cpy-menu[hidden]{display:none}
.cpy-menu a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:8px;color:var(--ink);text-decoration:none;font:600 14px var(--ui)}
.cpy-menu a:hover,.cpy-menu a:focus-visible{background:var(--bg);outline:none}
.cpy-menu a .tic{width:20px;height:20px}
.cpy-menu a.vs .tic{color:var(--gold)}
.cpy-menu a.dc .tic{color:var(--accent)}
.cpy-menu b,.cpy-menu b[hidden]{display:inline-block;margin-inline-start:auto;min-width:22px;padding:0 6px;border-radius:999px;font:700 12px/22px var(--ui);text-align:center;background:var(--gold);color:var(--on-gold)}
.cpy-menu a.dc b{background:var(--accent);color:var(--on-accent,#fff)}
@media(max-width:640px){
  .cpy-top .ct-l{display:none}
  .cpy-top{width:44px;padding:0}
  .cpy-top .cpy-count,.cpy-top .dict-count{position:absolute;top:-7px;inset-inline-end:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font:700 12px/20px var(--ui);text-align:center;box-shadow:0 0 0 2px var(--paper)}
  .cpy-top .cpy-count{background:var(--gold);color:var(--on-gold)}
  .cpy-top .dict-count{background:var(--accent);color:var(--on-accent,#fff)}
  .cpy-tops[data-n="2"] .cpy-top{display:none!important}
  .cpy-tops[data-n="2"] .cpy-more{display:inline-flex;position:relative;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--accent);border-radius:10px;background:linear-gradient(135deg,var(--gold-soft) 50%,var(--accent-soft) 50%);color:var(--ink);cursor:pointer}
  .cpy-more .tic{width:20px;height:20px}
  .cpy-more .cpy-sum{position:absolute;top:-7px;inset-inline-end:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--on-accent,#fff);font:700 12px/20px var(--ui);text-align:center;box-shadow:0 0 0 2px var(--paper)}
}
@media print{.cpy-tops{display:none!important}}
@media(prefers-reduced-motion:reduce){.cpy-more.bump{animation:none}}

/* chstrong:start — أرقام سترونج في عرض الأصحاح + نافذة القاموس الصغيرة (assets/chstrong.js) */
.cv.cvs{cursor:default}
.cv.cvs:hover{background:transparent}
.cvs button.cvn{border:0;background:none;padding:0;margin:0;font:700 15px var(--ui);color:var(--gold);cursor:pointer;text-align:start;align-self:baseline}
.cvs button.cvn:hover{text-decoration:underline}
.cvlist.cstr .cvt .sw{cursor:pointer;border-radius:6px;padding:1px 1px;transition:background .15s}
.cvlist.cstr .cvt .sw:hover,.cvlist.cstr .cvt .sw.on{background:var(--gold-soft)}
.cvlist.cstr .cvt .sw.on{box-shadow:0 0 0 1px var(--gold)}
.cvlist.cstr .cvt .sw sup{font:600 11px var(--ui);color:var(--gold);margin-inline-start:2px;direction:ltr;unicode-bidi:isolate;vertical-align:super;line-height:0}
.cvlist.cstr .cvt .sw sup .sn{border-bottom:0}
.chs-scrim{position:fixed;inset:0;background:rgba(8,20,32,.4);z-index:95;opacity:0;pointer-events:none;transition:opacity .2s}
.chs-scrim.on{opacity:1;pointer-events:auto}
.chs{position:absolute;z-index:96;display:none;width:min(380px,calc(100vw - 16px));max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 36px rgba(8,20,32,.18);padding:14px 18px 14px;font:15px/1.85 var(--ui);text-align:start}
.chs.on{display:block}
.chs:focus{outline:none}
.chs-grab{display:none}
.chs-hd{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.chs-w{font:700 21px/1.4 var(--ui);color:var(--heading)}
.chs-ref{color:var(--muted);font-size:13px}
.chs-x{margin-inline-start:auto;flex:0 0 auto;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
.chs-x:hover{background:var(--accent-soft);color:var(--ink)}
.chs-e+.chs-e{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.chs-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.chs-num{font:700 13px var(--ui);direction:ltr;color:var(--on-gold,#fff);background:var(--gold);border-radius:8px;padding:1px 8px}
.chs-orig{font-size:23px;line-height:1.5;color:var(--ink)}
.chs-orig.he{font-family:"Noto Serif Hebrew","SBL Hebrew","Ezra SIL",serif}
.chs-orig.gr{font-family:"Noto Serif","Gentium Plus",serif;font-size:20px}
.chs-tr{color:var(--muted);font-size:13px;unicode-bidi:isolate}
.chs-ar{margin:8px 0 2px}
.chs-na{color:var(--muted);font-size:14px;margin:6px 0}
.chs-load{color:var(--muted);font-size:14px;padding:8px 0}
.chs-en{margin-top:4px}
.chs-en summary{cursor:pointer;color:var(--muted);font-size:13px}
.chs-en p{text-align:left;font-size:14px;line-height:1.7;margin:6px 0 0}
.chs-ft{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.chs-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:12px;background:var(--accent);color:var(--on-accent,#fff);text-decoration:none;font-weight:700;font-size:15px}
.chs-more:hover{filter:brightness(1.08)}
.chs-hint{color:var(--muted);font-size:12.5px}
@media (max-width:880px){
  .cvlist.cstr .cvt .sw{padding:2px 1px}
  .cvlist.cstr .cvt .sw sup{font-size:10px}
  .cvs button.cvn{font-size:14px;min-height:32px}
  .chs.sheet{position:fixed;inset:auto 0 0 0;width:auto;max-height:68vh;border-radius:20px 20px 0 0;border-bottom:0;padding:6px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(8,20,32,.2);animation:chsUp .22s ease-out;transition:transform .12s}
  .chs.sheet .chs-grab{display:block;width:44px;height:5px;border-radius:9px;background:var(--line);margin:4px auto 8px}
  .chs.sheet .chs-hd{position:sticky;top:-6px;background:var(--paper);padding-top:2px;z-index:1}
  .chs.sheet .chs-ft{flex-direction:column;align-items:stretch;text-align:center}
  .chs.sheet .chs-more{min-height:48px;font-size:16px}
  .chs.sheet .chs-x{width:44px;height:44px}
}
@keyframes chsUp{from{transform:translateY(40%);opacity:.4}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.chs.sheet{animation:none}}
@media print{.chs,.chs-scrim{display:none!important}.cvlist.cstr .cvt .sw sup{display:none}}
/* chstrong:end */

/* «أبلغ عن خطأ» */
.verse-meta .rep,.dent .rep{display:inline-flex;align-items:center;gap:5px;font:600 12px var(--ui);color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:3px 11px;white-space:nowrap}
.verse-meta .rep:hover,.dent .rep:hover{color:var(--red,#A33A2A);border-color:var(--red,#A33A2A)}
.verse-meta .rep .tic,.dent .rep .tic{width:14px;height:14px}
@media print{.rep{display:none!important}}

/* present:start — العرض بملء الشاشة (assets/present.js) */
.cvf .cvp{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:0;border-radius:999px;border:1px solid var(--gold);background:var(--paper);color:var(--gold);cursor:pointer}
.cvf .cvp .tic{width:17px;height:17px}
.cvf .cvp:hover{background:var(--gold);color:var(--on-gold,#fff)}
.cv.pres-last{background:var(--gold-soft)!important;transition:background .6s}
html.pres-on{overflow:hidden}
.pres{position:fixed;inset:0;z-index:300;display:none;flex-direction:column;background:#000;color:#f4efe6;--pm:rgba(244,239,230,.55);user-select:none;-webkit-user-select:none;touch-action:pan-y;outline:none;cursor:none}
.pres.ui{cursor:default}
.pres[data-theme="light"]{background:#fff;color:#111;--pm:rgba(17,17,17,.5)}
.pres.on{display:flex}
.pres-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:max(6vh,76px) 7vw 2vh;min-height:0;overflow:hidden}
.pres-txt{max-width:min(1500px,100%);text-align:center;line-height:1.75;font-family:var(--script,var(--ui));font-weight:500;overflow-wrap:break-word;transition:opacity .15s}
.pres-txt[dir="ltr"]{font-family:Georgia,"Noto Serif",serif;line-height:1.5}
.pres-txt.wait{font-size:22px!important;color:var(--pm)}
.pres-ref{flex:0 0 auto;text-align:center;padding:0 16px calc(3.5vh + env(safe-area-inset-bottom));font:500 clamp(14px,2.1vh,24px)/1.6 var(--ui);color:var(--pm)}
.pres-ref b{font-weight:700;color:inherit}
.pres-trn{margin-inline-start:10px;opacity:.8}
.pres-trn::before{content:"· ";}
.pres-bar{position:absolute;top:0;inset-inline:0;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;justify-content:flex-start;opacity:0;pointer-events:none;transition:opacity .25s;z-index:2}
.pres.ui .pres-bar{opacity:1;pointer-events:auto}
.pres-trs{display:flex;gap:6px;flex-wrap:wrap}
.pres-b{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;border:1px solid rgba(128,128,128,.45);background:rgba(128,128,128,.14);color:inherit;font:600 14px var(--ui);cursor:pointer}
.pres-b[hidden]{display:none!important}
.pres-b.on{background:#C9A24A;border-color:#C9A24A;color:#111}
.pres-b:hover{background:rgba(128,128,128,.3)}
.pres-x{margin-inline-start:auto;font-size:17px}
.pres-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(128,128,128,.16);color:inherit;font:300 34px/1 var(--ui);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s;z-index:2}
.pres.ui .pres-nav{opacity:.8;pointer-events:auto}
.pres-prev{right:14px}
.pres-next{left:14px}
.pres.first .pres-prev,.pres.last .pres-next{visibility:hidden}
.pres-hint{position:absolute;top:calc(64px + env(safe-area-inset-top));inset-inline:0;text-align:center;font:13px var(--ui);color:var(--pm);opacity:0;transition:opacity .4s;pointer-events:none}
.pres-hint.on{opacity:1}
.pres.blank .pres-stage,.pres.blank .pres-ref{visibility:hidden}
.pres.edge .pres-txt{animation:presEdge .35s}
@keyframes presEdge{0%,100%{transform:none}30%{transform:translateX(-10px)}70%{transform:translateX(10px)}}
@media (hover:none){.pres-hint{display:none}.pres{cursor:default}}
@media (max-width:880px){.pres-stage{padding:max(10vh,112px) 5vw 2vh}.pres-nav{display:none}.pres-bar{flex-wrap:wrap;justify-content:center;gap:6px;padding-inline:10px}.pres-x{margin-inline-start:0}.pres-trs{flex:0 0 auto;flex-wrap:nowrap;gap:5px}.pres-b{flex:0 0 auto;height:36px;min-width:36px;font-size:12.5px;padding:0 9px}}
@media print{.pres,.cvf .cvp{display:none!important}}
.pres.str .pres-txt .sw{cursor:pointer;border-radius:.15em;transition:background .15s}
.pres.str .pres-txt .sw:hover{background:rgba(201,162,74,.22)}
.pres.str .pres-txt .sw sup{font:600 .3em var(--ui);color:#C9A24A;margin-inline-start:.15em;direction:ltr;unicode-bidi:isolate;vertical-align:super;line-height:0}
.pres.str .pres-txt .sw sup .sn{border-bottom:0;cursor:pointer}
.pres[data-theme="light"].str .pres-txt .sw sup{color:#7A5A1C}
.pres-b[data-pa="str"].on{background:#C9A24A;border-color:#C9A24A;color:#111}
.pres.dict .pres-stage,.pres.dict .pres-ref,.pres.dict .pres-nav{visibility:hidden}
.pres-dict[hidden]{display:none}
.pres-dict{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:max(8vh,80px) 6vw 5vh;overflow:auto;z-index:1}
.pres-dict-in{width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;gap:2.2vh;font:400 clamp(18px,2.8vh,34px)/1.7 var(--ui)}
.pres-dict-hd{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.pres-dict-hd b{font-size:2em;line-height:1.3;color:#C9A24A}
.pres[data-theme="light"] .pres-dict-hd b{color:#7A5A1C}
.pres-dict-hd span{color:var(--pm)}
.pres-dict-body{overflow:auto;min-height:0}
.pres-de+.pres-de{border-top:1px solid rgba(128,128,128,.35);margin-top:2vh;padding-top:2vh}
.pres-dtop{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pres-dnum{font:700 .8em var(--ui);direction:ltr;background:#C9A24A;color:#111;border-radius:10px;padding:2px 12px}
.pres-dorig{font-size:2.2em;line-height:1.3}
.pres-dorig.he{font-family:"Noto Serif Hebrew","SBL Hebrew","Ezra SIL",serif}
.pres-dorig.gr{font-family:"Noto Serif","Gentium Plus",serif;font-size:1.9em}
.pres-dtr{color:var(--pm);font-size:.85em;text-align:start;unicode-bidi:isolate}
.pres-dar{margin:.6em 0 0}
.pres-den{margin:.6em 0 0;font:.75em/1.6 Georgia,"Noto Serif",serif;color:var(--pm);text-align:left}
.pres-dict-wait{color:var(--pm)}
.pres-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;border:0;background:#C9A24A;color:#111;font:700 clamp(16px,2.2vh,22px) var(--ui);cursor:pointer}
@media (max-width:880px){.pres-dict{padding:76px 18px 24px;align-items:flex-start}.pres-dict-in{font-size:18px}.pres-back{align-self:stretch;justify-content:center}}
.pres-vn{font:700 .42em var(--ui);color:#C9A24A;vertical-align:super;line-height:0;margin-inline-end:.1em;direction:ltr;unicode-bidi:isolate}
.pres[data-theme="light"] .pres-vn{color:#7A5A1C}
.pres-ns{display:inline-flex;gap:0;border-radius:999px;overflow:hidden;border:1px solid rgba(128,128,128,.45)}
.pres-ns .pres-b{border:0;border-radius:0;min-width:38px;padding:0 10px}
.pres-ns .pres-b+.pres-b{border-inline-start:1px solid rgba(128,128,128,.35)}
.scr-ns{display:inline-flex;gap:4px}
@media (max-width:880px){.pres-ns{flex:0 0 auto}.pres-ns .pres-b{min-width:32px;padding:0 8px}}
.pres-jump{position:absolute;top:calc(64px + env(safe-area-inset-top));inset-inline-start:16px;z-index:3;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:14px;background:#1b1b1b;border:1px solid rgba(128,128,128,.45);box-shadow:0 8px 24px rgba(0,0,0,.4);font:600 15px var(--ui)}
.pres[data-theme="light"] .pres-jump{background:#f3f3f3}
.pres-jump[hidden]{display:none}
.pres-jump input{width:7.5em;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(128,128,128,.5);background:rgba(0,0,0,.25);color:inherit;font:700 18px var(--ui);text-align:center}
.pres[data-theme="light"] .pres-jump input{background:#fff}
.pres-jump.typed input{pointer-events:none}
.pres-jmsg{color:var(--pm);font-size:13px;width:100%}
.pres-jmsg:empty{display:none}
.scr-jump{color:#E6C877}
@media (max-width:880px){.pres-jump{top:calc(136px + env(safe-area-inset-top));inset-inline:12px;justify-content:center}}
.pres.tri .pres-txt{text-align:start;line-height:1.5;width:100%}
.pres-tri{display:flex;flex-direction:column;gap:.55em}
.pres-tri .pt{padding-inline-start:.2em}
.pres-tri .pt[dir="ltr"]{font-family:Georgia,"Noto Serif",serif;text-align:left}
.pres-tri .pt+.pt{border-top:1px solid rgba(128,128,128,.3);padding-top:.5em}
.pt-l{display:block;font:700 .38em var(--ui);color:#C9A24A;margin-bottom:.15em;letter-spacing:.02em}
.pres[data-theme="light"] .pt-l{color:#7A5A1C}
.ilv .cvp{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:999px;border:1px solid var(--gold);background:var(--paper);color:var(--gold);cursor:pointer}
.ilv .cvp .tic{width:17px;height:17px}
.ilv .cvp:hover{background:var(--gold);color:var(--on-gold,#fff)}
.scr-on .ilv.scr-cur{box-shadow:inset -4px 0 0 #C9A24A;background:var(--gold-soft)}
.pres.il .pres-txt{width:100%;line-height:1.3}
.pres-il{display:flex;flex-direction:column;align-items:stretch;gap:.5em}
.pil-ar{font-size:.62em;line-height:1.7;text-align:center;opacity:.92}
.pres-il .pil-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.28em}
.pres-il .ilc{min-width:3.2em;padding:.25em .45em;gap:.06em;border:1px solid rgba(128,128,128,.45);border-radius:.35em;cursor:pointer;background:rgba(128,128,128,.06)}
.pres-il .ilc:hover{background:rgba(201,162,74,.18)}
.pres-il .ilc-x{border:0!important;background:none;min-width:0!important;cursor:default}
.pres-il .iln{font:700 .4em var(--ui);color:#C9A24A;pointer-events:none}
.pres-il .ilo{font-size:1em;line-height:1.25;color:inherit}
.pres-il .ilt{font-size:.42em;opacity:.7}
.pres-il .ilk{font-size:.5em;line-height:1.3}
.pres-il .ila{font-size:.62em;line-height:1.35;color:#E6C877}
.pres[data-theme="light"] .pres-il .ila{color:#7A5A1C}
.pres-il .ilp{font-size:.36em;color:var(--pm);max-width:none}
.pres-il .fnm{display:none}
/* شعار «جدد وعتقاء» صغير تحت على الشمال في كل أشكال العرض (بملء الشاشة، القوائم، الشاشة الخارجية) */
.pres-logo{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));z-index:2;pointer-events:none;opacity:.75;line-height:0}
.pres-logo img{height:clamp(20px,3.6vh,44px);width:auto}
.pres-logo .pl-l,.pres[data-theme="light"] .pres-logo .pl-d{display:none}
.pres[data-theme="light"] .pres-logo .pl-l{display:block}
.pres.blank .pres-logo{visibility:hidden}
@media (max-width:880px){.pres-logo{left:12px;bottom:calc(10px + env(safe-area-inset-bottom))}.pres-logo img{height:18px}}
@media print{.pres-logo{display:none}}
/* present:end */

/* screen:start — العرض على شاشة خارجية (assets/screenctl.js + screen.html) */
.scr-on .cvw.scr-cur{box-shadow:inset -4px 0 0 #C9A24A;background:var(--gold-soft)}
.scr-on .cvw.scr-cur .cvp{background:#C9A24A;color:#111;border-color:#C9A24A}
.trb[data-scr][hidden]{display:none!important}
.trb[data-scr].on{background:#C9A24A;border-color:#C9A24A;color:#111}
.scr-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:250;display:none;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 10px 8px 14px;border-radius:999px;background:#0F1B26;color:#f4efe6;box-shadow:0 10px 30px rgba(0,0,0,.35);font:500 14px var(--ui)}
.scr-bar.on{display:flex}
.scr-st{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.scr-st b{color:#E6C877}
.scr-st.warn{color:#f3b8a8}
.scr-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e5484d;margin-inline-end:8px;animation:scrDot 1.6s infinite}
@keyframes scrDot{50%{opacity:.35}}
.scr-gap{flex:1}
.scr-b{flex:0 0 auto;min-width:38px;height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:inherit;font:600 14px var(--ui);cursor:pointer}
.scr-b:hover{background:rgba(255,255,255,.18)}
.scr-b.on,.scr-b.strong{background:#C9A24A;border-color:#C9A24A;color:#111}
.pres.scr{cursor:none}
.pres.scr.ui{cursor:default}
.pres.scr .pres-txt.wait{font:600 clamp(28px,7vh,90px)/1.5 var(--ui)!important;color:var(--pm)}
.scr-fs{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:3;padding:10px 20px;border-radius:999px;border:1px solid rgba(128,128,128,.5);background:rgba(128,128,128,.18);color:inherit;font:600 15px var(--ui);cursor:pointer}
.scr-fs[hidden]{display:none}
.scr-orphan{position:absolute;inset:auto 0 40% 0;text-align:center;font:500 20px var(--ui);color:var(--pm);padding:0 20px}
@media print{.scr-bar{display:none!important}}
/* وقت العرض على شاشة خارجية: تحت كل آية يفضل زرار واحد واضح «اعرض على الشاشة» (أزرار «أضف» وعدد الشواهد بتختفي) */
.cvp-l,.cvp-n{display:none}
.scr-on .cvf .cvm,.scr-on .cvf .cpy,.scr-on .cvf .cpyg,.scr-on .cvf .cpy-dd{display:none!important}
.scr-on .cvf .cvp,.scr-on .ilv .cvp{width:auto;height:auto;min-height:40px;padding:0 16px;gap:8px;border-radius:999px;background:#C9A24A;border-color:#C9A24A;color:#111;font:700 15px var(--ui);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.scr-on .cvf .cvp:hover,.scr-on .ilv .cvp:hover{filter:brightness(1.07)}
.scr-on .cvp .cvp-l{display:inline}
.scr-on .scr-cur .cvp{background:#1f7a4d!important;border-color:#1f7a4d!important;color:#fff!important}
.scr-on .scr-cur .cvp .cvp-l{display:none}
.scr-on .scr-cur .cvp .cvp-n{display:inline}
@media (max-width:880px){.scr-on .cvf .cvp,.scr-on .ilv .cvp{min-height:38px;font-size:14px;padding:0 12px}}
/* screen:end */
/* تحميل شواهد الأصحاح (assets/lib/<سفر>/<أصحاح>.js): الرسالة تظهر بس لو التحميل اتأخر */
.chload{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:var(--accent-soft);color:var(--muted);border:1px solid var(--line);font-size:14px;animation:chl-in .2s .5s both}
.chload.fail{animation:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
@keyframes chl-in{from{opacity:0}to{opacity:1}}

/* ===== التصميم «أ»: شريط صفحة الأصحاح المختصر، أوضاع قراءة/دراسة/خدمة، لوحة الشواهد، ⚙ و⋯، التلميحات، القائمة الجانبية ===== */
.ux-a .stickbar.ubar{gap:6px;flex-wrap:nowrap}
.ux-a .ubar .sp{display:none!important}
@media (min-width:881px){.ux-a .ubar .sp{display:block!important;flex:1}.ux-a .ubar .uxt-pick{max-width:260px}}
.ux-a .ubar .uxt-pick{flex:1 1 auto!important;min-width:0;justify-content:space-between;padding:0 8px!important}
.ux-a .ubar .uxt-pick span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.ux-a .ubar select.utr{display:inline-block!important;flex:0 1 auto;min-height:44px;width:auto;max-width:88px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:0 4px;font:600 14px var(--ui)}
.ux-a .ubar .ubtn{flex:none;width:44px;height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.ux-a .ubar .ubtn:hover,.ux-a .ubar .ubtn[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
.ux-a .ubar .ubtn .tic,.ux-a .ubar .ubtn>svg{width:22px;height:22px}
.ux-a .ubar .cpy-tops{flex:none}
@media (max-width:480px){.ux-a .ubar .uxt-pick .chev{display:none}.ux-a .ubar .uxt-pick{padding:0 6px!important;font-size:15px}.ux-a .ubar select.utr{max-width:80px}}

/* مفتاح الأوضاع */
.umodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:var(--line);border-radius:12px;margin:0 0 16px}
.umodes button{min-height:42px;border:0;border-radius:9px;background:transparent;color:var(--ink);opacity:.8;font:600 15px var(--ui);cursor:pointer}
.umodes button:hover{opacity:1}
.umodes button[aria-selected=true]{background:var(--paper);color:var(--heading);opacity:1;box-shadow:0 1px 3px rgba(0,0,0,.16)}
.umodes button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}

.uhead{margin:0 0 14px}
.uhead h1{margin:0;font:700 36px/1.25 var(--display);color:var(--heading)}
.uhead h1 span{color:var(--gold)}
.uhead small{display:block;font:500 13px var(--ui);color:var(--muted);margin-top:2px}
@media (max-width:880px){.uhead h1{font-size:28px}}
.utools,.userve{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.utools .trb,.userve .trb{text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.utools .trb.on{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}

/* رقم العدد زرار */
.ux-a .cvlist .cv .cvn{background:none;border:0;cursor:pointer;padding:0;min-height:32px;font:700 15px var(--ui);color:var(--gold);border-radius:8px}
.ux-a .cvlist .cv .cvn:hover{background:var(--gold-soft)}
.ux-a .cvlist .cv{cursor:default}
.ux-a .cvlist .cv:hover{background:transparent}
.cvlist.nosup .cvt .sw sup{display:none}
.cvlist.nosup .cvt .sw{border-bottom:1px dotted transparent}
.cvlist.nosup .cvt .sw:hover{border-bottom-color:var(--gold);background:var(--gold-soft)}
.cvw .cvf{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;padding:0 20px 12px}
.cvw:not(:last-child){border-bottom:1px solid var(--line)}
.cvw .cv{border-bottom:0}
.umode-study .cvm,.umode-serve .cvm{display:inline-flex!important;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--gold);font:600 13px var(--ui);cursor:pointer}
.umode-study .cvm:hover{border-color:var(--gold)}

/* قراءة: نص متصل زي صفحة الكتاب */
.cvlist.umode-read{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible;padding:0 2px;text-align:justify;font:calc(23px*var(--fs,1))/2.1 var(--script);color:var(--ink)}
@media (max-width:880px){.cvlist.umode-read{font-size:calc(20px*var(--fs,1))}}
.umode-read .cvw,.umode-read .cv{display:inline}
.umode-read .cvw{border:0!important}
.umode-read .cv{padding:0;border:0;background:none!important}
.umode-read .cvt{display:inline;font-size:inherit;line-height:inherit;zoom:1}
.ux-a .umode-read .cv .cvn{display:inline-block;vertical-align:super;font:700 13px/1 var(--ui);color:var(--gold);padding:8px 5px;margin:-8px 1px;min-height:0}

.cvlist.umode-read.ultr{direction:ltr;text-align:justify;font-family:"Noto Serif",Georgia,serif;line-height:1.9}
.umode-read.ultr .cvt{text-align:inherit!important}
.ux-a .umode-read.ultr .cv .cvn{margin:-8px 2px -8px 6px}
/* لوحة الشواهد */
.ux-on .uxt-sheet .shd h3 .usub{display:block;font:500 13px var(--ui);color:var(--muted);margin-top:2px}
.uvtext{font:calc(21px*var(--fs,1))/1.9 var(--script);padding:10px 14px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:0 0 14px}
.uxt-sheet .group{margin:0 0 10px;box-shadow:none}
.uxt-sheet .group .mm{display:none}
.unote{font:14px/1.8 var(--ui);background:var(--gold-soft);border-radius:10px;padding:8px 12px;margin:0 0 10px}
.unote b{color:var(--gold)}
.uempty{color:var(--muted);font:14px/1.8 var(--ui)}
.uacts{position:sticky;bottom:-18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--paper);border-top:1px solid var(--line);padding:12px 0 6px;margin-top:12px}
.uacts .trb{display:inline-flex;align-items:center;gap:6px}
.uacts .uprim{background:var(--accent);color:var(--on-accent,#fff);border-color:var(--accent);margin-inline-start:auto}

/* مفاتيح ⚙ */
.usw{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:48px;background:none;border:0;padding:0;font:600 15px var(--ui);color:var(--ink);cursor:pointer;text-align:start}
.usw i{flex:none;width:46px;height:26px;border-radius:999px;background:var(--line);position:relative;transition:background .15s}
.usw i:after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:right .15s}
.usw[aria-checked=true] i{background:var(--gold)}
.usw[aria-checked=true] i:after{right:23px}
.usw:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}
.ulink{background:none;border:0;padding:0;min-height:44px;color:var(--accent);font:600 14px var(--ui);text-decoration:underline;cursor:pointer}

/* قائمة ⋯ */
.umore{position:fixed;z-index:95;min-width:240px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.2);padding:6px;display:flex;flex-direction:column}
.umore>*{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:0;background:none;border-radius:8px;color:var(--ink);font:500 15px var(--ui);text-decoration:none;cursor:pointer;text-align:start}
.umore>*:hover,.umore>*:focus-visible{background:var(--accent-soft);outline:none}
.umore .tic{width:20px;height:20px;flex:none}

/* التلميحات */
.utip{position:fixed;z-index:96;width:min(290px,calc(100vw - 24px));box-sizing:border-box;background:#0F3554;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 12px 28px rgba(0,0,0,.3);font:15px/1.6 var(--ui)}
.utip:before{content:"";position:absolute;top:-7px;left:calc(var(--ax,50%) - 7px);width:14px;height:14px;background:#0F3554;transform:rotate(45deg)}
.ut-n{font-size:12px;opacity:.85}
.ut-t{font-weight:600;font-size:16px}
.ut-b{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.ut-off{display:flex;gap:8px;align-items:center;margin-top:8px;min-height:32px;font:13px var(--ui);opacity:.92;cursor:pointer}
.ut-off input{width:18px;height:18px;margin:0;accent-color:#E9C77B;cursor:pointer}
.ut-skip{background:none;border:0;color:#fff;opacity:.9;font:14px var(--ui);min-height:40px;padding:0 4px;cursor:pointer}
.ut-next{background:#fff;color:#0F3554;border:0;border-radius:999px;padding:0 18px;min-height:40px;font:700 14px var(--ui);cursor:pointer}
.utip-ring{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--gold)!important;border-radius:8px;position:relative;z-index:3;background:var(--gold-soft)}

/* القائمة الجانبية */
.ucap{font:700 14px var(--ui)!important;color:var(--gold)!important;margin:18px 6px 2px;letter-spacing:.02em}
.ux-a #toolSec>.sh,.ux-a #serveSec>.sh{color:var(--gold)}
.ufoot{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px;margin:22px 0 12px;padding-top:16px;border-top:1px solid var(--line);font:600 13px var(--ui)}
.ufoot a,.ufoot button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--muted);font:inherit;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}
.ufoot a:hover,.ufoot button:hover,.ufoot a:focus-visible,.ufoot button:focus-visible{border-color:var(--gold);color:var(--heading);outline:none}
.ufoot button{grid-column:1/-1;border-color:var(--gold);color:var(--heading);min-height:44px}
.ufoot button .tic{width:17px;height:17px}
@media print{.umodes,.utools,.userve,.umore,.utip{display:none!important}}

/* ===== صفحة العدد: الشريط الموحّد، الآية، التبويبات ===== */
.uback{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--accent);font:600 14px var(--ui);text-decoration:none;cursor:pointer}
.uback small{color:var(--muted);font-weight:500}
.uback:hover{color:var(--gold)}
.uvhead{margin-bottom:12px}
.uol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:6px 0 0;font:13.5px/1.7 var(--ui);color:var(--muted)}
.uol b{color:var(--ink);font-weight:600}
.uol a{color:var(--accent);text-decoration:none;font-weight:600}
.uol .tic{width:16px;height:16px}
.uvacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.uvacts .trb{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:13.5px;border-radius:999px}
.uvacts .trb .tic{width:17px;height:17px}
.vtabs{display:flex;gap:2px;margin:20px 0 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:6;background:var(--bg)}
.vtabs::-webkit-scrollbar{display:none}
.vtabs button{flex:none;min-height:48px;padding:0 14px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font:600 15px var(--ui);cursor:pointer;white-space:nowrap}
.vtabs button:hover{color:var(--ink)}
.vtabs button b{font:600 12px var(--ui);background:var(--line);color:var(--ink);border-radius:999px;padding:1px 8px;margin-inline-start:4px}
.vtabs button[aria-selected=true]{color:var(--heading);border-bottom-color:var(--gold)}
.vtabs button[aria-selected=true] b{background:var(--gold);color:var(--on-gold,#fff)}
.vtabs button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:6px}
.vpanel{padding-top:14px}
.vpanel[hidden]{display:none!important}
.utsk{display:flex;gap:6px;align-items:center;margin:0 0 12px;font:13.5px/1.8 var(--ui);color:var(--muted)}
.utsk .tic{width:16px;height:16px;flex:none}
.vpanel .ugrp{margin-bottom:10px}
.vpanel .ugrp>.ghead{cursor:pointer}
.vpanel .ugrp>.ghead:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:12px}
.vpanel .ugrp.closed>.gbody{display:none}
.vpanel .r .lbl .en{display:none}
.vpanel.kjv .r .lbl .en{display:inline}
.vpanel .r .lbl .self{font-size:0!important;min-width:40px;min-height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center}
.vpanel .r .lbl .self:before{content:"←";font:700 17px/1 var(--ui)}
.vpanel .dict{margin-top:0}
.ux-a .vpanel .uxt-off{padding:8px 12px;font-size:13px;margin-bottom:10px}
.ux-a .vpanel .uxt-off button{min-height:36px;font-size:13px}
@media print{.vtabs,.uback,.uvacts{display:none!important}.vpanel[hidden]{display:block!important}}
/* شريط الشاشة الخارجية: الأزرار + خانة «انتقال» ثابتة (مش بتتعاد مع كل تحديث) */
.scr-main{display:contents}
.scr-bar{flex-wrap:wrap;row-gap:6px;border-radius:18px}
.scr-jf{display:flex;gap:6px;align-items:center;flex:0 1 auto}
.scr-jf input{width:200px;max-width:52vw;height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:inherit;font:500 14px var(--ui)}
.scr-jf input::placeholder{color:rgba(244,239,230,.6)}
.scr-jf input:focus{outline:2px solid #C9A24A;outline-offset:1px}

/* pre:start — نص مكتوب مسبقًا في الصفحة لمحركات البحث (يستبدله التطبيق فور تحميله) */
.pre{max-width:820px;margin:0 auto;padding:28px 20px 60px;line-height:2.1;color:var(--ink)}
.pre h1{font-family:"El Messiri",serif;color:var(--heading);font-size:2rem;margin:.2em 0 .3em}
.pre h2{font-family:"El Messiri",serif;color:var(--heading);font-size:1.25rem;margin:1.6em 0 .3em}
.pre .pre-bc,.pre .pre-src{color:var(--muted);font-size:.9rem}
.pre .pre-desc{color:var(--muted)}
.pre sup{color:var(--gold);font-size:.7em;margin-inline:3px 2px}
.pre .pre-ch{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.pre .pre-ch a,.pre .pre-books a{display:inline-block;padding:2px 10px;border:1px solid var(--line);border-radius:8px;color:var(--accent);text-decoration:none}
.pre .pre-books summary{font-weight:600;margin-top:10px}
.txna{color:var(--muted);font-size:.85em;font-style:italic}
/* pre:end */