:root{--g:#1B2B47;--g2:#2A3F63;--g3:#3E5784;--gs:#E7EBF2;--gss:#F2F4F8;--gold:#D6B878;--bg:#F6F2E9;--paper:#FFFDF8;--stone:#ECE6D9;--stone2:#DDD5C4;--ink:#1D221E;--ink2:#3A403B;--mut:#73776E;--line:#E5DECF;--shadow:0 1px 2px rgba(40,35,20,.06),0 6px 24px rgba(40,35,20,.07);--shadow2:0 10px 40px rgba(30,30,20,.18);--r:18px;--txt:1.55rem;--ui:'Heebo',system-ui,sans-serif;--serif:'Heebo',system-ui,sans-serif;--mikra:'Noto Serif Hebrew','Frank Ruhl Libre',serif;--safe-b:env(safe-area-inset-bottom,0px);--on-g:#fff;--gd:#0F1A2B;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.4,.64,1)}
[data-theme=night]{--g:#D6B878;--g2:#E0C68E;--g3:#E9D4A6;--gs:#232A36;--gss:#1A202A;--bg:#0E131B;--paper:#151B25;--stone:#1D2430;--stone2:#28303D;--ink:#ECE8DD;--ink2:#CFCBC0;--mut:#959A90;--line:#262E3B;--on-g:#0F1A2B;--shadow:0 1px 2px rgba(0,0,0,.3),0 6px 24px rgba(0,0,0,.25)}
[data-theme=sepia]{--bg:#F1E7D2;--paper:#FAF3E3;--stone:#E8DCC2;--line:#DCCFB2}
/* accent themes (v3g): each tuned for day and night; text on accent >= 7:1 */
[data-accent=wine]{--g:#7A2639;--g2:#8E3448;--g3:#A84B5F;--gs:#F3E3E6;--gss:#FAF1F2;--gd:#1C0A10}
[data-theme=night][data-accent=wine]{--g:#E79DAC;--g2:#EDB0BC;--g3:#F2C3CC;--gs:#2F1C21;--gss:#241619;--bg:#141112;--paper:#1C1719;--pn:#1C1719;--stone:#262022;--stone2:#322A2D;--line:#2E2629}
[data-accent=teal]{--g:#2C5961;--g2:#386B74;--g3:#4D838C;--gs:#E0EBEC;--gss:#EFF5F5;--gd:#08171A}
[data-theme=night][data-accent=teal]{--g:#8CC5CD;--g2:#A0D0D6;--g3:#B4DADF;--gs:#1A2A2D;--gss:#152022;--bg:#0F1415;--paper:#161C1D;--pn:#161C1D;--stone:#1F2728;--stone2:#2A3334;--line:#273032}
[data-accent=brown]{--g:#6A4227;--g2:#7C5133;--g3:#966746;--gs:#F0E5D9;--gss:#F8F2EB;--gd:#1A1008}
[data-theme=night][data-accent=brown]{--g:#D6AC8C;--g2:#DDBA9E;--g3:#E5C8B1;--gs:#2B2119;--gss:#211A14;--bg:#141210;--paper:#1C1916;--pn:#1C1916;--stone:#26221E;--stone2:#312C27;--line:#2E2924}
[data-accent=plum]{--g:#5A2D5E;--g2:#6C3B70;--g3:#85548A;--gs:#EEE2EE;--gss:#F7F0F7;--gd:#170A19}
[data-theme=night][data-accent=plum]{--g:#CDA4D4;--g2:#D6B5DC;--g3:#DFC5E4;--gs:#281C2A;--gss:#1F1621;--bg:#131114;--paper:#1B171C;--pn:#1B171C;--stone:#252027;--stone2:#302A32;--line:#2C262E}
[data-accent=graphite]{--g:#363B40;--g2:#474D53;--g3:#5F666D;--gs:#E6E6E3;--gss:#F2F2EF;--gd:#0E1012}
[data-theme=night][data-accent=graphite]{--g:#C5CACF;--g2:#D1D5D9;--g3:#DCDFE2;--gs:#222527;--gss:#1A1C1E;--bg:#121313;--paper:#191B1B;--pn:#191B1B;--stone:#232525;--stone2:#2E3030;--line:#2A2C2C}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
body{margin:0;font-family:var(--ui);color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--g);text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2.5px solid var(--g3);outline-offset:2px;border-radius:8px}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
main{min-height:100vh;padding-bottom:calc(84px + var(--safe-b))}
.serif{font-family:var(--serif)}
/* top bar */
.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.topbar.scrolled{border-bottom-color:var(--line)}
.topbar .in{display:flex;align-items:center;gap:10px;height:58px;max-width:1180px;margin:0 auto;padding:0 14px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:1.35rem;color:var(--ink)}
.brand .logo{min-width:34px;width:auto;padding:0 6px;box-sizing:border-box;font-size:.8rem!important;letter-spacing:-.01em;white-space:nowrap;flex:none;height:34px;border-radius:10px;background:var(--g);display:grid;place-items:center;color:var(--on-g);font-size:1.05rem;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
.tb-title{flex:1;min-width:0;text-align:center;font-weight:700;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-title small{display:block;font-weight:400;color:var(--mut);font-size:.78rem;margin-top:-2px}
.iconbtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink2);flex:none;transition:background .15s}
.iconbtn:hover{background:var(--stone)}
.iconbtn svg{width:22px;height:22px}
.iconbtn.on{color:var(--g)}
.deskNav{display:none;gap:4px;margin-inline-start:auto}
.deskNav a{padding:8px 14px;border-radius:999px;color:var(--ink2);font-weight:500}
.deskNav a.act{background:var(--gs);color:var(--g)}
/* bottom nav */
.bnav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:6px 6px calc(6px + var(--safe-b))}
.bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.72rem;color:var(--mut);padding:6px 0;border-radius:14px;font-weight:500}
.bnav a svg{width:24px;height:24px}
.bnav a.act{color:var(--g)}
.bnav a.act svg{stroke-width:2.2}
@media(min-width:900px){.bnav{display:none}.deskNav{display:flex}main{padding-bottom:40px}}
/* hero */
.hero{position:relative;margin:10px 0 0;border-radius:26px;overflow:hidden;min-height:250px;color:#fff;display:flex;align-items:flex-end;box-shadow:var(--shadow);background:color-mix(in srgb,var(--g) 45%,#1c1f1c)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,14,.05) 20%,color-mix(in srgb,var(--gd) 78%,transparent) 100%)}
.hero .hc{position:relative;z-index:2;padding:22px 22px 20px;width:100%}
.hero .date{font-size:.86rem;opacity:.92;display:flex;gap:8px;align-items:center}
.hero h1{font-family:var(--serif);font-size:2.25rem;line-height:1.12;margin:6px 0 6px;font-weight:700;letter-spacing:-.01em}
.hero p{margin:0;opacity:.92;font-size:1rem;max-width:34em}
.hero .credit{position:absolute;z-index:3;top:10px;left:12px;font-size:.62rem;opacity:.75;background:rgba(0,0,0,.25);padding:2px 7px;border-radius:99px;color:#fff}
@media(min-width:900px){.hero{min-height:340px}.hero h1{font-size:3rem}.hero .hc{padding:36px 40px}}
/* cards */
.sec-h{display:flex;align-items:baseline;justify-content:space-between;margin:30px 2px 12px}
.sec-h h2{font-family:var(--serif);font-size:1.45rem;margin:0;font-weight:700}
.sec-h .cnt{color:var(--mut);font-size:.86rem;font-weight:400;margin-inline-start:8px}
.sec-h a{font-size:.9rem;font-weight:500}
.card{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line)}
.grid2{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:700px){.grid2{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.grid3{grid-template-columns:1fr 1fr 1fr}}
.cont{display:flex;gap:14px;align-items:center;padding:16px;margin-top:-34px;position:relative;z-index:5;margin-inline:12px}
.cont .ring{flex:none}
.cont .t{flex:1;min-width:0}
.cont .k{font-size:.78rem;color:var(--g);font-weight:700;letter-spacing:.02em}
.cont .n{font-family:var(--serif);font-size:1.3rem;font-weight:700;line-height:1.2}
.cont .s{font-size:.86rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:var(--g);color:var(--on-g);font-weight:700;font-size:1rem;box-shadow:0 4px 14px color-mix(in srgb,var(--g) 35%,transparent);transition:transform .12s,filter .12s;white-space:nowrap}
[data-theme=night] .btn{color:var(--on-g)}
.btn:active{transform:scale(.97)}
.btn.ghost{background:var(--gs);color:var(--g);box-shadow:none}
.btn.sm{height:38px;padding:0 15px;font-size:.92rem}
.today{padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px}
.today .lbl{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--g)}
.today .lbl .dot{width:8px;height:8px;border-radius:50%;background:var(--g3)}
.today .ttl{font-family:var(--serif);font-size:1.35rem;font-weight:700}
.today .sub{color:var(--mut);font-size:.88rem;min-height:1.3em}
.today .row{display:flex;gap:8px;margin-top:6px;align-items:center;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.stat{padding:14px 10px;text-align:center}
.stat b{display:block;font-family:var(--serif);font-size:1.6rem;line-height:1.1;color:var(--g)}
.stat span{font-size:.78rem;color:var(--mut)}
/* shelf */
.shelf{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:620px){.shelf{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.shelf{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1150px){.shelf{grid-template-columns:repeat(5,1fr)}}
.scrollx{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 18px 14px;margin:0 -18px;scrollbar-width:none}
.scrollx::-webkit-scrollbar{display:none}
.scrollx .bk{flex:0 0 46%;scroll-snap-align:start}
@media(min-width:700px){.scrollx .bk{flex-basis:30%}}
@media(min-width:1000px){.scrollx{flex-wrap:wrap;overflow:visible;margin:0;padding:4px 0 10px}.scrollx .bk{flex:0 0 calc(20% - 10px)}}
.bk{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:var(--stone);box-shadow:var(--shadow);color:#fff;isolation:isolate;transition:transform .2s}
@media (hover:hover){.bk:hover{transform:translateY(-2px)}}
.bk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
@media (hover:hover){.bk:hover img{transform:scale(1.04)}}
.bk:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,color-mix(in srgb,var(--gd) 82%,transparent) 100%)}
.bk.noimg{background:linear-gradient(150deg,var(--g2),color-mix(in srgb,var(--g) 60%,#000))}
.bk.noimg:before{content:attr(data-l);position:absolute;top:8%;left:0;right:0;text-align:center;font-family:var(--serif);font-size:4.5rem;opacity:.16;z-index:-1}
.bk .bt{position:absolute;bottom:0;right:0;left:0;padding:12px 12px 12px}
.bk .bn{font-family:var(--serif);font-weight:700;font-size:1.28rem;line-height:1.15;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.bk .bm{font-size:.76rem;opacity:.88}
.bk .ring{position:absolute;top:9px;left:9px}
.bk .new{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.92);color:var(--g);font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:99px}
.ring svg{display:block}
.ring .bgc{stroke:rgba(255,255,255,.28)}
.ring .fgc{stroke:#fff;transition:stroke-dashoffset .6s}
.ring.dark .bgc{stroke:var(--stone2)}.ring.dark .fgc{stroke:var(--g)}
.ring text{font-family:var(--ui);font-weight:700}
.grp-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:2px 18px 6px}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:.9rem;font-weight:500;color:var(--ink2);white-space:nowrap}
.chip.act{background:var(--g);border-color:var(--g);color:var(--on-g)}
[data-theme=night] .chip.act{color:var(--on-g)}
/* sefer page */
.bhead{position:relative;height:300px;margin:0 -18px;overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.bhead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bhead:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),color-mix(in srgb,var(--gd) 85%,transparent))}
.bhead .in{position:relative;z-index:2;padding:20px 22px;width:100%}
.bhead h1{font-family:var(--serif);font-size:2.6rem;margin:0;line-height:1.05}
.bhead .meta{display:flex;gap:14px;font-size:.9rem;opacity:.95;margin-top:6px;flex-wrap:wrap}
.bhead .credit{position:absolute;z-index:3;top:10px;left:12px;font-size:.62rem;opacity:.8;background:rgba(0,0,0,.3);padding:2px 7px;border-radius:99px}
@media(min-width:900px){.bhead{margin:14px 0 0;border-radius:26px;height:340px}}
.facts{display:grid;gap:10px;margin-top:-26px;position:relative;z-index:3}
.fact{padding:15px 16px}
.fact .k{font-size:.78rem;color:var(--mut);font-weight:500}
.fact q{font-family:var(--serif);font-size:1.18rem;quotes:"״" "״";display:block;margin:2px 0}
.fact .src{font-size:.8rem}
.storymap{position:relative;margin-top:8px}
.unit{margin:22px 0 8px;display:flex;gap:10px;align-items:center}
.unit .num{width:34px;height:34px;border-radius:11px;background:var(--g);color:var(--on-g);display:grid;place-items:center;font-weight:800;font-family:var(--serif);flex:none}
[data-theme=night] .unit .num{color:var(--on-g)}
.unit .ut{font-family:var(--serif);font-size:1.2rem;font-weight:700;line-height:1.2}
.unit .us{font-size:.8rem;color:var(--mut)}
.pk{display:flex;gap:0;margin:0}
.pk .rail{width:34px;flex:none;position:relative;display:flex;justify-content:center}
.pk .rail:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--line)}
.pk .rail .nd{position:relative;margin-top:16px;width:30px;height:30px;border-radius:50%;background:var(--paper);border:2px solid var(--stone2);display:grid;place-items:center;font-size:.8rem;font-weight:700;font-family:var(--serif);color:var(--ink2)}
.pk.done .rail .nd{background:var(--g);border-color:var(--g);color:var(--on-g)}
.pk .body{flex:1;min-width:0;padding:10px 6px 10px 0}
.pk .pkc{display:block;padding:12px 14px;border-radius:16px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink)}
.pk .pkt{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pk .pkt b{font-family:var(--serif);font-size:1.12rem}
.pk .pkt span{font-size:.78rem;color:var(--mut);flex:none}
.pk .ss{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.pk .ss a{display:flex;gap:8px;align-items:baseline;padding:5px 2px;color:var(--ink2);font-size:.95rem;border-top:1px dashed var(--line)}
.pk .ss a:first-child{border-top:0}
.pk .ss a i{font-style:normal;font-size:.74rem;color:var(--mut);flex:none;min-width:3.6em}
.pk .ss a .st{font-family:var(--serif)}
.pk .yr{display:inline-flex;font-size:.72rem;background:var(--gs);color:var(--g);padding:2px 8px;border-radius:99px;margin-top:6px;font-weight:600}
/* reader */
.rd{max-width:760px;margin:0 auto;padding:0 20px}
.phead{text-align:center;padding:26px 0 6px}
.phead .pb{font-size:.85rem;color:var(--mut);font-weight:500}
.phead .pn{font-family:var(--serif);font-size:3.6rem;line-height:1;color:var(--g);font-weight:700;margin:4px 0}
.phead .yr{display:inline-flex;gap:6px;align-items:center;margin-top:8px;font-size:.82rem;background:var(--paper);border:1px solid var(--line);padding:5px 12px;border-radius:999px;color:var(--ink2)}
.phead .yr b{color:var(--g)}
.phead .yr a{font-size:.75rem}
.phead .yr .est{font-size:.68rem;background:var(--stone);padding:1px 6px;border-radius:99px;color:var(--mut)}
.secnav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:14px 20px 4px;margin:0 -20px}
.secnav::-webkit-scrollbar{display:none}
.secnav button{flex:none;font-size:.82rem;padding:7px 13px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink2);white-space:nowrap;font-weight:500}
.secnav button i{font-style:normal;color:var(--mut);margin-inline-start:4px;font-size:.74rem}
.shd{margin:30px 0 12px;display:flex;gap:12px;align-items:center}
.shd .bar{width:4px;align-self:stretch;border-radius:4px;background:var(--g)}
.shd .stt{font-family:var(--serif);font-size:1.38rem;font-weight:700;line-height:1.2}
.shd .ssm{font-size:.76rem;color:var(--mut);margin-top:2px}
.shd.mas .stt{font-size:1.06rem;color:var(--ink2);font-weight:500}
.shd.mas .bar{background:var(--stone2)}
.txt{font-family:var(--mikra);font-size:var(--txt);line-height:2.05;text-align:justify;color:var(--ink);font-feature-settings:"kern";word-spacing:.02em}
.txt.list .vs{display:block;margin-bottom:.35em}
.vs{cursor:pointer;border-radius:8px;transition:background .2s;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.vs:hover{background:var(--gss)}
.vs.sel{background:var(--gs);box-shadow:0 0 0 2px var(--gs)}
.vs.flash{animation:flash 2.2s ease}
@keyframes flash{0%,30%{background:color-mix(in srgb,var(--g3) 30%,transparent)}100%{background:transparent}}
.vn{font-family:var(--ui);font-size:.5em;font-weight:700;color:var(--g);vertical-align:.35em;margin-inline-end:.3em;opacity:.75;user-select:none}
.vs .mk{display:inline-block;width:.42em;height:.42em;border-radius:50%;background:var(--g3);vertical-align:.5em;margin-inline-start:.18em;opacity:.7}
.kq .k{font-size:.62em;color:var(--mut);vertical-align:.2em;margin-inline-end:.15em}
.kq .k:before{content:"("}.kq .k:after{content:")"}
.kq .q:before{content:"["}.kq .q:after{content:"]"}
.kq .q:before,.kq .q:after{color:var(--mut);font-size:.8em}
.fn{font-size:.55em;color:var(--mut);font-style:normal}
.tr{display:block;font-family:var(--ui);font-size:.92rem;line-height:1.55;color:var(--ink2);margin:.15em 0 .9em;text-align:start;background:var(--paper);border-inline-start:3px solid var(--gs);padding:6px 12px;border-radius:8px}
.tr.en{direction:ltr;text-align:left;border-inline-start:0;border-left:3px solid var(--gs)}
.txt.wtr .vs{display:block}
.pbreak{display:block;height:.6em}
.endcard{margin:40px 0 20px;padding:22px;text-align:center}
.endcard h3{font-family:var(--serif);font-size:1.4rem;margin:0 0 4px}
.endcard p{margin:0 0 16px;color:var(--mut);font-size:.92rem}
.endcard .btn{width:100%;max-width:380px;height:56px;font-size:1.1rem}
.endcard .row{display:flex;justify-content:space-between;margin-top:14px;gap:10px}
.endcard .row a{font-size:.9rem;font-weight:500}
.donebadge{display:inline-flex;align-items:center;gap:6px;color:var(--g);font-weight:700;margin-bottom:10px}
.hint{display:flex;gap:8px;align-items:center;justify-content:center;font-size:.8rem;color:var(--mut);margin:14px 0 0}
.hint .kd{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--g3)}
/* sheet */
.scrim{position:fixed;inset:0;background:rgba(10,14,12,.35);z-index:60;opacity:0;pointer-events:none;transition:opacity .25s}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;z-index:61;left:0;right:0;bottom:0;max-height:88vh;height:88vh;background:var(--paper);border-radius:24px 24px 0 0;box-shadow:var(--shadow2);transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
.sheet.on{transform:none}
@media(min-width:900px){.sheet{left:auto;right:auto;inset-inline-start:auto;inset-inline-end:0;top:0;bottom:0;height:100vh;max-height:none;width:520px;border-radius:0;transform:translateX(105%);border-inline-start:1px solid var(--line)}html[dir=rtl] .sheet{left:0;right:auto;transform:translateX(-105%)}.sheet.on{transform:none!important}}
.grab{width:42px;height:5px;border-radius:9px;background:var(--stone2);margin:9px auto 2px;flex:none}
@media(min-width:900px){.grab{display:none}}
.sh-top{display:flex;align-items:center;gap:4px;padding:4px 10px 0 10px;flex:none}
.sh-top .ref{flex:1;font-weight:700;font-size:1rem}
.sh-top .ref small{color:var(--mut);font-weight:400;margin-inline-start:6px}
.sh-pasuk{font-family:var(--mikra);font-size:1.3rem;line-height:1.95;padding:4px 18px 8px;flex:none;max-height:30vh;overflow:auto}
.sh-pasuk .w{cursor:pointer;border-radius:6px;padding:0 1px;transition:background .15s}
.sh-pasuk .w:hover,.sh-pasuk .w.on{background:var(--gs);color:var(--g)}
.sh-hint{font-size:.74rem;color:var(--mut);padding:0 18px 8px;flex:none}
.tabs{display:flex;gap:4px;padding:6px 12px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;flex:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;padding:9px 13px;border-radius:12px;font-size:.92rem;font-weight:600;color:var(--mut);display:flex;align-items:center;gap:6px}
.tabs button .c{font-size:.68rem;background:var(--stone);color:var(--ink2);border-radius:99px;padding:0 6px;font-weight:700;min-width:18px;text-align:center}
.tabs button.act{background:var(--gs);color:var(--g)}
.tabs button.act .c{background:var(--g);color:var(--on-g)}
.sh-body{flex:1;overflow:auto;padding:14px 16px calc(24px + var(--safe-b));overscroll-behavior:contain}
.com{border:1px solid var(--line);border-radius:16px;margin-bottom:10px;background:var(--bg);overflow:hidden}
.com>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:700}
.com>summary::-webkit-details-marker{display:none}
.com>summary .av{width:32px;height:32px;border-radius:10px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--serif);color:var(--g);font-weight:700;flex:none}
.com>summary .nm{flex:1}
.com>summary .chev{transition:transform .2s;color:var(--mut)}
.com[open]>summary .chev{transform:rotate(180deg)}
.com .cb{padding:0 16px 12px;font-family:var(--serif);font-size:calc(1.12rem * var(--ctxt,1));line-height:1.75;color:var(--ink)}
.com .cb p{margin:0 0 .6em}
.com .cb b{color:var(--g);font-weight:700}
.com .cb .ol{font-family:var(--ui);font-size:.8rem;display:inline-block;margin-top:2px}
.kv{border-radius:16px;background:var(--gss);border:1px solid color-mix(in srgb,var(--g) 22%,var(--line));padding:12px 14px;margin-bottom:12px}
.kv .kh{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;color:var(--g);margin-bottom:6px;letter-spacing:.01em}
.kv .kh .lg{width:22px;height:22px;border-radius:7px;background:var(--g);color:var(--on-g);display:grid;place-items:center;font-size:.72rem;font-family:var(--serif)}
[data-theme=night] .kv .kh .lg{color:var(--on-g)}
.kv .it{font-family:var(--serif);font-size:1.06rem;line-height:1.75;padding:6px 0;border-top:1px dashed color-mix(in srgb,var(--g) 18%,var(--line))}
.kv .it:first-of-type{border-top:0}
.kv .it .b{font-weight:700;color:var(--ink)}
.kv .it .q{color:var(--ink)}
.kv .it .src,.kv .it .src a{font-size:.88em;color:var(--g)}
.kv .it a.r{color:var(--g);border-bottom:1px dotted}
.kv .it .side{font-family:var(--ui);font-size:.7rem;background:var(--paper);border:1px solid var(--line);padding:1px 8px;border-radius:99px;margin-inline-start:6px;white-space:nowrap}
.kv details.mz{margin-top:8px;background:var(--paper);border-radius:12px;border:1px solid var(--line)}
.kv details.mz summary{padding:9px 12px;cursor:pointer;font-family:var(--ui);font-weight:600;font-size:.9rem;color:var(--g)}
.kv details.mz .mzt{padding:2px 14px 12px;font-family:var(--mikra);font-size:1.1rem;line-height:1.9}
.kv details.mz .vn{font-size:.62em}
.kv .box{font-size:.98rem}
.row-link{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}
.row-link:last-child{border-bottom:0}
.row-link .t{flex:1;min-width:0}
.row-link .t b{display:block;font-weight:600;font-size:.98rem;color:var(--ink)}
.row-link .t span{font-size:.8rem;color:var(--mut)}
.row-link .snip{font-family:var(--serif);font-size:1.02rem;line-height:1.7;color:var(--ink2);margin-top:6px}
.grp-t{font-size:.78rem;color:var(--mut);font-weight:700;margin:16px 2px 4px;letter-spacing:.02em}
.grp-t:first-child{margin-top:0}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;padding:4px 10px;border-radius:99px;background:var(--stone);color:var(--ink2);font-weight:600}
.empty{color:var(--mut);text-align:center;padding:30px 10px;font-size:.92rem}
.loading{display:grid;gap:10px;padding:18px 4px}
.loading:before,.loading:after{content:"";height:14px;border-radius:8px;background:linear-gradient(90deg,var(--stone) 0%,var(--stone2) 40%,var(--stone) 80%);background-size:200% 100%;animation:shim 1.2s ease-in-out infinite}
.loading:before{width:92%}.loading:after{width:64%}
@keyframes spin{to{transform:rotate(360deg)}}
.person{padding:14px;margin-bottom:12px}
.person .ph{display:flex;align-items:center;gap:12px}
.person .ph .av{width:48px;height:48px;border-radius:16px;background:var(--gs);color:var(--g);display:grid;place-items:center;font-family:var(--serif);font-size:1.4rem;font-weight:700;flex:none}
.person .ph b{font-family:var(--serif);font-size:1.3rem;display:block;line-height:1.2}
.person .ph span{font-size:.8rem;color:var(--mut)}
.person .bars{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.person .bars a{font-size:.78rem;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px 10px;color:var(--ink2)}
.person .bars a b{color:var(--g)}
.person .first{margin-top:10px;font-size:.88rem;color:var(--ink2)}
.person .first .ptxt{font-family:var(--serif);font-size:1.05rem;display:block;margin-top:4px;line-height:1.7}
.mapbox{height:260px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--stone);margin-bottom:12px}
.place{display:flex;gap:12px;padding:10px;margin-bottom:10px;align-items:center}
.place img,.place .pi{width:84px;height:64px;border-radius:12px;object-fit:cover;flex:none;background:var(--stone);display:grid;place-items:center;color:var(--g)}
.place .t{flex:1;min-width:0}
.place .t b{font-family:var(--serif);font-size:1.15rem;display:block}
.place .t span{font-size:.78rem;color:var(--mut)}
.place .cr{font-size:.62rem;color:var(--mut)}
/* word popover */
.wpop{border-radius:16px;background:var(--bg);border:1px solid var(--line);padding:14px;margin:0 16px 10px;flex:none;max-height:38vh;overflow:auto;box-shadow:inset 0 0 0 1px var(--paper)}
.wpop .wh{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.wpop .wh b{font-family:var(--mikra);font-size:1.6rem;color:var(--g);flex:1}
.wpop .ex{font-family:var(--serif);font-size:1.05rem;line-height:1.7;padding:6px 0;border-top:1px dashed var(--line)}
.wpop .ex .s{font-family:var(--ui);font-size:.74rem;color:var(--g);font-weight:700;display:block}
.wpop .lex{font-size:.86rem;color:var(--ink2);direction:ltr;text-align:left;padding:6px 0;border-top:1px dashed var(--line)}
.wpop .lex .root{direction:rtl;text-align:right;font-family:var(--serif);font-size:1.05rem;color:var(--ink)}
/* search */
.sbox{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:0 14px;height:56px;box-shadow:var(--shadow);margin-top:14px}
.sbox input{flex:1;border:0;background:none;font:inherit;font-size:1.15rem;color:var(--ink);outline:none;min-width:0}
.sbox svg{width:22px;height:22px;color:var(--mut)}
.sopts{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.sres{margin-top:6px}
.sr{display:block;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink)}
.sr .rf{font-size:.8rem;color:var(--g);font-weight:700}
.sr .tx{font-family:var(--serif);font-size:1.1rem;line-height:1.7}
.sr mark{background:color-mix(in srgb,var(--g3) 28%,transparent);color:inherit;border-radius:4px;padding:0 2px}
.sprog{font-size:.84rem;color:var(--mut);margin:8px 2px}
/* settings */
.set{padding:6px 16px}
.set .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.set .row:last-child{border-bottom:0}
.set .row .l b{display:block;font-weight:600}
.set .row .l span{font-size:.8rem;color:var(--mut)}
.seg{display:inline-flex;background:var(--stone);border-radius:12px;padding:3px;gap:2px;flex:none}
.seg button{padding:7px 12px;border-radius:9px;font-size:.86rem;font-weight:600;color:var(--ink2)}
.seg button.act{background:var(--paper);color:var(--g);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.sw{width:50px;height:30px;border-radius:99px;background:var(--stone2);position:relative;flex:none;transition:background .2s}
.sw:after{content:"";position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.sw.on{background:var(--g)}
.sw.on:after{transform:translateX(-20px)}
select{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.toast{position:fixed;bottom:calc(96px + var(--safe-b));left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:99px;font-size:.92rem;z-index:90;opacity:0;transition:.25s;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
.foot{text-align:center;color:var(--mut);font-size:.78rem;padding:30px 10px 10px}
.foot a{color:var(--mut);text-decoration:underline}
.credits h3{font-family:var(--serif);margin:22px 0 6px}
.credits p,.credits li{font-size:.92rem;color:var(--ink2)}
.popset{position:fixed;z-index:70;top:62px;inset-inline-end:12px;width:300px;max-width:calc(100vw - 24px);padding:6px 16px;display:none}
.popset.on{display:block}
.celebrate{position:fixed;inset:0;z-index:95;display:grid;place-items:center;pointer-events:none}
.celebrate .cc{background:var(--paper);border-radius:24px;padding:26px 30px;text-align:center;box-shadow:var(--shadow2);animation:pop .5s cubic-bezier(.2,1.4,.4,1)}
.celebrate .cc b{display:block;font-family:var(--serif);font-size:1.5rem;color:var(--g)}
@keyframes pop{from{transform:scale(.6);opacity:0}}
.leaflet-container{font-family:var(--ui)!important}

.hero .hc{padding-bottom:52px}
@media(min-width:900px){.hero .hc{padding-bottom:64px}}
.hero .credit,.bhead .credit{max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.mtt{background:var(--paper);border:1px solid var(--line);color:var(--ink);font-family:var(--ui);font-weight:600;font-size:.78rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12);padding:2px 8px}
.mtt.h{background:var(--g);color:var(--on-g);border-color:var(--g)}
.leaflet-tooltip-top.mtt:before{border-top-color:var(--line)}.leaflet-tooltip-top.mtt.h:before{border-top-color:var(--g)}
.lsn{font-size:1.05rem}
.vs .mk{width:.32em;height:.32em;opacity:.55}
.leaflet-tile-pane{filter:saturate(.75) sepia(.12)}

.feat{display:flex;gap:14px;align-items:center;padding:12px;margin-top:14px;color:var(--ink);overflow:hidden}
.feat img{width:92px;height:92px;border-radius:14px;object-fit:cover;flex:none}
.feat .ft{display:flex;flex-direction:column;gap:2px;min-width:0}
.feat .fk{font-size:.74rem;font-weight:800;color:var(--g)}
.feat b{font-family:var(--serif);font-size:1.18rem;line-height:1.25}
.feat .ft span:last-child{font-size:.84rem;color:var(--mut)}
.leaflet-tile-pane{filter:saturate(.8)}
.leaflet-tile-pane{filter:none}

/* ---- עיוני הקובץ: הלכה / עיון */
.kxw{margin:14px 0 22px;display:grid;gap:12px}
.kxb{border-radius:18px;padding:12px 14px 6px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}
.kxb.hal{background:linear-gradient(180deg,color-mix(in srgb,#B8742F 7%,var(--paper)),var(--paper) 60%);border-color:color-mix(in srgb,#B8742F 22%,var(--line))}
.kxb.iy{background:linear-gradient(180deg,var(--gss),var(--paper) 70%);border-color:color-mix(in srgb,var(--g) 22%,var(--line))}
.kxh{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:800;font-size:.95rem;margin-bottom:8px;color:var(--ink)}
.kxh small{flex-basis:100%;font-weight:500;color:var(--mut);font-size:.74rem;margin-top:-4px}
.kxh.big{font-family:var(--serif);font-size:1.3rem;margin:6px 0 10px}
.tg{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:99px;font-size:.72rem;font-weight:800;background:var(--g);color:var(--on-g);font-family:var(--ui);flex:none}
.hal .tg,.kxh.big .tg{background:#8A5A24}
[data-theme=night] .tg{color:var(--on-g)}[data-theme=night] .hal .tg,[data-theme=night] .kxh.big .tg{background:#D9A66B}
.hx{padding:10px 0;border-top:1px dashed var(--line);font-family:var(--serif);font-size:1.02rem;line-height:1.7}
.kxb .hx:first-of-type{border-top:0;padding-top:2px}
.iyc .hx{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:10px 0 4px;box-shadow:var(--shadow)}
.hx .ht{font-family:var(--ui);font-weight:800;font-size:1rem;color:#7A4C18;margin-bottom:4px}
[data-theme=night] .hx .ht{color:#E2B17A}
.hx .hp,.hx .hr{display:grid;grid-template-columns:74px 1fr;gap:8px;align-items:baseline;padding:2px 0}
.hx .hk{font-family:var(--ui);font-size:.7rem;font-weight:700;color:var(--mut);background:var(--stone);border-radius:8px;padding:2px 6px;text-align:center;line-height:1.5}
.hx .q,.iyd .q,.fq .q{color:var(--ink)}
.hx .src,.iyd .src,.fq .src,.hx a.r,.iyd a.r,.fq a.r,.intro a.r{font-size:.9em;color:var(--g)}
.hx a.r,.iyd a.r,.fq a.r,.intro a.r{border-bottom:1px dotted;white-space:nowrap}
.hx .b,.iyd .b,.fq .b{font-weight:700}
.hx2 .hv{font-size:.98rem}
.iyd{border-top:1px dashed var(--line);padding:2px 0}
.kxb .iyd:first-of-type{border-top:0}
.iyc .iyd{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin:10px 0 4px;padding:4px 14px;box-shadow:var(--shadow)}
.iyd summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:flex-start;padding:10px 0;font-family:var(--serif);font-size:1.04rem;line-height:1.65}
.iyd summary::-webkit-details-marker{display:none}
.iyd summary .iyt{flex:1}
.iyd:not(.qd) summary .iyt{font-weight:700}
.iyd summary .tap{flex:none;font-family:var(--ui);font-size:.72rem;font-weight:700;color:var(--g);background:var(--gs);border-radius:99px;padding:3px 10px;margin-top:3px;transition:background .15s}
.iyd[open] summary .tap{background:var(--g);color:var(--on-g)}
.iyb{padding:0 0 12px;font-family:var(--serif);font-size:1.02rem;line-height:1.75;animation:fadeUp .22s ease}
.iyb p{margin:0 0 8px}
.mut{color:var(--mut);font-family:var(--ui);font-size:.8rem}
.srcs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.chip.sm{height:30px;padding:0 11px;font-size:.8rem}
@keyframes fadeUp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.unitend{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:18px;margin:26px 0 0;color:var(--ink);background:linear-gradient(135deg,var(--gss),var(--paper))}
.unitend b{font-family:var(--serif);font-size:1.25rem}
.unitend span:not(.tg):not(.btn){color:var(--mut);font-size:.88rem}
.unitend .btn{margin-top:6px}
.ulink{margin-inline-start:auto;font-size:.8rem;font-weight:700;background:var(--gs);padding:5px 12px;border-radius:99px;white-space:nowrap}
.iylink{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--ink);margin-top:12px}
.iylink div{flex:1;display:flex;flex-direction:column}
.iylink b{font-family:var(--serif);font-size:1.12rem}
.iylink span:not(.tg):not(.arr){font-size:.84rem;color:var(--mut)}
.iylink .arr{color:var(--g);font-size:1.3rem}
.iyw{padding-top:12px;padding-bottom:30px;max-width:760px}
.iyhero h1{font-family:var(--serif);font-size:2rem;margin:10px 0 4px}
.iyhero p{color:var(--mut);margin:0 0 14px}
.iyu{display:flex;gap:12px;align-items:center;padding:14px 16px;margin:10px 0;color:var(--ink)}
.iyu .num{width:38px;height:38px;border-radius:12px;background:var(--g);color:var(--on-g);display:grid;place-items:center;font-weight:800;font-family:var(--serif);flex:none}
[data-theme=night] .iyu .num{color:var(--on-g)}
.iyu div{display:flex;flex-direction:column}.iyu b{font-family:var(--serif);font-size:1.08rem}.iyu span{font-size:.8rem;color:var(--mut)}
.iytabs{display:flex;width:100%;margin:6px 0 12px;position:sticky;top:64px;z-index:5}
.iytabs button{flex:1}
.iyc .grp-t{font-weight:800;color:var(--mut);font-size:.82rem;margin:18px 0 4px}
.intro{font-family:var(--serif);line-height:1.75;margin:0 0 10px}
.golink{display:inline-block;font-size:.78rem;font-weight:700;margin:2px 4px 6px}
.flash{padding:18px;margin-top:8px}
.flash .fk{display:flex;justify-content:space-between;align-items:center;color:var(--mut);font-size:.8rem;margin-bottom:10px}
.flash .fq{font-family:var(--serif);font-size:1.22rem;line-height:1.7;margin-bottom:12px}
.flash .fb{font-family:var(--serif);line-height:1.75;border-top:1px dashed var(--line);padding-top:10px;animation:fadeUp .22s ease}
.fbtn{display:flex;gap:8px;margin-top:14px}.fbtn .btn{flex:1;padding:0 10px;font-size:.9rem}
.yk{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 2px 10px}.yk>span{font-size:.8rem;color:var(--mut);font-weight:700}
.sh-top .pnav{display:flex;gap:4px;margin-inline-start:auto}
.sh-top .pnav .iconbtn{width:36px;height:36px;border-radius:12px;background:var(--stone);font-size:1.35rem;font-weight:700;line-height:1;color:var(--g)}
.sh-top .pnav .iconbtn:active{transform:scale(.92)}

/* ===== UX pass 2026-11 ===== */
@keyframes shim{0%{background-position:100% 0}100%{background-position:-100% 0}}
.sk{display:inline-block;height:12px;border-radius:7px;background:linear-gradient(90deg,var(--stone) 0%,var(--stone2) 40%,var(--stone) 80%);background-size:200% 100%;animation:shim 1.2s ease-in-out infinite;vertical-align:middle}
.sk.w80{width:80%}.sk.w60{width:60%}.sk.w40{width:40%}
.sk-row{display:grid;gap:10px;padding:6px 0}
.sk-card{height:74px;border-radius:18px;margin:10px 0;background:linear-gradient(90deg,var(--stone) 0%,var(--stone2) 40%,var(--stone) 80%);background-size:200% 100%;animation:shim 1.2s ease-in-out infinite}
#main>*{animation:viewIn .28s cubic-bezier(.2,.7,.2,1)}
@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#main>*,.iyb,.flash .fb{animation:none}}
.btn,.chip,.pill,.iconbtn,.row-link,.card[href],a.card{transition:transform .12s ease,background .15s,box-shadow .15s,filter .15s}
.btn:active,.chip:active,.pill:active,a.card:active,.row-link:active{transform:scale(.97)}
.btn.big{height:54px;font-size:1.08rem;width:100%;margin-top:12px;border-radius:16px}
.chip{height:40px}
.iconbtn{width:44px;height:44px}
.bnav a{min-height:52px;justify-content:center}
.bnav a span{font-size:.7rem}
/* home */
.hero2{min-height:190px;border-radius:24px}
.hero2 .hc{padding:18px 20px 52px}
.hero2 h1{font-size:2.1rem;margin:4px 0 2px}
.hero2 p{font-size:.95rem}
.credit-i{position:absolute;z-index:3;top:10px;left:10px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.32);color:#fff;font:italic 700 .8rem/24px Georgia,serif;text-align:center;backdrop-filter:blur(6px)}
.credit-i span{display:none;position:absolute;top:28px;left:0;white-space:nowrap;font:500 .66rem/1.4 var(--ui);background:rgba(0,0,0,.6);padding:3px 8px;border-radius:8px}
.credit-i.on span{display:block}
.today2{display:block;margin:-40px 12px 0;position:relative;z-index:5;padding:18px 18px 16px;color:var(--ink);border-radius:22px;box-shadow:var(--shadow2)}
.today2 .k{font-size:.8rem;font-weight:800;color:var(--g);letter-spacing:.02em}
.today2 .n{font-family:var(--serif);font-size:1.55rem;margin-top:2px}
.today2 .n small{font-family:var(--ui);font-size:.8rem;color:var(--mut)}
.today2 .s{font-family:var(--mikra);color:var(--ink2);font-size:1.02rem;margin-top:4px;min-height:1.6em;line-height:1.6}
.track{margin-top:14px;padding:14px 16px}
.tr-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.tr-h b{font-size:.92rem}.tr-h span{font-size:.78rem;color:var(--mut)}
.tr-g{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.tr-g .dw{font-size:.66rem;color:var(--mut);text-align:center;font-weight:700}
.tr-g .dd{aspect-ratio:1;border-radius:9px;background:var(--stone);display:grid;place-items:center;font-size:.8rem;color:#fff;font-weight:800}
.tr-g .dd.on{background:var(--g)}
.tr-g .dd.td{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--g3)}
.tr-g .dd.fu{background:transparent;border:1px dashed var(--line)}
[data-theme=night] .tr-g .dd.on{color:var(--on-g)}
.tr-plan{display:inline-block;margin-top:10px;font-size:.84rem;font-weight:700}
.home2 .feat{margin-top:14px}
.daily{margin-top:14px;padding:12px 16px 6px}
.dl-h{font-weight:800;font-size:.92rem;display:flex;gap:8px;align-items:baseline;margin-bottom:2px}
.dl-h small{font-weight:500;color:var(--mut);font-size:.72rem}
.dl-r{display:flex;align-items:center;gap:10px;min-height:48px;border-top:1px solid var(--line);color:var(--ink)}
.dl-r:first-of-type{border-top:0}
.dl-r b{font-size:.92rem;flex:none}.dl-r span{flex:1;color:var(--mut);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-r i{color:var(--g);font-style:normal}
.iyu .arr{margin-inline-start:auto;color:var(--g);font-style:normal;font-size:1.2rem}
/* display popover */
.popset{border-radius:22px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:var(--shadow2);width:330px}
.popset .pv{font-size:1.5rem;text-align:center;padding:12px 0 6px;color:var(--ink)}
.popset .row.col{flex-direction:column;align-items:stretch;gap:8px}
.fonts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fonts button{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border-radius:12px;background:var(--stone);border:1.5px solid transparent;min-height:64px}
.fonts button b{font-size:1.25rem;line-height:1.2}
.fonts button span{font-family:var(--ui);font-size:.68rem;font-weight:700}
.fonts button small{font-family:var(--ui);font-size:.6rem;color:var(--mut)}
.fonts button.act{border-color:var(--g);background:var(--gss)}
.sheet{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.mefbar{display:flex;justify-content:space-between;gap:8px;margin:2px 0 12px;flex-wrap:wrap}
.mefbar .seg button{padding:8px 11px;min-height:36px}
.com .cb p.en{font-family:Georgia,'Times New Roman',serif;font-size:.92em;color:var(--ink2);text-align:left;margin-top:-.2em}
.tr-g .dd{aspect-ratio:auto;height:28px}
.life .lf-desc{font-family:var(--serif);font-size:.98rem;line-height:1.65;margin-top:10px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.life .lf-desc.open{-webkit-line-clamp:unset}
.lf-sec{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}
.lf-t{font-size:.72rem;font-weight:800;color:var(--mut);margin-bottom:4px}
.lf-r{display:grid;grid-template-columns:86px 1fr;gap:8px;align-items:baseline;padding:3px 0;font-size:.92rem}
.lf-r .hk{font-size:.7rem;font-weight:700;color:var(--mut);background:var(--stone);border-radius:8px;padding:2px 6px;text-align:center}
.lf-r .src,.lf-q .src{font-size:.78rem}
.lf-q{font-family:var(--serif);font-size:.98rem;line-height:1.6;padding:2px 0}
.lf-ev{margin-top:10px;border-top:1px dashed var(--line);padding-top:4px}
.lf-ev summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px;font-weight:800;font-size:.9rem}
.lf-ev summary::-webkit-details-marker{display:none}
.lf-ev .tap{font-size:.72rem;background:var(--gs);color:var(--g);border-radius:99px;padding:3px 10px}
.lf-ev ol{list-style:none;margin:0;padding:0 0 0 0;border-inline-start:2px solid var(--gs);margin-inline-start:6px}
.lf-ev li a{display:flex;flex-direction:column;padding:6px 14px;position:relative;color:var(--ink)}
.lf-ev li a:before{content:"";position:absolute;inset-inline-start:-6px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--g)}
.lf-ev li b{font-size:.86rem;color:var(--g)}.lf-ev li span{font-size:.86rem;color:var(--ink2)}
.life>.pill{margin-top:10px;display:inline-flex}
.gl{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:color-mix(in srgb,var(--g) 55%,transparent);text-underline-offset:.32em;text-decoration-thickness:1.5px;cursor:help}
#gpop{position:absolute;z-index:65;inset-inline:14px;max-width:420px;margin-inline:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow2);padding:12px 14px;display:none;animation:fadeUp .18s ease}
#gpop.on{display:block}
#gpop .gp-w{font-family:var(--mikra);font-size:1.3rem;font-weight:600}
#gpop .gp-g{font-family:var(--serif);font-size:1.06rem;line-height:1.6;margin-top:2px}
#gpop .gp-s{font-size:.72rem;color:var(--mut);margin-top:2px}
#gpop .gp-a{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:.84rem;font-weight:700}
#gpop .gp-a a,#gpop .gp-a button{min-height:36px;display:inline-flex;align-items:center;color:var(--g)}
.ptx{margin:12px 0 4px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:2px 14px 8px;box-shadow:var(--shadow)}
.ptx summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px;font-weight:800;font-size:.9rem}
.ptx summary::-webkit-details-marker{display:none}
.ptx summary small{font-weight:500;color:var(--mut);font-size:.7rem}
.ptr{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:baseline;padding:5px 0;border-top:1px dashed var(--line);font-size:.92rem;line-height:1.55}
.ptr .hk{font-size:.7rem;font-weight:800;color:var(--g);background:var(--gss);border-radius:8px;padding:3px 6px;text-align:center}
.ptr .src{color:var(--g);font-size:.82rem;font-weight:700}
.pgo{color:var(--ink);text-align:start;font:inherit;border-bottom:1px dotted var(--g3)}
.card.place{cursor:pointer}
.card.place .t span:after{content:" · הקש לפרטים";color:var(--mut)}
.card.place.open .t span:after{content:""}
.pxp{flex-basis:100%;width:100%;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);cursor:default}
.pxb{display:flex;gap:8px;flex-wrap:wrap}.pxb .btn{flex:1;min-width:140px;height:42px;font-size:.86rem}
.pxc{font-size:.78rem;margin:8px 0 6px;direction:rtl}
.pxr{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;align-items:center}
.hx-strip{gap:8px;padding-bottom:6px}
.hph{flex:none;width:170px;border-radius:14px;overflow:hidden;background:var(--stone);color:var(--ink)}
.hph img{width:170px;height:110px;object-fit:cover;display:block;filter:sepia(.15)}
.hph span{display:block;padding:6px 8px;font-size:.68rem;line-height:1.35;direction:ltr;text-align:left}
.hph span b{display:block;font-size:.72rem;color:var(--g)}
.card.place{flex-wrap:wrap}
.sh-pw{position:relative;display:flex;align-items:stretch;flex:none}
.sh-pw .sh-pasuk{flex:1;padding-inline:6px}
.pnb{flex:none;width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--g);border-radius:14px;margin:4px 4px 8px}
.pnb span{font-size:.62rem;font-weight:700;color:var(--mut)}
.pnb svg{background:var(--gss);border-radius:50%;padding:5px;width:34px;height:34px;box-sizing:border-box}
.pnb:active svg{transform:scale(.9)}
.sh-body{position:relative}
.tabs{position:relative;-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent);padding-inline-end:28px}
.tabs.end{-webkit-mask-image:none;mask-image:none}
.mefbar{position:sticky;top:-14px;z-index:4;background:var(--paper);margin:-14px -16px 12px;padding:10px 16px;border-bottom:1px solid var(--line);box-shadow:0 6px 12px -10px rgba(0,0,0,.25)}
@media(min-width:900px){.home2 .today2{max-width:620px;margin-inline:28px}.home2 .track,.home2 .daily{max-width:620px}.home2 .feat{max-width:620px}.hero2{min-height:260px}}

/* v3: pasuk view — מקור / תרגום / מקור ותרגום */
.hv{display:inline}
.rd.m-tr .hv{display:none}
.rd.m-tr .tr{display:inline;background:none;border:0;padding:0;margin:0;font-size:1.02em;line-height:1.75;color:var(--ink)}
.rd.m-tr .txt{font-family:var(--ui);font-size:calc(var(--txt) * .68);text-align:start;line-height:1.75}
.rd.m-tr .tr.yi{font-family:var(--serif)}
.rd.m-tr.en .vs{direction:ltr;text-align:left}
.rd.m-tr .vs{margin-bottom:.55em}
.rd.trload .txt{opacity:.75;transition:opacity .2s}
.tr.yi{direction:rtl;text-align:right}
.sh-ctl{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px 10px;flex:none;min-height:36px}
.sh-ctl .sh-hint{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.seg.sm button{padding:5px 10px;min-height:32px;font-size:.78rem}
.seg.sm.lang button{padding:5px 8px}
.sh-pasuk{max-height:36vh}
.sh-pasuk .pxbox:empty{display:none}
.sh-pasuk .pxbox{margin-top:8px}
.sh-pasuk.m-tr.ready .phe{display:none}
.sh-pasuk.m-tr .pxbox{margin-top:0}
.tr-t{font-family:var(--ui);font-size:.95rem;line-height:1.6;color:var(--ink2);background:var(--paper);border-radius:10px;padding:8px 12px;border-inline-start:3px solid var(--gs)}
.tr-t.en{direction:ltr;text-align:left;border-inline-start:0;border-left:3px solid var(--gs)}
.sh-pasuk.m-tr .tr-t{font-size:1.05rem;color:var(--ink);background:none;border:0;padding:2px 0}
.tr-src{font-family:var(--ui);font-size:.68rem;color:var(--mut);margin-top:4px}
.tr-none{font-family:var(--ui);font-size:.8rem;color:var(--mut)}
.sh-pasuk .sk{height:2.6em;border-radius:10px;background:linear-gradient(90deg,var(--line),var(--paper),var(--line));background-size:200% 100%;animation:shim 1.2s infinite}
@keyframes shim{to{background-position:-200% 0}}

.person .ep{font-weight:500;color:var(--mut);font-size:.82em}
.pxrefs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pxrefs a{font-size:.78rem;padding:4px 9px;border-radius:999px;background:var(--gss);color:var(--g);text-decoration:none}
.pxrefs a.on{background:var(--g);color:var(--on-g)}

.updt{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(76px + var(--safe-b));z-index:200;background:var(--g);color:var(--on-g);border:0;border-radius:999px;padding:10px 18px;font:600 .88rem var(--ui);box-shadow:var(--shadow2);animation:fadeup .3s}
@keyframes fadeup{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}

.seg.pexp{width:100%;display:flex}
.seg.pexp button{flex:1 1 auto;white-space:nowrap;padding:5px 6px}
.sh-ctl{justify-content:center}
.pexb{font-family:var(--serif);font-size:1rem;line-height:1.75;color:var(--ink);background:var(--paper);border-radius:12px;padding:10px 14px;border-inline-start:3px solid var(--g)}
.pexb p{margin:0 0 .4em}.pexb p:last-child{margin:0}
.pexb b{color:var(--g);font-weight:600}
.pexb.easy b{font-family:var(--mikra);font-weight:500}
.pexb.tr-t{font-family:var(--ui);font-size:.95rem}
.pexb.tr-t.en{direction:ltr;text-align:left;border-inline-start:0;border-left:3px solid var(--g)}
.tr-src{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tr-src .lnk{background:none;border:0;color:var(--g);font:600 .72rem var(--ui);padding:6px 4px;text-decoration:underline;text-underline-offset:3px}
.sh-pasuk{max-height:42vh}

.iychip{display:flex;align-items:center;gap:10px;margin:18px 0 6px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;color:var(--g);text-decoration:none;font-family:var(--ui);background:transparent}
.iychip span{font-weight:700;font-size:.9rem;white-space:nowrap}
.iychip small{color:var(--mut);font-size:.76rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iychip i{font-style:normal;font-size:1.3rem;line-height:1}
/* reader: calm selection, no sticky hover bands on touch, no overflow */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.rd{overflow-wrap:break-word;box-sizing:border-box;width:100%}
.txt{max-width:100%;text-justify:inter-word}
.vs:hover{background:none}
@media (hover:hover){.vs:hover{background:color-mix(in srgb,var(--g) 6%,transparent)}}
.vs.sel{background:none;box-shadow:none;color:var(--g)}
.vs.sel .vn{opacity:1}
@keyframes flash{0%,60%{color:var(--g)}100%{color:inherit}}

/* מלות קשות — soft highlighter band (reader + panel) */
.gl,.sh-pasuk .w.gw{text-decoration:none;background-image:linear-gradient(to top,color-mix(in srgb,var(--g) 17%,transparent) .36em,transparent .36em);border-radius:2px;cursor:pointer}
[data-theme=night] .gl,[data-theme=night] .sh-pasuk .w.gw{background-image:linear-gradient(to top,color-mix(in srgb,var(--g) 32%,transparent) .36em,transparent .36em)}
.sh-hint2{font-family:var(--ui);font-size:.7rem;color:var(--mut);margin-top:2px}
.wq{font-family:var(--ui);font-size:.84rem;color:var(--mut);padding:2px 0}
.ex.gl1{font-family:var(--ui);font-size:.95rem}

.topbar .in{padding-inline:max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-left))}
.brand{min-width:0;flex:0 1 auto}

.sh-ctl{justify-content:flex-start;gap:8px;padding:0 14px 10px}
.pxl{font-family:var(--ui);font-size:.72rem;font-weight:700;color:var(--mut);white-space:nowrap}
.pexp{display:flex;gap:6px;flex:1;min-width:0}
.pexp button{font:600 .78rem var(--ui);color:var(--g);background:transparent;border:1px solid color-mix(in srgb,var(--g) 30%,transparent);border-radius:999px;padding:6px 10px;min-height:32px;white-space:nowrap}
.pexp button.act{background:var(--g);color:var(--on-g);border-color:var(--g)}
.pxx{flex:none;width:32px;height:32px;border:0;background:var(--gss);color:var(--mut);border-radius:50%;display:grid;place-items:center;padding:7px}
.pxx svg{width:16px;height:16px}

/* reading column: no bright white boxes on the parchment */
.rd{--paper:color-mix(in srgb,var(--bg) 55%,#FFFDF8)}
[data-theme=night] .rd{--paper:color-mix(in srgb,var(--bg) 50%,var(--pn,#171C19))}
.rd .tr{background:transparent}

.chzl{display:flex;flex-direction:column;gap:8px;margin:8px 0 6px}
.chzi{display:block;padding:8px 10px;border-radius:10px;background:var(--gss);color:var(--ink);text-decoration:none}
.chzi b{display:block;font-size:.8rem;color:var(--g);margin-bottom:2px}
.chzi span{font-family:var(--serif);font-size:.9rem;line-height:1.55;color:var(--ink2)}

.pxrefs.clip a.x{display:none}
.pxmore{font:600 .78rem var(--ui);color:var(--g);padding:4px 9px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--g) 40%,transparent)}

[data-theme=night] .pexp button.act,[data-theme=night] .pxrefs a.on,[data-theme=night] .updt{color:var(--on-g)}

/* v3c: horizontal scrollers — smooth flicking, no accidental opens */
.scrollx,.grp-tabs,.secnav,.tabs,.hx-strip{touch-action:pan-x pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.scrollx a,.scrollx img,.grp-tabs a,.secnav a,.secnav button,.tabs a,.tabs button{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}

/* v3d — pasuk sheet: one scroll container, only the tabs row pinned */
.sheet{height:calc(100vh - 10px);max-height:none}
@supports(height:100dvh){.sheet{height:calc(100dvh - 10px)}}
.sheet .grab{margin:7px auto 0}
.sh-top{padding:2px 8px 2px 6px;min-height:48px;position:relative;z-index:9}
.sh-top .iconbtn{width:44px;height:44px;flex:none}
.sh-top .ref{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;font:700 1rem var(--ui);color:var(--ink);text-align:start;background:none;border:0;padding:0 8px;min-height:44px;cursor:default}
.sh-top .ref .rr{flex:none;white-space:nowrap}
.sh-top .ref .ref-w{flex:1;min-width:0;font:400 .95rem var(--mikra);color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .2s}
.sheet.col .sh-top .ref{cursor:pointer}
.sheet.col .sh-top .ref .ref-w{opacity:1}
.sheet.col .sh-top{box-shadow:none}
.sh-sc{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;position:relative;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.sh-sc .sh-pasuk{max-height:none;overflow:visible;padding-top:0;padding-bottom:4px;line-height:1.85}
.sh-sc .pnb{margin:0 2px 4px}
.sh-sc .sh-ctl{padding:0 12px 8px;min-height:0}
.sh-tw{position:sticky;top:0;z-index:6;background:var(--paper);border-bottom:1px solid var(--line)}
.sheet.col .sh-tw{box-shadow:0 6px 12px -10px rgba(0,0,0,.3)}
.sh-tw .tabs{border-bottom:0;padding:2px 10px}
.sh-tw .tabs button{min-height:44px;padding:8px 13px}
.sh-sc .sh-body{flex:none;overflow:visible;min-height:calc(100% - 50px);padding-top:12px}
.sh-aa{position:absolute;z-index:12;top:56px;inset-inline-end:10px;width:min(330px,calc(100% - 20px));background:var(--bg);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow2);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.sh-aa[hidden]{display:none}
.sh-aa .r{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sh-aa .l{font:700 .78rem var(--ui);color:var(--mut);white-space:nowrap}
.sh-aa .seg button{min-height:44px;padding:8px 11px}
.sh-aa .seg button.big{font-size:1.1rem}
#shAaB[aria-expanded=true]{background:var(--gss);color:var(--g)}
.sh-ctl .pexp{overflow-x:auto;scrollbar-width:none}
.sh-ctl .pexp::-webkit-scrollbar{display:none}
.pexp button{min-height:36px;padding:6px 10px;flex:none}
.pexb.cut{max-height:calc(4 * 1.75em + 20px);overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.pexb.tr-t.cut{max-height:calc(4 * 1.75em + 20px)}
.tr-src .pexm{margin-inline-start:auto;min-height:36px;padding:4px 8px;font-weight:700;color:var(--g)}
@media(min-width:900px){.sheet{height:100vh}}

.sh-sc .sh-ctl{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap}
.sh-ctl .sh-hint2{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.pxp{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--g) 30%,transparent);background:transparent;color:var(--g);font:600 .8rem var(--ui);white-space:nowrap;flex:none;position:relative}
.pxp::after{content:"";position:absolute;inset:-4px 0}
.pxp .k{color:var(--mut);font-weight:700}
.pxp.on{background:var(--gss);border-color:color-mix(in srgb,var(--g) 45%,transparent)}
.pxp.on .k{color:var(--g)}
.pxp b{font-weight:700}
.pxp[aria-expanded=true] svg{transform:rotate(180deg)}
.pxm{position:absolute;z-index:11;top:calc(100% - 2px);inset-inline-start:12px;min-width:220px;background:var(--bg);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow2);padding:6px;display:flex;flex-direction:column}
.pxm[hidden]{display:none}
.pxm button{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:44px;padding:8px 12px;border-radius:12px;font:600 .92rem var(--ui);color:var(--ink);text-align:start;background:none;border:0}
.pxm button small{font-weight:400;font-size:.72rem;color:var(--mut)}
.pxm button.act{background:var(--gs);color:var(--g)}
.pxm button.off{color:var(--mut);border-top:1px solid var(--line);border-radius:0 0 12px 12px;margin-top:2px}
[data-theme=night] .pxm button.act{color:var(--g)}

.pxp{width:auto!important;max-width:100%}
.sh-top{background:var(--paper);border-radius:24px 24px 0 0}
.sh-aa .r.acts{border-top:1px solid var(--line);padding-top:8px;justify-content:stretch}
.sh-aa .aab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;background:var(--gss);color:var(--g);font:600 .86rem var(--ui);border:0}
.sh-aa .aab svg{width:20px;height:20px}

.sh-sc>.pxbox{padding:0 16px 10px}
.sh-sc>.pxbox:empty{display:none}
.sh-sc>.pxbox .sk{height:2.6em;border-radius:10px;background:linear-gradient(90deg,var(--line),var(--paper),var(--line));background-size:200% 100%;animation:shim 1.2s infinite}
/* hard words: clearer, still calm */
.gl,.sh-pasuk .w.gw{background-image:none;background-color:color-mix(in srgb,var(--g) 13%,transparent);border-radius:4px;text-decoration:underline dotted color-mix(in srgb,var(--g) 75%,transparent);text-decoration-thickness:1.5px;text-underline-offset:.28em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
[data-theme=night] .gl,[data-theme=night] .sh-pasuk .w.gw{background-image:none;background-color:color-mix(in srgb,var(--g) 17%,transparent);text-decoration-color:color-mix(in srgb,var(--g) 80%,transparent)}

/* v3d — home about the תנ״ך; personal learning in a side drawer */
.home3 .hero3{min-height:300px;border-radius:24px;display:flex;align-items:flex-end}
.hero3 .hc{padding:20px 18px 18px}
.hero3 h1{font-size:2.3rem;margin:4px 0 4px}
.hero3 p{font-size:.98rem}
.hsearch{margin-top:14px;display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--paper) 94%,transparent);border-radius:999px;padding:0 14px;min-height:48px;box-shadow:0 6px 20px -10px rgba(0,0,0,.5)}
.hsearch .i{display:grid;place-items:center;color:var(--g);flex:none}
.hsearch .i svg{width:20px;height:20px}
.hsearch input{flex:1;min-width:0;border:0;background:transparent;font:500 1rem var(--ui);color:var(--ink);height:46px;outline:none}
.hsearch input::placeholder{color:var(--mut)}
.contchip{display:inline-flex;align-items:center;gap:6px;margin:14px 2px 0;min-height:40px;padding:6px 14px;border-radius:999px;background:var(--gss);color:var(--g);font:600 .86rem var(--ui);max-width:100%}
.contchip .k{color:var(--mut);font-weight:600}
.contchip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home3 .bsec{margin-top:6px}
.home3 .bsec .sec-h h2{font-size:1.45rem}
.home3 .subg{font:700 .78rem var(--ui);color:var(--mut);margin:4px 2px 6px}
.home3 .feat{margin-top:18px;max-width:620px}
.dscrim{position:fixed;inset:0;background:rgba(10,14,12,.38);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s}
.dscrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;z-index:81;top:0;bottom:0;right:0;width:min(86vw,360px);background:var(--paper);box-shadow:var(--shadow2);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overflow-y:auto;overscroll-behavior:contain;padding:calc(8px + env(safe-area-inset-top)) 16px calc(24px + var(--safe-b));display:flex;flex-direction:column;gap:14px;border-radius:22px 0 0 22px}
html[dir=ltr] .drawer{right:auto;left:0;transform:translateX(-105%)}
.drawer.on{transform:none}
.dr-h{display:flex;align-items:center;justify-content:space-between;min-height:48px}
.dr-h b{font-family:var(--serif);font-size:1.35rem}
.dr-cont{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:var(--gss);color:var(--ink)}
.dr-cont .k{font:800 .78rem var(--ui);color:var(--g)}
.dr-cont .n{font-family:var(--serif);font-size:1.4rem}
.dr-cont .n small{font-family:var(--ui);font-size:.78rem;color:var(--mut)}
.dr-cont .btn{align-self:flex-start;margin-top:6px}
.dr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dr-stats div{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:2px}
.dr-stats b{font-family:var(--serif);font-size:1.3rem;color:var(--g)}
.dr-stats span{font-size:.72rem;color:var(--mut)}
.dr-l{font:800 .8rem var(--ui);color:var(--ink2);margin-bottom:8px}
.dr-l small{font-weight:500;color:var(--mut)}
.dr-sec .tr-g{gap:5px}
.dr-sec .tr-g .dd{height:24px}
.dr-nav{display:flex;flex-direction:column;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dr-lnk{display:flex;align-items:center;gap:12px;min-height:50px;color:var(--ink);font:600 .95rem var(--ui);background:none;border:0;text-align:start;padding:0 2px;width:100%}
.dr-lnk svg{width:22px;height:22px;color:var(--g);flex:none}
.dr-lnk.sub{min-height:44px;font-size:.84rem;color:var(--g)}
.dr-nav .dr-lnk+.dr-lnk{border-top:1px solid var(--line)}
@media(min-width:900px){.drawer{width:380px}}

#wx{width:44px!important;height:44px!important}

/* v3e: card headers never hidden under the pinned tabs */
.sh-sc{scroll-padding-top:var(--shtw,52px)}
.sh-sc .sh-body>*,.sh-sc .com{scroll-margin-top:calc(var(--shtw,52px) + 6px)}
@supports(overflow:clip){
.sh-sc .com{overflow:clip}
.sh-sc .com[open]>summary{position:sticky;top:var(--shtw,52px);z-index:3;background:var(--bg);border-radius:15px 15px 0 0;transition:box-shadow .15s}
.sh-sc .com[open]>summary.stuck{border-radius:0;box-shadow:0 1px 0 var(--line),0 8px 10px -10px rgba(0,0,0,.35)}
}


/* v3f — the pasuk stays pinned under the top bar; tabs pinned under it; the commentary scrolls */
.sh-pin{flex:none;position:relative;z-index:6;background:var(--paper);padding-top:6px;transition:box-shadow .15s}
.sheet.scd .sh-pin{box-shadow:0 1px 0 var(--line),0 8px 12px -12px rgba(0,0,0,.4)}
.sh-pin .sh-pw{align-items:center}
.sh-pin .sh-pasuk{flex:1;min-width:0;font-size:1.18rem;line-height:1.8;padding:2px 6px 4px;max-height:calc(4 * 1.8em + 6px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.sh-pin .sh-pasuk.ovf{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1.1em),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 1.1em),transparent)}
.sheet.pfull .sh-pin .sh-pasuk{max-height:52vh;-webkit-mask-image:none;mask-image:none}
.sh-pin .pnb{margin:0 2px;align-self:center;min-height:56px}
.sh-pmore{display:block;margin:-2px auto 4px;min-height:36px;padding:4px 14px;border:0;background:none;color:var(--g);font:700 .8rem var(--ui);text-decoration:underline;text-underline-offset:3px}
.sh-pmore[hidden]{display:none}
.sh-pin #wpop .wpop{margin:2px 12px 8px;max-height:34vh}
.sheet .sh-top .ref .ref-w,.sheet.col .sh-top .ref .ref-w{opacity:0;display:none}
.sh-sc{padding-top:8px}

/* ===== v3g: themes, menus, journey ===== */
html.thx,html.thx *,html.thx *::before,html.thx *::after{transition:background-color .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease),fill .45s,stroke .45s,box-shadow .45s!important}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
@keyframes popIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
/* bottom bar: pill indicator */
.bnav{padding:6px 8px calc(6px + var(--safe-b));background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px)}
.bnav a{gap:3px;padding:4px 0 2px;min-height:56px;color:var(--mut)}
.bnav a .bi{display:grid;place-items:center;width:58px;height:32px;border-radius:999px;transition:background .25s var(--ease),transform .25s var(--spring)}
.bnav a .bi svg{width:23px;height:23px}
.bnav a .bl{font-size:.7rem;font-weight:600;letter-spacing:.01em}
.bnav a.act{color:var(--g)}
.bnav a.act .bi{background:var(--gs)}
.bnav a.act .bl{font-weight:800}
.bnav a:active .bi{transform:scale(.9)}
/* drawer */
.drawer{background:var(--paper);gap:0;padding:calc(10px + env(safe-area-inset-top)) 14px calc(28px + var(--safe-b));width:min(86vw,350px);border-radius:28px 0 0 28px}
.dscrim{background:rgba(10,12,12,.32);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.drawer>*{opacity:0;transform:translateX(18px);transition:opacity .35s var(--ease),transform .45s var(--ease)}
.drawer.on>*{opacity:1;transform:none}
.drawer.on>:nth-child(2){transition-delay:.04s}.drawer.on>:nth-child(3){transition-delay:.08s}.drawer.on>:nth-child(4){transition-delay:.11s}.drawer.on>:nth-child(5){transition-delay:.14s}.drawer.on>:nth-child(6){transition-delay:.17s}
.dr-h{min-height:56px;margin-bottom:8px}
.dr-brand{display:flex;align-items:center;gap:10px}
.dr-brand .logo{height:34px;padding:0 8px;border-radius:11px;background:var(--g);color:var(--on-g);display:grid;place-items:center;font:700 .8rem var(--serif)}
.dr-brand b{font-family:var(--serif);font-size:1.25rem}
.dr-cont{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:20px;background:var(--g);color:var(--on-g);box-shadow:0 8px 24px color-mix(in srgb,var(--g) 28%,transparent);margin-bottom:18px}
.dr-cont .dc-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.dr-cont .k{font:600 .76rem var(--ui);color:inherit;opacity:.8}
.dr-cont b{font:700 1.18rem var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-cont .dc-go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--on-g) 18%,transparent);flex:none}
.dr-cont .dc-go svg{width:20px;height:20px}
.dr-cont:active{transform:scale(.98)}
/* grouped menu rows (drawer, settings) */
.mh{font:700 .74rem var(--ui);color:var(--mut);letter-spacing:.02em;padding:0 6px 8px;margin-top:4px}
.mgrp{background:var(--bg);border-radius:18px;overflow:hidden;margin-bottom:18px}
.mgrp.pad{padding:14px 12px;display:flex;flex-direction:column;gap:14px}
.mrow{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 12px;width:100%;color:var(--ink);font:600 .95rem var(--ui);text-align:start;position:relative;background:none;border:0;transition:background .15s}
.mrow+.mrow::before{content:"";position:absolute;top:0;inset-inline-start:54px;inset-inline-end:0;border-top:1px solid var(--line)}
.mrow:active{background:color-mix(in srgb,var(--g) 7%,transparent)}
.mrow .mi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--gs);color:var(--g);flex:none;font-style:normal}
.mrow .mi svg{width:18px;height:18px}
.mrow .ml{flex:1;min-width:0}
.mrow em{font:600 .8rem var(--ui);font-style:normal;color:var(--mut);display:inline-flex;align-items:center;gap:3px}
.mrow em svg{width:14px;height:14px;color:#D9822B}
.mrow .mc{color:var(--stone2);display:grid;place-items:center}
.mrow .mc svg{width:18px;height:18px}
[data-theme=night] .mrow .mc{color:var(--mut)}
/* accent swatches */
.accs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.acc{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:58px;padding:2px 0;background:none;border:0}
.acc i{width:34px;height:34px;border-radius:50%;background:var(--sw);display:grid;place-items:center;color:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .25s var(--spring),box-shadow .2s}
[data-theme=night] .acc i{background:var(--swd);color:#111}
.acc i svg{width:17px;height:17px;opacity:0;transform:scale(.5);transition:opacity .2s,transform .25s var(--spring)}
.acc span{font:600 .66rem var(--ui);color:var(--mut);white-space:nowrap}
.acc.act i{box-shadow:0 0 0 2.5px var(--paper),0 0 0 4.5px var(--sw)}
[data-theme=night] .acc.act i{box-shadow:0 0 0 2.5px var(--paper),0 0 0 4.5px var(--swd)}
.mgrp .acc.act i{box-shadow:0 0 0 2.5px var(--bg),0 0 0 4.5px var(--sw)}
[data-theme=night] .mgrp .acc.act i{box-shadow:0 0 0 2.5px var(--bg),0 0 0 4.5px var(--swd)}
.acc.act i svg{opacity:1;transform:none}
.acc.act span{color:var(--ink);font-weight:800}
.acc:active i{transform:scale(.88)}
.bgseg{display:flex;width:100%;background:var(--stone);border-radius:14px;padding:3px}
.bgseg button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:11px;font:600 .86rem var(--ui);color:var(--ink2)}
.bgseg button svg{width:17px;height:17px}
.bgseg button.act{background:var(--paper);color:var(--g);box-shadow:0 1px 3px rgba(0,0,0,.12)}

/* journey */
.jr{max-width:760px;padding-top:6px}
.jr-hero{position:relative;display:flex;align-items:center;gap:14px;padding:20px 20px 18px;border-radius:26px;color:var(--on-g);background:radial-gradient(120% 140% at 100% 0%,var(--g2) 0%,var(--g) 55%,color-mix(in srgb,var(--g) 70%,#000) 100%);box-shadow:0 14px 34px color-mix(in srgb,var(--g) 30%,transparent);overflow:hidden;margin-top:8px}
[data-theme=night] .jr-hero{background:radial-gradient(120% 140% at 100% 0%,var(--g3) 0%,var(--g) 60%,var(--g2) 100%)}
.jr-hero::after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--on-g) 7%,transparent)}
.jr-hero .jh-t{flex:1;min-width:0;position:relative;z-index:1}
.jr-hero .k{font:600 .78rem var(--ui);opacity:.82}
.jr-hero h2{margin:4px 0 2px;font:500 1.55rem/1.2 var(--serif)}
.jr-hero h2 b{font-weight:700}
.jr-hero p{margin:0 0 14px;font-size:.84rem;opacity:.85}
.jr-hero .go{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 10px;border-radius:999px;background:var(--on-g);color:var(--g);font:700 .92rem var(--ui)}
.jr-hero .go i{display:grid;place-items:center}.jr-hero .go svg{width:18px;height:18px}
.jr-hero:active{transform:scale(.985)}
.jh-r{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1;flex:none}
.jh-r span{font:600 .72rem var(--ui);opacity:.85}
.jh-r .rr .bgc{stroke:color-mix(in srgb,var(--on-g) 22%,transparent)}.jh-r .rr .fgc{stroke:var(--on-g)}.jh-r .rw{position:relative;display:grid;place-items:center}.jh-r .rw b{position:absolute;font:800 1.05rem var(--ui)}
.rr .bgc{stroke:var(--stone2)}.rr .fgc{stroke:var(--g);transition:stroke-dashoffset 1.1s var(--ease)}
.jr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 6px}
.js{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:14px 6px 12px;border-radius:20px;background:var(--paper);border:1px solid var(--line);min-height:104px;text-align:center}
.js b{font:700 1.6rem/1.1 var(--serif);color:var(--ink)}
.js>span:last-child{font-size:.74rem;color:var(--mut);font-weight:500}
.js .fl{width:26px;height:26px;color:var(--stone2);margin-bottom:2px}
.js .fl svg{width:26px;height:26px}
.js.hot .fl{color:#E07B24;animation:flick 2.4s ease-in-out infinite;transform-origin:50% 90%}
@keyframes flick{0%,100%{transform:scale(1) rotate(0)}30%{transform:scale(1.06,1.1) rotate(-2deg)}60%{transform:scale(.98,1.04) rotate(2deg)}}
.js.pc .rr{position:absolute;top:10px;left:50%;transform:translateX(-50%);opacity:.9}
.js.pc{padding-top:62px}
.js.pc b{font-size:1.15rem}
.jr-sec{margin-top:18px}
.jr-sec .sec-h{margin-bottom:10px}
.jr-cal{padding:14px}
.jr-g{padding:14px 14px 10px;margin-bottom:12px}
.jg-h{display:flex;align-items:baseline;justify-content:space-between}
.jg-h b{font:700 1.08rem var(--serif)}
.jg-h span{font-size:.76rem;color:var(--mut)}
.jg-bar{height:5px;border-radius:9px;background:var(--stone);margin:8px 0 12px;overflow:hidden}
.jg-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--g);transition:width 1.1s var(--ease)}
.jg-bar i.on{width:calc(var(--p)*100%)}
.jg-n{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 4px}
.jn{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 0;color:var(--ink);border-radius:14px}
.jn .rr{display:block}
.jn em{position:absolute;top:22px;left:50%;transform:translateX(-50%);font:700 .7rem var(--ui);font-style:normal;color:var(--g)}
.jn .jl{font:600 .78rem var(--ui);text-align:center;line-height:1.2}
.jn .jf{width:54px;height:54px;border-radius:50%;background:var(--g);color:var(--on-g);display:grid;place-items:center;box-shadow:0 4px 12px color-mix(in srgb,var(--g) 30%,transparent)}
.jn .jf svg{width:24px;height:24px}
.jn.here .rr{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--g) 45%,transparent))}
.jn.here .rr .bgc{stroke:var(--gs)}
.jn .hereb{position:absolute;top:-2px;inset-inline-end:8px;font:800 .6rem var(--ui);background:var(--g);color:var(--on-g);padding:2px 6px;border-radius:99px}
.jn:active{transform:scale(.94)}
.jr-rec{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.jr-rec .chip{flex:none}
.jr-rec .chip.dn{color:var(--g)}
.mgrp.card{background:var(--paper);border:1px solid var(--line);margin-bottom:0}
.mrow small{display:block;font:500 .78rem var(--ui);color:var(--mut);margin-top:1px}
.empty.sm{padding:16px;font-size:.88rem}
.stg{max-width:640px;padding-top:14px}
.stg .mgrp{background:var(--paper);border:1px solid var(--line)}
.stg .set{padding:2px 16px}
.pv-demo{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.pd-r{font:700 .74rem var(--ui);color:var(--g)}
.pd-t{font-size:1.25rem;color:var(--ink)}
.pd-b{display:flex;gap:8px;align-items:center}
.pd-chip{font:600 .76rem var(--ui);padding:5px 12px;border-radius:99px;background:var(--gs);color:var(--g)}
.pd-btn{font:700 .76rem var(--ui);padding:6px 14px;border-radius:99px;background:var(--g);color:var(--on-g)}
/* celebration */
.cel2{pointer-events:auto;background:rgba(10,12,12,0);transition:background .3s;cursor:pointer}
.cel2.on{background:rgba(10,12,12,.28)}
.cel2 .cc{animation:none;opacity:0;transform:scale(.86) translateY(10px);transition:opacity .3s var(--ease),transform .5s var(--spring);min-width:260px;padding:26px 28px 20px}
.cel2.on .cc{opacity:1;transform:none}
.cel2.off .cc{opacity:0;transform:scale(.96)}
.cring{position:relative;width:112px;height:112px;margin:0 auto 10px}
.cring .bgc{fill:none;stroke:var(--stone);stroke-width:8}
.cring .fgc{fill:none;stroke:var(--g);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease)}
.cring .ck{position:absolute;inset:0;display:grid;place-items:center;color:var(--g)}
.cring .ck svg{width:44px;height:44px;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s var(--ease) .25s}
.cel2.on .cring .ck svg{stroke-dashoffset:0}
.cel2 .cs{font-size:.95rem;color:var(--ink2)}
.cel2 .cm{display:flex;justify-content:center;gap:14px;margin-top:12px;font-size:.82rem;color:var(--mut)}
.cel2 .cm em{font-style:normal;font-weight:800;color:var(--ink)}
.cel2 .cm .csk{display:inline-flex;align-items:center;gap:3px}
.cel2 .cm .csk svg{width:16px;height:16px;color:#E07B24}
.cel2 .cm .csk.up svg{animation:flick 1s ease-in-out 3}
.cel2 .ctap{margin-top:12px;font-size:.7rem;color:var(--mut);opacity:.7}
@media (prefers-reduced-motion:reduce){.js.hot .fl,.cel2 .cm .csk.up svg{animation:none}}

.xn{font:800 .7rem var(--ui);font-style:normal;color:var(--g);background:var(--gs);padding:2px 7px;border-radius:99px;margin-inline-start:6px}
.mrow em.xn{color:var(--g)}
.mrow small.fvt{font-family:var(--mikra);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jr .mh{padding-inline-start:4px}

/* unified menus: ⋯ (sheet), ביאור ▾, Aa */
.sh-aa.mnu,.pxm{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.05),0 18px 48px rgba(20,20,10,.2);padding:6px;gap:0;transform-origin:var(--to,top left)}
[data-theme=night] .sh-aa.mnu,[data-theme=night] .pxm{box-shadow:0 18px 48px rgba(0,0,0,.55)}
.sh-aa.mnu{width:min(300px,calc(100% - 20px));top:52px;--to:top left}
.sh-aa.mnu:not([hidden]),.pxm:not([hidden]){animation:menuIn .2s var(--ease)}
.mnu .mrow{min-height:48px;border-radius:14px;padding:0 10px;font-size:.93rem}
.mnu .mrow+.mrow::before{display:none}
.mnu .mrow .mi{background:none;width:26px;height:26px;color:var(--g)}
.mnu .mrow .mi svg{width:21px;height:21px}
.mnu .mrow .mi.on{color:var(--g)}
.msep{height:1px;background:var(--line);margin:6px 10px}
.mrw{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 10px}
.mrw .l{font:600 .86rem var(--ui);color:var(--ink2);white-space:nowrap}
.mrw .seg button{min-height:40px;padding:6px 11px}
.mrw .seg button.big{font-size:1.1rem}
/* ביאור menu */
.pxm{min-width:248px;padding:6px}
.pxm .pxh{font:700 .72rem var(--ui);color:var(--mut);padding:8px 12px 6px;letter-spacing:.02em}
.pxm button{min-height:48px;align-items:center;border-radius:14px;padding:6px 12px;gap:12px}
.pxm button>span{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.pxm button .rk{width:20px;height:20px;flex:none;color:var(--g);opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s var(--spring)}
.pxm button.act .rk{opacity:1;transform:none}
.pxm button.act{background:var(--gs);color:var(--g)}
.pxm button.off{border-top:0;border-radius:14px;margin-top:0;color:var(--mut)}
.pxm .msep{margin:4px 8px}
/* Aa popover */
.popset{display:block;visibility:hidden;opacity:0;transform:translateY(-6px) scale(.97);transform-origin:top left;transition:opacity .18s var(--ease),transform .22s var(--ease),visibility 0s .22s;padding:4px 14px 12px;border-radius:22px;border:1px solid var(--line);max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;width:340px}
.popset.on{visibility:visible;opacity:1;transform:none;transition:opacity .18s var(--ease),transform .22s var(--ease),visibility 0s}
.popset .ph{font:700 .72rem var(--ui);color:var(--mut);letter-spacing:.02em;padding:14px 2px 6px}
.popset .set .row{padding:10px 0;min-height:52px}
.popset .set .row.col{padding:10px 0 12px}
.popset .pv{padding:14px 0 4px}
.popset .appr{display:flex;flex-direction:column;gap:12px;padding:4px 0 2px}
/* reorder */
.sh-sc .com.tall[open]>summary{position:sticky}
.sh-sc .com[open]:not(.tall)>summary{position:relative;top:auto}
#shb.dragging .com .cb,#shb.editing .com .cb{display:none}
#shb.dragging .com>summary,#shb.editing .com>summary{position:relative!important;top:auto;border-radius:15px}
#shb .com.shift{transition:transform .22s var(--ease)}
#shb .com.lift{position:relative;z-index:20;box-shadow:0 16px 36px rgba(20,20,10,.22),0 0 0 2px var(--g);transition:box-shadow .2s;border-radius:16px}
[data-theme=night] #shb .com.lift{box-shadow:0 16px 36px rgba(0,0,0,.6),0 0 0 2px var(--g)}
#shb .com.dropped{animation:dropped .7s var(--ease)}
@keyframes dropped{0%{box-shadow:0 0 0 2px var(--g)}100%{box-shadow:0 0 0 2px transparent}}
#shb .com>summary{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#shb.dragging,#shb.editing{touch-action:pan-y}
.ordb{display:flex;gap:2px;margin-inline-start:auto}
.ordb button{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--g);background:var(--gss)}
.ordb button svg{width:20px;height:20px}
#shb.editing .com>summary .chev{display:none}
#shb.editing .com>summary{cursor:grab}
.ordbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:14px;background:var(--gss);color:var(--ink2);font:600 .84rem var(--ui)}
.ordbar span{display:flex;align-items:center;gap:6px}.ordbar svg{width:18px;height:18px;color:var(--g)}
.ordhint{display:flex;align-items:center;gap:10px;margin:6px 2px 4px;padding:10px 6px 10px 12px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--g) 35%,transparent);color:var(--ink2);font:500 .82rem var(--ui)}
.ordhint>svg{width:18px;height:18px;color:var(--g);flex:none}
.ordhint span{flex:1}
.ordhint button{width:36px;height:36px;display:grid;place-items:center;color:var(--mut)}.ordhint button svg{width:16px;height:16px}

.popset .row.col>.seg{display:flex;width:100%}.popset .row.col>.seg button{flex:1}
.stg .row.col>.seg{display:flex;width:100%}.stg .row.col>.seg button{flex:1}

#shb .com.lift{background:var(--paper);z-index:5}
#shb.editing details.com:first-of-type .ou,#shb.editing details.com:last-of-type .od{opacity:.3;pointer-events:none}

/* home: continue + streak + פסוק היום */
.hrow{display:flex;gap:10px;align-items:stretch;margin-top:14px}
.hrow .contchip{flex:0 1 auto;margin:0;min-height:44px}
.skchip{display:flex;align-items:center;gap:4px;padding:0 14px;min-height:44px;border-radius:999px;background:var(--gss);font:800 .95rem var(--ui);color:var(--ink)}
.skchip svg{width:20px;height:20px;color:#E07B24;animation:flick 2.4s ease-in-out infinite;transform-origin:50% 90%}
.potd{position:relative;display:block;margin:16px 0 4px;padding:18px 20px 14px;border-radius:24px;background:linear-gradient(160deg,var(--paper),color-mix(in srgb,var(--gs) 60%,var(--paper)));border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);overflow:hidden}
.potd::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--g);opacity:.0}
.potd .k{display:inline-flex;align-items:center;gap:6px;font:700 .76rem var(--ui);color:var(--g)}
.potd .k svg{width:16px;height:16px}
.potd .pt{margin:8px 0 10px;font:500 1.32rem/1.75 var(--mikra);color:var(--ink);min-height:2.4em}
.potd .pt .sk{display:block;height:14px;margin:10px 0}
.potd .pr{display:flex;align-items:center;justify-content:space-between;font:600 .82rem var(--ui);color:var(--mut)}
.potd .psh{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--g);background:var(--gss)}
.potd .psh svg{width:19px;height:19px}
.potd:active{transform:scale(.99)}

/* book map (v3g) */
.bsh{margin:28px 0 12px;padding:0 2px}
.bsh h2{margin:0;font:600 1.3rem/1.25 var(--serif);color:var(--ink);display:flex;align-items:center;gap:10px}
.bsh h2::after{content:"";flex:1;height:1px;background:linear-gradient(to left,var(--line),transparent)}
.bsh p{margin:3px 0 0;font:400 .82rem var(--ui);color:var(--mut)}
.pk .ss{gap:0;margin-top:8px}
.pk .ss a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.pk .ss a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk .ss a.h span{font:500 1rem/1.4 var(--serif);color:var(--ink);white-space:normal}
.pk .ss a.o span{font:400 .98rem/1.5 var(--mikra);color:var(--ink2)}
.pk .ss a i{font:500 .7rem var(--ui);color:var(--mut);min-width:0;flex:none;background:var(--bg);padding:1px 7px;border-radius:99px}
.pk .ss a.more span{font:500 .8rem var(--ui);color:var(--g)}
.yrx{margin-top:8px}
.yrx>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;max-width:100%;font:600 .74rem var(--ui);background:var(--gs);color:var(--g);padding:4px 10px;border-radius:99px;margin:0}
.yrx>summary::-webkit-details-marker{display:none}
.yrx>summary .yt{font-weight:500;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.yrx>summary .est{font-style:normal;font-weight:700;font-size:.66rem;color:var(--mut);border-inline-start:1px solid color-mix(in srgb,var(--g) 30%,transparent);padding-inline-start:6px}
.yrx[open]>summary{border-radius:12px 12px 4px 4px}
.yrd{margin-top:4px;padding:8px 10px;border-radius:4px 4px 12px 12px;background:var(--gss);font:500 .78rem/1.6 var(--ui);color:var(--ink2)}
/* closed drawer is fully hidden (no edge peeking on Android) */
.drawer{visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .32s}
.drawer.on{visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s}
html,body{overflow-x:clip}



.goals{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}
.gchip{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border-radius:16px;background:var(--paper);border:1px solid var(--line);min-height:56px;text-align:start}
.gchip b{font:700 .9rem var(--ui);color:var(--ink)}
.gchip span{font:500 .74rem var(--ui);color:var(--mut)}
.gchip.act{border-color:var(--g);background:var(--gss)}
.gchip:active{transform:scale(.97)}
.goal{padding:14px 16px;margin-bottom:10px}
.gl-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.gl-h b{font:700 1.15rem var(--serif)}
.gl-h span{font-size:.78rem;color:var(--mut)}
.goal .jg-bar{margin:10px 0 8px}
.gl-f{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--ink2)}
.lnk{color:var(--g);font:600 .8rem var(--ui);min-height:36px}

/* home v3g: search pill → continue hero → פסוק היום → journey strip */
.home4{padding-top:4px}
.hgreet{font:500 .8rem var(--ui);color:var(--mut);padding:6px 4px 8px}
.hsearch2{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .2s,border-color .2s}
.hsearch2:focus-within{border-color:color-mix(in srgb,var(--g) 45%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--g) 12%,transparent)}
.hsearch2 .i{display:grid;place-items:center;color:var(--mut)}.hsearch2 .i svg{width:20px;height:20px}
.hsearch2 input{flex:1;min-width:0;border:0;background:none;font:400 1rem var(--ui);color:var(--ink);outline:none;height:100%}
.hsearch2 input::placeholder{color:var(--mut)}
.hcont{position:relative;display:block;margin-top:14px;min-height:232px;border-radius:26px;overflow:hidden;color:#fff;background:color-mix(in srgb,var(--g) 55%,#141814);box-shadow:var(--shadow)}
.hcont img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--ease)}
.hcont:active img{transform:scale(1.05)}
.hcont::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,color-mix(in srgb,var(--gd) 55%,transparent) 45%,color-mix(in srgb,var(--gd) 88%,transparent) 100%)}
.hc2{position:absolute;inset:auto 0 0 0;z-index:2;padding:18px 20px 18px;display:flex;flex-direction:column;gap:3px}
.hc2 .k{font:600 .78rem var(--ui);opacity:.85}
.hc2 h2{margin:0;font:500 1.75rem/1.15 var(--serif);text-shadow:0 1px 12px rgba(0,0,0,.25)}
.hc2 h2 b{font-weight:700}
.hc2 .sub{font-size:.82rem;opacity:.85}
.hbar{display:block;height:4px;border-radius:9px;background:rgba(255,255,255,.25);margin:10px 0 12px;overflow:hidden}
.hbar i{display:block;height:100%;width:0;background:#fff;border-radius:inherit;transition:width 1.1s var(--ease)}
.hbar i.on{width:calc(var(--p)*100%)}
.hc2 .go{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 12px;border-radius:999px;background:#fff;color:var(--g);font:700 .95rem var(--ui)}
[data-theme=night] .hc2 .go{background:var(--g);color:var(--on-g)}
.hc2 .go i{display:grid;place-items:center}.hc2 .go svg{width:18px;height:18px}
.hcont .credit-i{position:absolute;z-index:3;top:10px;left:10px}
.jstrip{display:flex;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;border-radius:20px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.jsi{display:flex;align-items:center;gap:5px;padding:0 6px;border-inline-start:1px solid var(--line)}
.jsi:first-child{border:0}
.jsi b{font:800 1rem var(--ui)}
.jsi small{font-size:.72rem;color:var(--mut)}
.jsi>svg{width:18px;height:18px;color:var(--stone2)}
.jsi.hot>svg{color:#E07B24;animation:flick 2.4s ease-in-out infinite;transform-origin:50% 90%}
.jsg{margin-inline-start:auto;display:flex;align-items:center;gap:2px;font:700 .78rem var(--ui);color:var(--g);white-space:nowrap}
.jsg svg{width:16px;height:16px}
.jstrip:active{transform:scale(.99)}
@media (max-width:370px){.jsi small{display:none}}
/* "כאן לומדים" — links to the נביאים (kovetz) */
.nvc{display:inline-flex;align-items:center;gap:3px;vertical-align:.15em;margin-inline-start:5px;padding:1px 8px 1px 7px;border-radius:99px;background:var(--gss);color:var(--g);font:700 .62rem/1.7 var(--ui);white-space:nowrap;opacity:.9}
.nvc svg{width:12px;height:12px}
.nvbox{position:relative;margin:0 0 12px;padding:12px 14px 12px 14px;border-radius:16px;background:var(--gss);border:1px solid color-mix(in srgb,var(--g) 20%,var(--line))}
.nvi{position:absolute;top:12px;inset-inline-end:12px;color:var(--g);opacity:.5}.nvi svg{width:18px;height:18px}
.nvt{font:400 .98rem/1.75 var(--serif);color:var(--ink);padding-inline-end:22px}
.nvt .b{font-family:var(--ui);font-weight:800;font-size:.86rem;color:var(--g)}
.nvt .src{font:500 .74rem var(--ui);color:var(--mut)}
.nvt .q{font-family:var(--mikra)}
.nvt .tg{height:18px;font-size:.62rem;padding:0 7px;margin-inline-start:4px;vertical-align:.1em}
.nvt a.r{color:inherit}
.nvls{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.nvl{font:700 .8rem var(--ui);padding:6px 12px;border-radius:99px;background:var(--paper);border:1px solid color-mix(in srgb,var(--g) 25%,transparent);color:var(--g);min-height:36px;display:inline-flex;align-items:center;gap:6px}
.nvl i{font-style:normal}
.auto{display:inline-block;margin-inline-start:6px;font:600 .64rem var(--ui);font-style:normal;color:var(--mut);border:1px dashed var(--stone2);padding:0 6px;border-radius:99px;vertical-align:middle}
.uintro{padding:14px 16px;margin:0 0 14px;font:400 1rem/1.75 var(--serif)}
.uintro p{margin:0 0 .6em}.uintro p:last-child{margin:0}

/* gloss: faint underline only; tiny tooltip */
.gl,.sh-pasuk .w.gw,[data-theme=night] .gl,[data-theme=night] .sh-pasuk .w.gw{background:none!important;background-image:none!important;text-decoration:underline dotted color-mix(in srgb,var(--g) 45%,transparent)!important;text-decoration-thickness:1.3px!important;text-underline-offset:.3em!important;border-radius:4px;transition:background-color .15s}
.gl.on,.sh-pasuk .w.gw.on,.sh-pasuk .w.on{background-color:color-mix(in srgb,var(--g) 14%,transparent)!important;text-decoration-color:var(--g)!important}
#gpop{position:absolute;z-index:65;inset-inline:auto;left:0;margin:0;width:max-content;max-width:min(72vw,320px);padding:8px 13px;border-radius:14px;background:var(--paper);border:1px solid var(--line);box-shadow:0 6px 22px rgba(20,20,10,.18);display:none;animation:none;opacity:0;transform:translateY(4px) scale(.97);transition:opacity .16s var(--ease),transform .2s var(--ease);cursor:pointer}
#gpop.up{transform-origin:bottom center}#gpop.dn{transform-origin:top center;transform:translateY(-4px) scale(.97)}
#gpop.on{display:block;opacity:1;transform:none}
#gpop.off{display:block;opacity:0}
[data-theme=night] #gpop{box-shadow:0 8px 26px rgba(0,0,0,.5)}
#gpop .gp-in{font:500 .98rem/1.45 var(--ui);color:var(--ink)}
#gpop .gp-g{font:500 .98rem/1.45 var(--ui)}
#gpop .gp-s{font:500 .66rem var(--ui);color:var(--mut);white-space:nowrap}
#gpop .gp-more{display:none}
#gpop.x .gp-more{display:block;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
#gpop .gp-full{font:400 .92rem/1.6 var(--serif);color:var(--ink2);margin-bottom:4px}
#gpop .gp-a{display:flex;justify-content:space-between;gap:12px;font:700 .8rem var(--ui)}
#gpop .gp-a a,#gpop .gp-a button{min-height:36px;display:inline-flex;align-items:center;color:var(--g);white-space:nowrap}
#gpop .gp-ar{position:absolute;width:12px;height:12px;background:var(--paper);border:1px solid var(--line);transform:translateX(-50%) rotate(45deg)}
#gpop.up .gp-ar{bottom:-7px;border-top:0;border-left:0}
#gpop.dn .gp-ar{top:-7px;border-bottom:0;border-right:0}

.hcont{min-height:184px}
.hc2{padding:16px 18px}.hc2 h2{font-size:1.55rem}.hbar{margin:8px 0 10px}.hc2 .go{height:40px}
.bpick{margin-top:6px}
.bpg{margin-top:14px}
.bpg-h{display:flex;align-items:baseline;gap:6px;font:700 .8rem var(--ui);color:var(--mut);margin:0 2px 8px}
.bpg-h span{font-weight:500;font-size:.72rem;opacity:.8}
.btiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.btile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1px;min-height:68px;padding:10px 12px;border-radius:16px;text-align:start;background:color-mix(in srgb,var(--g) calc(3% + var(--gi)*2.2%),var(--paper));border:1px solid color-mix(in srgb,var(--g) calc(8% + var(--gi)*3%),var(--line));transition:transform .15s var(--ease),background .2s,border-color .2s}
.btile:active{transform:scale(.96)}
.btile .bn{font:600 1.08rem/1.2 var(--serif);color:var(--ink)}
.btile .bc{font:500 .68rem var(--ui);color:var(--mut)}
.btile .br{position:absolute;top:8px;inset-inline-end:8px;line-height:0}
.btile .br .bgc{stroke:color-mix(in srgb,var(--g) 14%,transparent)}
.btile .br .fgc{stroke:var(--g);transition:stroke-dashoffset 1s var(--ease)}
.btile:not(.st) .br{opacity:.55}
.btile.on{background:var(--gs);border-color:var(--g)}
.pgrid{grid-column:1/-1;overflow:hidden;max-height:0;opacity:0;transition:max-height .32s var(--ease),opacity .2s;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:0 12px}
.pgrid.on{max-height:1400px;opacity:1;padding:10px 12px 12px}
.pg-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.pg-h b{font:600 1.05rem var(--serif)}
.pg-h a{font:700 .8rem var(--ui);color:var(--g);min-height:36px;display:inline-flex;align-items:center}
.pcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}
.pc{display:grid;place-items:center;height:44px;border-radius:12px;background:var(--bg);font:600 .9rem var(--ui);color:var(--ink2);border:1px solid transparent}
.pc.d{background:var(--gs);color:var(--g)}
.pc.cur{border-color:var(--g);color:var(--g);font-weight:800}
.pc:active{transform:scale(.94)}
.kvrow{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border-radius:18px;background:var(--paper);border:1px solid var(--line);min-height:56px}
.kvrow .kvi{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--gs);color:var(--g)}.kvrow .kvi svg{width:20px;height:20px}
.kvrow span:nth-child(2){flex:1;display:flex;flex-direction:column}
.kvrow b{font:700 .95rem var(--ui)}.kvrow small{font-size:.74rem;color:var(--mut)}
.kvrow i svg{width:18px;height:18px;color:var(--mut)}
.jstrip.bot{margin-top:12px;padding:8px 12px;border-radius:16px;background:transparent}

/* v3h: return pill after a cross-link jump */
.xbk{position:fixed;left:50%;bottom:calc(84px + var(--safe-b));z-index:45;display:flex;align-items:center;max-width:calc(100vw - 32px);height:46px;padding:0 4px 0 4px;border-radius:999px;background:var(--g);color:var(--on-g);box-shadow:0 10px 30px -8px color-mix(in srgb,var(--g) 55%,transparent),0 2px 6px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.14);transform:translate(-50%,18px) scale(.96);opacity:0;pointer-events:none;transition:transform .38s var(--spring,cubic-bezier(.34,1.4,.64,1)),opacity .22s var(--ease)}
.xbk.on{transform:translate(-50%,0) scale(1);opacity:1;pointer-events:auto}
.xbk button{appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.xbk .xb-go{display:flex;align-items:center;gap:9px;height:46px;padding:0 14px 0 10px;min-width:0;font:500 .92rem/1 var(--ui);letter-spacing:.005em;border-radius:999px}
.xbk .xb-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.16);flex:none}
.xbk .xb-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.xbk .xb-t b{font-weight:700;font-family:var(--serif);font-size:1.02rem;letter-spacing:0}
.xbk .xb-n{font-style:normal;font:700 .72rem/1 var(--ui);min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:99px;background:rgba(255,255,255,.2);flex:none}
.xbk .xb-sep{width:1px;height:22px;background:currentColor;opacity:.22;flex:none}
.xbk .xb-x{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;opacity:.78;flex:none}
.xbk button:active{background:rgba(255,255,255,.12)}
.xbk .xb-go:active .xb-ic{transform:scale(.9)}
.xbk .xb-ic{transition:transform .2s var(--ease)}
[data-theme=night] .xbk .xb-ic,[data-theme=night] .xbk .xb-n{background:rgba(0,0,0,.14)}
[data-theme=night] .xbk button:active{background:rgba(0,0,0,.1)}
body:has(#sheet.on) .xbk,body:has(.drawer.on) .xbk,body:has(.scrim.on) .xbk{opacity:0;pointer-events:none;transform:translate(-50%,18px) scale(.96)}
body.hasxb .updt{bottom:calc(140px + var(--safe-b))}
body.hasxb .toast{bottom:calc(144px + var(--safe-b))}
body.hasxb #main{padding-bottom:calc(150px + var(--safe-b))}
@media(min-width:900px){.xbk{bottom:28px}}
@media (prefers-reduced-motion:reduce){.xbk{transition:opacity .2s}}

/* v3i: goal as secondary chip under continue card */
.hgoal,.dr-goal{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}
.hgoal{margin:10px 2px 0;padding:10px 14px;border-radius:16px;background:var(--paper);border:1px solid var(--line);font:500 .88rem var(--ui)}
.hgoal i,.dr-goal i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--g) 12%,transparent);color:var(--g)}
.hgoal i svg,.dr-goal i svg{width:15px;height:15px}
.hgoal .gl,.dr-goal .gl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hgoal .gl b,.dr-goal .gl b{font-weight:700;color:var(--g)}
.hgoal em,.dr-goal em{font:600 .74rem var(--ui);font-style:normal;color:var(--mut);flex:none}
.hgoal .ga,.dr-goal .ga{flex:none;display:grid;place-items:center;color:var(--mut)}
.hgoal .ga svg,.dr-goal .ga svg{width:16px;height:16px}
.hgoal.ok i,.dr-goal.ok i{background:var(--g);color:var(--on-g)}
.hgoal:active,.dr-goal:active{transform:scale(.985)}
.dr-cont .dc-t small{font:500 .78rem var(--ui);opacity:.85}
.dr-cont:has(+.dr-goal){margin-bottom:8px}
.dr-goal{margin:0 0 18px;padding:9px 12px;border-radius:14px;background:var(--gss);font:500 .84rem var(--ui)}

/* v3i: sefer tile art */
.btile.art{justify-content:flex-start;gap:0;padding:5px 5px 8px;min-height:0;overflow:hidden}
.btile .bart{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:color-mix(in srgb,#C9B48E 30%,var(--paper))}
.btile .bart::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(60,40,10,.08),inset 0 -14px 22px -14px rgba(60,40,10,.22);pointer-events:none}
.btile .bart img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.03);transition:opacity .45s var(--ease),transform .8s var(--ease)}
.btile .bart.ld img{opacity:1;transform:none}
.btile .bart.no img{display:none}
[data-theme=night] .btile .bart img,[data-theme=dark] .btile .bart img{filter:brightness(.82) saturate(.9)}
.btile .bmeta{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:7px 5px 0}
.btile .bt{display:flex;flex-direction:column;min-width:0}
.btile.art .bn{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btile.art .br{position:static;flex:none}
.btile.art.on .bart{box-shadow:0 0 0 2px var(--g)}
/* v3i: object picture mark + sheet row + lightbox */
.obc{display:inline-grid;place-items:center;vertical-align:.12em;margin-inline-start:4px;width:1.35em;height:1.35em;border-radius:50%;background:transparent;color:var(--g3);opacity:.75;padding:0;border:0}
.obc svg{width:.95em;height:.95em}
.obc:active{background:var(--gss)}
.sh-obj{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:10px 16px 2px;padding:8px 10px 8px 12px;border-radius:16px;background:var(--gss);color:var(--ink);text-align:start;border:0}
.sh-obj .so-th{flex:none;width:56px;height:42px;border-radius:10px;overflow:hidden;background:var(--stone)}
.sh-obj .so-th img{width:100%;height:100%;object-fit:cover;display:block}
.sh-obj .so-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sh-obj .so-t small{display:inline-flex;align-items:center;gap:4px;font:600 .72rem var(--ui);color:var(--g)}
.sh-obj .so-t small svg{width:13px;height:13px}
.sh-obj .so-t b{font:600 1rem var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-obj>i{flex:none;color:var(--mut);display:grid}.sh-obj>i svg{width:16px;height:16px}
#objLb{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;pointer-events:none}
#objLb .ol-bg{position:absolute;inset:0;background:rgba(20,16,10,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s var(--ease)}
#objLb .ol-card{position:relative;margin:0;width:min(560px,100%);border-radius:22px;overflow:hidden;background:var(--paper);box-shadow:0 24px 60px rgba(0,0,0,.35);transform:translateY(16px) scale(.97);opacity:0;transition:transform .3s var(--ease),opacity .25s var(--ease)}
#objLb.on{pointer-events:auto}#objLb.on .ol-bg{opacity:1}#objLb.on .ol-card{transform:none;opacity:1}
#objLb .ol-img{background:#EFE6D3}#objLb .ol-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#objLb figcaption{display:flex;flex-direction:column;gap:3px;padding:14px 18px 16px}
#objLb figcaption b{font:600 1.3rem/1.2 var(--serif);color:var(--ink)}
#objLb .ol-s{font:500 .84rem var(--ui);color:var(--ink2,var(--mut))}
#objLb .ol-n{font:500 .74rem var(--ui);color:var(--mut);margin-top:4px}
#objLb .ol-x{position:absolute;top:10px;inset-inline-start:10px;z-index:2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:0;background:rgba(255,255,255,.85);color:#222;backdrop-filter:blur(4px)}
#objLb .ol-x svg{width:18px;height:18px}

/* v3k סיכום הפרק — quiet summary at the top of the end card */
.endcard.hassk{padding-top:20px}
.sikum{text-align:start;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid var(--line);position:relative}
.sikum:after{content:"";position:absolute;bottom:-4px;left:50%;width:7px;height:7px;margin-left:-3.5px;transform:rotate(45deg);background:var(--paper);border:1px solid var(--line)}
.sk-h{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:var(--g);font-size:.78rem;font-weight:600;letter-spacing:.02em}
.sk-h:before,.sk-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--g) 30%,transparent),transparent)}
.sk-l{list-style:none;margin:0;padding:0}
.sk-l li{margin:0}
.sk-l li.sk-x{display:none}.sikum.open .sk-l li.sk-x{display:block}
.sk-go{display:flex;align-items:baseline;gap:10px;width:100%;padding:7px 2px;text-align:start;color:var(--ink);font:inherit;background:none;border:0;cursor:pointer}
.sk-go:before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--g);opacity:.55;transform:translateY(-.28em)}
.sk-t{flex:1;font-family:var(--serif);font-size:1.12rem;line-height:1.45;font-weight:500}
.sk-go small.sk-c{flex:none;font-size:.68rem;color:var(--mut);background:var(--stone);padding:1px 7px;border-radius:99px}
.sk-go i{flex:none;font-style:normal;font-size:.74rem;color:var(--mut);white-space:nowrap}
.sk-go:active .sk-t{color:var(--g)}
.sk-more{display:block;margin:4px auto 0;font-size:.82rem;color:var(--g);background:none;border:0;padding:6px 10px}
.sk-src{margin-top:8px;font-size:.7rem;color:var(--mut);text-align:center;opacity:.85}

/* v3l reading backgrounds: לבן (default) · קלף · אפור · ירוק · כהה · שחור. Light family = data-theme sepia/gray/sage; כהה = data-theme=night + data-bg=dim (inherits every night rule, neutrals overridden here, placed last so it beats the per-accent night neutrals). Text >= 4.5:1 on bg/paper. */
[data-theme=sepia]{--mut:#6B6A60;--stone2:#D8CAAB}
[data-theme=gray]{--bg:#EBECEA;--paper:#F8F8F6;--stone:#E0E1DE;--stone2:#CDCFCB;--line:#D8D9D5;--ink:#1E2120;--ink2:#3A3E3C;--mut:#5E625F;--gss:color-mix(in srgb,var(--g) 6%,#F8F8F6)}
[data-theme=sage]{--bg:#DDE7D9;--paper:#EFF4EC;--stone:#D1DDCC;--stone2:#BFCEB9;--line:#C9D7C3;--ink:#1B231D;--ink2:#34403A;--mut:#56625A;--gs:color-mix(in srgb,var(--g) 14%,#EFF4EC);--gss:color-mix(in srgb,var(--g) 7%,#EFF4EC)}
[data-theme=gray] .rd{--paper:color-mix(in srgb,var(--bg) 55%,#F8F8F6)}
[data-theme=sage] .rd{--paper:color-mix(in srgb,var(--bg) 55%,#EFF4EC)}
[data-theme=night][data-bg=dim]{--bg:#1F2123;--paper:#2A2C2F;--pn:#2A2C2F;--stone:#34373A;--stone2:#404347;--line:#3A3D41;--ink:#ECEAE4;--ink2:#D0CEC8;--mut:#A4A7AA;--gs:color-mix(in srgb,var(--g) 17%,#2A2C2F);--gss:color-mix(in srgb,var(--g) 9%,#26282B);--shadow:0 1px 2px rgba(0,0,0,.25),0 6px 24px rgba(0,0,0,.22)}
.bgsw{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:12px}
.bgs{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:66px;padding:2px 0;background:none;border:0;color:var(--mut)}
.bgs i{position:relative;width:44px;height:44px;border-radius:50%;background:var(--b);color:var(--bt);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);transition:transform .25s var(--spring),box-shadow .2s}
[data-theme=night] .bgs i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.bgs i b{font:700 1.05rem var(--serif);line-height:1;transition:opacity .2s}
.bgs i svg{position:absolute;width:18px;height:18px;color:var(--bt);opacity:0;transform:scale(.5);transition:opacity .2s,transform .25s var(--spring)}
.bgs span{font:600 .7rem var(--ui);white-space:nowrap}
.bgs.act i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 0 0 2.5px var(--paper),0 0 0 4.5px var(--g)}
.mgrp .bgs.act i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 0 0 2.5px var(--bg),0 0 0 4.5px var(--g)}
.bgs.act i b{opacity:0}.bgs.act i svg{opacity:1;transform:none}
.bgs.act span{color:var(--ink);font-weight:800}
.bgs:active i{transform:scale(.88)}

/* v3m machine-translation label */
.trai-lbl{font-family:var(--ui);font-size:.72rem;color:var(--mut);margin:0 0 .5em;letter-spacing:.01em}
.trai-lbl.en{direction:ltr;text-align:left}
.trai{font-family:var(--ui)}

/* v3p: ☰ in reader top bar */
.topbar .in.wm{gap:4px;padding-inline:max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-left))}
.topbar .in.wm #menuB,.topbar .in.wm .iconbtn{width:44px;height:44px;color:var(--ink2)}
.topbar .in.wm .iconbtn.on{color:var(--g)}
.topbar .in.wm .tb-title{font-size:.98rem}

/* v3r: multi-book nodes in המסע שלי (תרי עשר, שמואל, מלכים…) open a list of their books */
button.jn{background:none;border:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.jn .jxv{font-style:normal;font-size:.62rem;color:var(--mut);margin-inline-start:3px;display:inline-block;transition:transform .2s}
.jn.on .jxv{transform:rotate(180deg)}
.jn.on{background:var(--gss)}
.jg-sub{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);animation:jgsIn .22s ease}
@keyframes jgsIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.jgs-h{font:700 .74rem var(--ui);color:var(--mut);margin:0 2px 8px}
.jgs-l{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.jsb{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border-radius:12px;background:var(--stone);color:var(--ink);text-decoration:none}
.jsb .jsr{flex:none;width:30px;height:30px;display:grid;place-items:center}
.jsb .jsr .jf{width:30px;height:30px;border-radius:50%;background:var(--g);color:var(--on-g);display:grid;place-items:center}
.jsb .jsr .jf svg{width:16px;height:16px}
.jsb .jsn{flex:1;font:700 .9rem var(--ui)}
.jsb em{font:600 .7rem var(--ui);font-style:normal;color:var(--mut);white-space:nowrap}
.jsb.here{box-shadow:inset 0 0 0 1.5px var(--g)}
.jsb:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.jg-sub{animation:none}}
/* v3r: year in מה · מתי · איפה */
.ptr .pyr b{font-family:var(--serif,inherit);font-weight:700;color:var(--g)}
.ptr .est{margin-inline-start:4px}

/* v24: plain פרשה headers only repeated the pasuk — keep just a quiet break */
.shd.mas{padding:0!important;margin:10px 0 2px!important;min-height:0!important;border:0!important;background:none!important;box-shadow:none!important}
.shd.mas>*{display:none!important}

/* v25 טייטש — interlinear glosses (pinch-out / Aa toggle) */
.rd .gl .ttg{display:none}
.rd .txt{transition:line-height .32s var(--ease)}
.rd.tt .txt{line-height:2.95}
.rd.tt .gl{display:inline-flex;flex-direction:column;align-items:center;line-height:1.25;text-indent:0;vertical-align:baseline}
.rd.tt .gl .ttg{display:block;font-family:var(--ui);font-size:.45em;font-weight:500;line-height:1.2;color:color-mix(in srgb,var(--g) 82%,var(--mut));text-align:center;white-space:normal;width:max-content;max-width:8em;margin-top:.35em;margin-bottom:-2.4em;letter-spacing:0;word-spacing:0;text-decoration:none;opacity:1;transform:none;transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none}
.rd.tt-in .gl .ttg{opacity:0;transform:translateY(-4px)}
.rd.tt-out .gl .ttg{opacity:0;transform:translateY(-3px);transition-duration:.16s}
.rd.tt .gl,.rd.tt .gl.on{text-decoration-color:transparent!important}
.rd.tt .gl .ttg{background:none;height:auto;padding:0;border-radius:0}

/* v26 word-links — faint, calm; tap → small card */
.rd .wl{text-decoration:underline solid color-mix(in srgb,var(--g) 28%,transparent);text-decoration-thickness:1px;text-underline-offset:.38em;cursor:pointer;border-radius:4px;transition:background-color .2s,text-decoration-color .2s}
.rd .wl.on{text-decoration-color:var(--g);background-color:color-mix(in srgb,var(--g) 10%,transparent)}
#wlS{position:fixed;inset:0;z-index:62;background:rgba(10,14,12,.16);opacity:0;pointer-events:none;transition:opacity .25s}
#wlS.on{opacity:1;pointer-events:auto}
#wlc{position:fixed;z-index:63;left:10px;right:10px;bottom:calc(10px + var(--safe-b));max-width:520px;margin:0 auto;max-height:66vh;overflow:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);border-radius:22px;box-shadow:var(--shadow2);padding:14px 14px 16px;transform:translateY(calc(100% + 24px));opacity:.6;transition:transform .34s var(--ease),opacity .25s;font-family:var(--ui);direction:rtl}
#wlc.on{transform:none;opacity:1}
#wlc .wl-x{position:absolute;top:8px;left:8px;z-index:3;width:36px;height:36px;color:var(--mut)}
#wlc .wl-h{display:flex;align-items:center;gap:10px;padding:2px 2px 12px 40px}
#wlc .wl-h b{display:block;font:700 1.15rem var(--serif)}
#wlc .wl-h span{font-size:.8rem;color:var(--mut)}
#wlc .wl-ic{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gs);color:var(--g)}
#wlc .wl-ic svg{width:20px;height:20px}
#wlc .wl-map{height:190px;border-radius:14px;overflow:hidden;background:var(--stone);direction:ltr}
#wlc .wl-t{font-size:.85rem;color:var(--ink2);margin-top:10px}
#wlc .wl-t a{color:var(--g)}
#wlc .wl-a{display:flex;justify-content:flex-start;margin-top:8px}
#wlc .wl-a .lnk{font:600 .88rem var(--ui);color:var(--g);background:none;border:0;padding:6px 0;cursor:pointer}
#wlc .wl-pp>.card{margin:0;box-shadow:none;border:0;padding:4px 2px 0;background:none}
#wlc .wl-pp .ph{padding-left:40px}

/* v27 עברית קלה as a reader translation (Steinsaltz, Sefaria) */
.tr.hk{direction:rtl;text-align:right}
.tr.hk b{font-weight:600;color:var(--ink)}
.rd.m-tr .tr.hk{font-family:var(--ui)}

/* ===== v28 ===== */
.phead .pnr{display:flex;align-items:center;justify-content:center;gap:22px}
.phead .pnav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--g);border:1px solid var(--line);background:var(--paper);opacity:.8;text-decoration:none;-webkit-tap-highlight-color:transparent}
.phead .pnav:active{opacity:1;transform:scale(.94)}
.phead .pnav.off{visibility:hidden}
#swh{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;transition:opacity .5s}
#swh.on{opacity:1}
#swh i{position:absolute;top:50%;width:30px;height:56px;margin-top:-28px;display:grid;place-items:center;color:var(--g);opacity:.38;background:var(--paper);box-shadow:var(--shadow2,0 2px 10px rgba(0,0,0,.12))}
#swh .sl{left:0;border-radius:0 16px 16px 0;animation:swl 1.4s ease-in-out 2}
#swh .sr{right:0;border-radius:16px 0 0 16px;animation:swr 1.4s ease-in-out 2}
@keyframes swl{50%{transform:translateX(5px)}}@keyframes swr{50%{transform:translateX(-5px)}}
#swh .sp{position:absolute;left:50%;bottom:calc(84px + var(--safe-b,0px));transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:.82rem;padding:7px 14px;border-radius:999px;opacity:.82;white-space:nowrap}

html[data-wc] .rd .txt .hv,html[data-wc] .sh-pasuk,html[data-wc] .potd .pt,html[data-wc] .pv-demo .pd-t{color:var(--word)}
.wcl{font-size:.78rem;color:var(--mut);margin:12px 2px 6px}
.wcs{display:flex;gap:8px;flex-wrap:wrap}
.wcs button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--mut);font:inherit;font-size:.72rem;cursor:pointer}
.wcs button i{font-style:normal;font-family:var(--mikra);font-weight:700;font-size:1.15rem;width:46px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--paper);border:1.5px solid var(--line);color:var(--wl,var(--ink))}
html[data-theme=night] .wcs button i{color:var(--wd,var(--ink))}
.wcs button.act i{border-color:var(--g);box-shadow:0 0 0 2px color-mix(in srgb,var(--g) 30%,transparent)}
.wcs button.act span{color:var(--ink);font-weight:600}

.sres a.sr.srlast{background:color-mix(in srgb,var(--g) 9%,transparent);box-shadow:inset -3px 0 0 var(--g)}

.foot:empty{display:none}

.tabs button.pend{opacity:.45}

/* v31 landing designs */
.land{max-width:720px;margin:0 auto;padding:0 18px 96px}
.land .lk{display:inline-flex;align-items:center;gap:6px;font:600 .8rem var(--ui);letter-spacing:.02em;color:var(--g)}
.land .lk svg{width:15px;height:15px}
.lpotd{display:block;text-decoration:none;color:var(--ink)}
.lpt{font-family:var(--mikra);margin:.5rem 0 .4rem;line-height:1.75}
.lpr{font:500 .85rem var(--ui);color:var(--mut)}
.lcont{position:relative;display:block;text-decoration:none;color:var(--ink);background:var(--paper);border-radius:22px;padding:18px 20px 16px;box-shadow:var(--shadow);min-height:44px}
.lcont b{display:block;font:700 1.45rem var(--serif);margin:.25rem 0 .1rem}
.lcont small{display:block;font:400 .88rem var(--ui);color:var(--mut)}
.lbar{display:block;height:5px;border-radius:5px;background:var(--stone);margin:12px 0 10px;overflow:hidden}
.lbar i{display:block;height:100%;background:var(--g);border-radius:5px}
.lgo{display:inline-flex;align-items:center;gap:6px;font:600 .95rem var(--ui);color:var(--g)}
.lgo i svg,.lpar i svg{width:16px;height:16px}
.lpar{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;border-radius:18px;text-decoration:none;color:var(--ink);background:var(--paper);box-shadow:var(--shadow)}
.lpar[hidden]{display:none}
.lpar b{font:600 1.05rem var(--serif);flex:1}.lpar .lk{flex:none}.lpar i{color:var(--mut)}
.lsearch{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);margin:18px 0 6px}
.lsearch .i svg{width:18px;height:18px;color:var(--mut)}
.lsearch input{flex:1;border:0;background:none;font:400 1rem var(--ui);color:var(--ink);outline:none;min-height:44px}
.lbooks{margin-top:22px}
.lswitch{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(86px + var(--safe-b));z-index:60;display:flex;gap:4px;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow2);font:600 .85rem var(--ui)}
.lswitch a{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0 10px;border-radius:999px;color:var(--ink2);text-decoration:none}
.lswitch a.on{background:var(--g);color:var(--on-g)}
/* v32 שורש block in the word card */
.lx{margin:6px 0 10px;padding:12px 14px;border-radius:14px;background:var(--gss);border:1px solid var(--gs)}
.lx.lxl{min-height:44px}.lx0{background:none;border:0;padding:4px 2px;color:var(--mut);font:400 .85rem var(--ui)}
.lx-r{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.lx-r b{font:600 1.35rem var(--mikra);color:var(--ink)}
.lx-k{font:600 .75rem var(--ui);color:var(--g);letter-spacing:.02em}
.lx-c{font:500 .95rem var(--ui);color:var(--mut)}
.lx-p{margin-top:4px;font:500 .9rem var(--ui);color:var(--ink2)}
.lx-g{margin-top:6px;display:flex;gap:8px;align-items:baseline;font:400 .9rem var(--ui);color:var(--ink2)}
.lx-a{margin-top:6px;font:400 .8rem var(--ui);color:var(--mut)}
.lx-n{margin-top:8px;font:400 .7rem var(--ui);color:var(--mut)}
.lx-s{margin:8px 0 2px}.lx-s .lx-k{display:block;margin-bottom:6px}
.lx-sr{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;margin:0 0 6px 6px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-decoration:none;font:500 .88rem var(--ui)}
.gp-lx{margin:6px 0 2px;font:400 .85rem var(--ui);color:var(--ink2)}.gp-lx b{font:600 1.05rem var(--mikra);color:var(--ink)}.gp-lx small{color:var(--mut)}

/* v33 welcome — modern: deep-green hero band, big type, 2×2 cards */
.wl{padding:0 0 40px}
.wl-band{background:radial-gradient(130% 100% at 85% 0%,#2A3F63 0%,#1B2B47 42%,#0F1A2B 100%);color:#fff;padding:0 0 64px}
.wl-bin,.wl-body{max-width:680px;margin:0 auto;padding:0 20px}
.wl-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:8px 14px 0}.wl-nav::-webkit-scrollbar{display:none}
.wl-nav a{flex:none;min-height:44px;display:grid;place-items:center;padding:0 10px;font:500 .9rem var(--ui);color:rgba(255,255,255,.72);text-decoration:none}.wl-nav a.on{color:#fff;font-weight:700}
.wl-hero{padding:34px 0 4px}
.wl-kick{font:600 .78rem var(--ui);letter-spacing:.32em;color:#D6B878}
.wl-hero h1{margin:.55rem 0 .9rem;font:800 3.05rem/1.08 var(--ui);letter-spacing:-.02em;color:#fff}
.wl-hero p{margin:0;font:400 1.05rem/1.6 var(--ui);color:rgba(255,255,255,.82)}
.wl-search{display:flex;align-items:center;gap:8px;min-height:60px;padding:0 8px 0 8px;padding-inline-start:20px;border-radius:18px;background:#fff;margin:28px 0 18px;box-shadow:0 14px 40px -18px rgba(0,0,0,.5)}
.wl-search input{flex:1;border:0;background:none;font:400 1.05rem var(--ui);color:#1D221E;outline:none;min-height:44px}.wl-search input::placeholder{color:#8A8E86}
.wl-sb{min-height:44px;padding:0 18px;border:0;border-radius:12px;background:#E7EBF2;color:#1B2B47;font:700 .95rem var(--ui)}
.wl-cta{text-align:center}
.wl-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;min-width:220px;padding:0 30px;border-radius:18px;background:#fff;color:#1B2B47;font:800 1.15rem var(--ui);text-decoration:none;box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}
.wl-go i svg{width:20px;height:20px}
.wl-cont{margin:14px 0 0;font:500 .88rem var(--ui);color:rgba(255,255,255,.8)}
.wl .lbar{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.18);margin:10px auto 0;max-width:240px;overflow:hidden}.wl .lbar i{display:block;height:100%;background:#D6B878;border-radius:4px}
.wl-body{margin-top:-40px;position:relative}
.wl-pasuk{background:var(--paper);border-radius:24px;padding:22px 20px 16px;box-shadow:0 18px 44px -22px rgba(20,40,28,.45);margin-bottom:14px;text-align:center}
.wl-pt{font:400 1.5rem/1.9 var(--mikra);color:var(--ink);margin:0 0 .6rem}
.wl-pt .w{cursor:pointer;border-radius:6px;padding:0 1px;transition:background .15s}.wl-pt .w.on{background:var(--gs);color:var(--g)}
.wl-pk{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 8px;font:600 .85rem var(--ui);color:var(--g)}.wl-pk a{color:var(--g);text-decoration:none;min-height:32px;display:inline-grid;place-items:center}.wl-pk b{font-weight:500;color:var(--mut)}.wl-pk b:not(:empty)::before{content:'·';margin-inline-end:8px;color:var(--mut)}
.wl-tap{min-height:44px;margin-top:10px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 12px;border-radius:12px;background:var(--gss);font:400 .88rem var(--ui);color:var(--ink2)}.wl-tap b{font:600 1.1rem var(--mikra);color:var(--ink)}
.wl-feat{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}
.wl-feat div{display:flex;flex-direction:column;gap:4px;min-height:132px;padding:18px 16px;border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}
.wl-feat b{font:800 1.45rem/1.15 var(--ui);color:var(--ink);letter-spacing:-.01em;margin-bottom:4px}.wl-feat span{font:500 .88rem/1.4 var(--ui);color:var(--ink2)}.wl-feat small{font:400 .78rem/1.4 var(--ui);color:var(--mut);margin-top:auto}
.wl-by h2{font:800 1.15rem var(--ui);margin:0 0 12px}
.wl-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}
.wl-tiles a{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:76px;padding:12px;border-radius:16px;border:1.5px solid var(--line);text-decoration:none;color:var(--ink);background:var(--paper);text-align:center}
.wl-tiles b{font:700 .98rem var(--ui)}.wl-tiles span{font:400 .74rem/1.3 var(--ui);color:var(--mut)}
.wl-yi{display:block;padding:22px 20px;border-radius:22px;background:#0F1A2B;color:#fff;text-decoration:none;margin-bottom:24px}
.wl-yk{font:700 .8rem var(--ui);letter-spacing:.2em;color:#D6B878}.wl-yi p{font:500 1.1rem/1.7 var(--serif);margin:.5rem 0 .8rem;color:#fff}.wl-yis{font:500 .82rem var(--ui);color:rgba(255,255,255,.72)}
.wl-foot{text-align:center;font:400 .85rem var(--ui);color:var(--mut)}.wl-foot a{color:var(--ink2);display:inline-block;min-height:44px;line-height:44px}
.ixl{display:grid;gap:6px;margin-top:10px}.ixr{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:14px;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink)}.ixr b{font:600 1.05rem var(--serif)}.ixr span{font:400 .82rem var(--ui);color:var(--mut)}
.mapfull{height:calc(100vh - 120px);height:calc(100dvh - 120px);margin:0}
.wl-tiles a:nth-child(4){grid-column:span 1}.wl-tiles a:nth-child(5){grid-column:span 2}

/* v35 welcome — light editorial (default); the dark band stays at ?landing=dark */
@media(min-width:700px){.w2-feat{grid-template-columns:repeat(4,1fr);border-top:0}.w2-feat div{border-bottom:0;border-inline-end:1px solid var(--line)!important}.w2-feat div:last-child{border-inline-end:0!important}.w2-hero h1{font-size:3.4rem}}
@media(min-width:700px){.w2-bar{grid-template-columns:repeat(5,1fr)}.w2-bar a{border-bottom:0!important;border-inline-end:1px solid var(--line)!important}.w2-bar a:nth-child(5){grid-column:auto;border-inline-end:0!important}}

/* v37 preface: chapter 1 card (איפה only for now) and the chapter strip of places */
.ptx2{padding:12px 16px}.ptx2 .ptr{align-items:flex-start}
.pchs{display:inline-flex;flex-wrap:wrap;gap:6px;margin-inline-end:8px}
.pstrip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 14px}
.pch{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink2);text-decoration:none;font:500 .85rem var(--ui)}
.pch.pmap{color:var(--g);border-color:color-mix(in srgb,var(--g) 30%,transparent)}.pch svg{width:14px;height:14px}
.gmw{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.gmc{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:500 1.05rem var(--mikra)}.gmc.on{background:var(--g);color:var(--on-g);border-color:var(--g)}

/* v40 לשון קל: the pasuk words Steinsaltz weaves in recede, so it reads as one sentence */
.easy b,.easy strong,.tr.hk b,.tr.hk strong{font-weight:400!important;font-family:inherit;opacity:.55}
.wl-ic{border:0;cursor:pointer;min-width:44px;min-height:44px}.wl-map{cursor:pointer}

/* v42 landing (light editorial) */
body.is-wl .bnav{}body.is-wl #main{}
.w3{max-width:640px;margin:0 auto;padding:0 24px 24px;color:var(--ink)}
.w3-top{display:flex;justify-content:center;padding:16px 0 0}
.w3-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:700 1.1rem var(--serif);color:var(--ink);text-decoration:none}
.w3-brand .logo{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;font:700 .78rem var(--serif)}
.w3-nav{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;margin:0 -24px;padding:0 16px;border-bottom:1px solid var(--line)}
.w3-nav::-webkit-scrollbar{display:none}
.w3-nav a{flex:none;min-height:44px;display:grid;place-items:center;padding:0 14px;font:500 .95rem var(--ui);color:#2A302B;text-decoration:none;white-space:nowrap}
.w3-nav a:first-child{margin-inline-start:auto}.w3-nav a:last-child{margin-inline-end:auto}
.w3-hero{text-align:center;padding:48px 0 48px}
.w3-kick{font:600 .85rem var(--ui);letter-spacing:normal;color:var(--g)}
.w3-hero h1{margin:16px 0;font:700 2.75rem/1.15 var(--serif);color:var(--ink)}
.w3-hero p{margin:0 auto;max-width:22em;font:400 1.05rem/1.7 var(--ui);color:var(--ink2)}
.w3-go{display:inline-flex;align-items:center;gap:10px;margin-top:24px;min-height:56px;padding:0 32px;border-radius:999px;background:var(--g);color:#fff;font:700 1.1rem var(--ui);text-decoration:none;box-shadow:0 10px 24px -12px rgba(27,43,71,.7)}
.w3-go i svg{width:18px;height:18px}.w3-go:active{transform:scale(.98)}
.w3-cont{margin-top:12px;font:400 .9rem var(--ui);color:var(--mut)}
.w3-search{display:flex;align-items:center;max-width:360px;margin:24px auto 0;padding-inline-start:16px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}
.w3-search input{flex:1;min-width:0;min-height:48px;border:0;background:none;font:400 1rem var(--ui);color:var(--ink);outline:none}
.w3-search input::placeholder{color:var(--mut)}
.w3-search button{width:48px;height:48px;border:0;background:none;color:var(--g);display:grid;place-items:center}.w3-search button svg{width:18px;height:18px}
.w3-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px rgba(40,35,20,.04),0 12px 32px -20px rgba(40,35,20,.25);color:var(--ink);text-decoration:none}
.w3-pasuk{padding:24px;text-align:center}
.w3-pk{display:flex;justify-content:center;align-items:center;gap:8px;font:500 .88rem var(--ui);color:var(--mut)}
.w3-pk b{font-weight:600;color:var(--g)}.w3-pk b:not(:empty)::after{content:'·';margin-inline-start:8px;color:var(--mut)}
.w3-pk a{color:var(--mut);text-decoration:none;min-height:44px;display:inline-grid;place-items:center}
.w3-pt{font:400 1.55rem/1.9 var(--mikra);margin:8px 0 16px}
.w3-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.w3-tabs a{min-height:44px;display:grid;place-items:center;padding:0 16px;border-radius:999px;background:var(--gss);color:var(--g);font:500 .9rem var(--ui);text-decoration:none}
.w3-tap{min-height:44px;margin-top:16px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;font:400 .88rem var(--ui);color:var(--mut)}
.w3-tap b{font:600 1.1rem var(--mikra);color:var(--ink)}
.w3-h{margin:48px 0 16px;font:700 1.45rem var(--serif);text-align:center;color:var(--ink)}
.w3-feat{display:grid;grid-template-columns:1fr;gap:16px}
.w3-f{padding:16px 16px 24px}
.w3-f>b{display:block;margin:16px 8px 4px;font:700 1.15rem var(--ui)}
.w3-f>span{display:block;margin:0 8px;font:400 .92rem/1.6 var(--ui);color:var(--ink2)}
.w3-pv{border-radius:14px;background:var(--gss);min-height:112px;overflow:hidden}
.w3-pvw{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px}
.w3-wd{font:600 1.7rem var(--mikra);color:var(--g);background:var(--paper);border-radius:10px;padding:2px 14px;box-shadow:0 0 0 1.5px var(--gs)}
.w3-wl{font:400 .9rem var(--ui);color:var(--ink2)}.w3-wl span{color:var(--mut)}.w3-wl b{font:600 1.1rem var(--mikra);color:var(--ink)}
.w3-pvk{padding:16px;min-height:0}.w3-pvk p{margin:0;font:400 1.02rem/1.75 var(--serif);color:var(--ink);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.w3-pvk b,.w3-pvk strong{font-weight:400;color:color-mix(in srgb,var(--ink) 55%,transparent)}
.w3-pvm{position:relative;height:132px;background:url(https://server.arcgisonline.com/ArcGIS/rest/services/World_Shaded_Relief/MapServer/tile/7/51/75) no-repeat,url(https://server.arcgisonline.com/ArcGIS/rest/services/World_Shaded_Relief/MapServer/tile/7/51/76) no-repeat,url(https://server.arcgisonline.com/ArcGIS/rest/services/World_Shaded_Relief/MapServer/tile/7/51/77) no-repeat,url(https://server.arcgisonline.com/ArcGIS/rest/services/World_Shaded_Relief/MapServer/tile/7/52/75) no-repeat,url(https://server.arcgisonline.com/ArcGIS/rest/services/World_Shaded_Relief/MapServer/tile/7/52/76) no-repeat,url(https://server.arcgisonline.com/ArcGIS/rest/services/World_Shaded_Relief/MapServer/tile/7/52/77) no-repeat,var(--stone);background-position:calc(50% - 264px) -200px,calc(50% - 8px) -200px,calc(50% + 248px) -200px,calc(50% - 264px) 56px,calc(50% - 8px) 56px,calc(50% + 248px) 56px}
.w3-pin{position:absolute;left:50%;top:74px;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--g);border:2.5px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.w3-pvm em{position:absolute;left:50%;top:30px;transform:translateX(-50%);font:600 .85rem var(--ui);font-style:normal;background:var(--paper);color:var(--ink);padding:4px 10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.w3-pvc{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:8px;padding:16px}
.w3-pvc span{padding:8px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font:500 .9rem var(--ui);color:var(--ink2)}
.w3-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.w3-tiles a{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:88px;padding:16px;border-radius:18px;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.w3-tiles a.w3-wide{grid-column:1/-1}
.w3-tiles b{font:700 1.05rem var(--ui)}.w3-tiles span{font:400 .85rem/1.4 var(--ui);color:var(--mut)}
.w3-foot{margin-top:48px;padding:24px 0 0;border-top:1px solid var(--line);text-align:center}
.w3-foot p{margin:0 0 8px;font:400 .95rem var(--serif);color:var(--ink2)}
.w3-foot div{display:flex;justify-content:center;gap:24px}.w3-foot a{min-height:44px;display:grid;place-items:center;font:400 .88rem var(--ui);color:var(--mut);text-decoration:none}
.rvon .rv{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.rvon .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rvon .rv{opacity:1;transform:none;transition:none}}
@media (min-width:700px){.w3-feat{grid-template-columns:1fr 1fr}.w3-hero h1{font-size:3.4rem}}

/* v43 side by side */
@media (min-width:380px){.rd.m-side .txt{text-align:start}.rd.m-side .vs{display:grid;grid-template-columns:auto minmax(0,55fr) minmax(0,45fr);column-gap:12px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line)}
.rd.m-side .vs>.vn{grid-column:1;grid-row:1}.rd.m-side .vs>.hv{grid-column:2;grid-row:1;line-height:1.7}.rd.m-side .vs>.tr{grid-column:3;grid-row:1;margin:0;padding:2px 10px;font-size:.85rem;line-height:1.6;border-radius:6px}.rd.m-side .vs>.mk{grid-column:1;grid-row:1;align-self:end}
.rd.m-side .vs>:not(.vn):not(.hv):not(.tr):not(.mk){grid-column:2/4}.rd.m-side .vs>.tr.en{direction:ltr}}

/* v43 landing life */
.w3-pt.ink .w{animation:w3ink .8s var(--ease) both;animation-delay:calc(var(--i,0)*55ms)}
@keyframes w3ink{from{opacity:0;filter:blur(4px);transform:translateY(4px)}to{opacity:1;filter:none;transform:none}}
.w3-pasuk{position:relative;overflow:hidden}.w3-pasuk::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(120%);animation:w3sh 2.6s 1.2s var(--ease) both}
@keyframes w3sh{to{transform:translateX(-120%)}}
.w3-card,.w3-tiles a,.w3-tabs a,.w3-go{transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s}
.w3-tiles a:active,a.w3-card:active,.w3-tabs a:active{transform:translateY(1px) scale(.97);box-shadow:0 1px 2px rgba(40,35,20,.08)}
@media (hover:hover){.w3-tiles a:hover,a.w3-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(40,35,20,.35)}}
.w3-f.in .w3-wd{animation:w3hl 1.6s .5s var(--ease) both}@keyframes w3hl{0%{box-shadow:0 0 0 1.5px var(--gs);background:var(--paper)}50%{box-shadow:0 0 0 4px var(--gs);background:var(--gs)}100%{box-shadow:0 0 0 1.5px var(--gs);background:var(--paper)}}
.w3-f.in .w3-wl{animation:w3pop .55s 1.1s var(--spring) both}@keyframes w3pop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.w3-f.in .w3-pin::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--g);animation:w3pu 2s .6s ease-out 3}@keyframes w3pu{from{transform:scale(1);opacity:.8}to{transform:scale(2.6);opacity:0}}
.w3-f.in .w3-pvc span{animation:w3pop .5s var(--spring) both}.w3-f.in .w3-pvc span:nth-child(2){animation-delay:.12s}.w3-f.in .w3-pvc span:nth-child(3){animation-delay:.24s}.w3-f.in .w3-pvc span:nth-child(4){animation-delay:.36s}
@media (prefers-reduced-motion:reduce){.w3-pt.ink .w,.w3-pasuk::after,.w3-f.in .w3-wd,.w3-f.in .w3-wl,.w3-f.in .w3-pin::after,.w3-f.in .w3-pvc span{animation:none!important}.w3-pasuk::after{display:none}}

.sana{display:flex;gap:4px;margin:4px 0 8px;padding:3px;border-radius:999px;background:var(--stone);width:max-content}
.sana button{min-height:40px;min-width:88px;padding:0 14px;border:0;border-radius:999px;background:none;font:500 .9rem var(--ui);color:var(--ink2)}
.sana button.act{background:var(--paper);color:var(--g);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.sgh{display:block;padding:12px 16px 6px;font:700 1rem var(--mikra);color:var(--g);list-style:none;cursor:pointer;min-height:44px}
details.sgd>summary::-webkit-details-marker{display:none}details.sgd>summary::after{content:'›';display:inline-block;margin-inline-start:8px;transform:rotate(90deg);color:var(--mut)}details.sgd[open]>summary::after{transform:rotate(-90deg)}
.sfd{font:400 .82rem var(--ui);color:var(--mut);margin:2px 0}.sfd b{color:var(--g);font-weight:600}

.tbe{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;text-align:center}.tbe b{font:700 1.1rem var(--serif);color:var(--ink)}.tbe span{font:400 .92rem var(--ui);color:var(--mut)}
.hal-n{margin:8px 0 12px;padding:10px 14px;border-radius:12px;background:var(--gss);font:500 .9rem var(--ui);color:var(--ink2)}
.w3-iy{display:grid;gap:16px}.w3-iyc{padding:24px}.w3-iyr{font:500 .85rem var(--ui);color:var(--g)}.w3-iyc b{display:block;margin:8px 0;font:700 1.2rem/1.4 var(--serif)}.w3-iyc p{margin:0;font:400 1rem/1.75 var(--serif);color:var(--ink2)}
.w3-more{display:flex;justify-content:center;align-items:center;min-height:44px;margin-top:8px;font:600 .95rem var(--ui);color:var(--g);text-decoration:none}

.w3-iyt{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:24px;background:linear-gradient(135deg,var(--paper),var(--gss))}
.w3-iyt b{display:block;font:700 1.3rem var(--serif);color:var(--ink)}.w3-iyt span{display:block;margin-top:4px;font:400 .95rem var(--ui);color:var(--ink2)}
.w3-iyt i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--g);color:#fff}.w3-iyt i svg{width:18px;height:18px}

.leaflet-control-attribution{display:none!important}

/* v47 מקבילות: chip in the reader + side-by-side sheet */
.mkc{position:relative;display:inline-flex;align-items:center;gap:4px;vertical-align:.12em;margin-inline-start:6px;padding:2px 10px;border-radius:99px;border:1px solid color-mix(in srgb,var(--g) 40%,transparent);background:var(--gss);color:var(--g);font:600 .66rem/1.6 var(--ui);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mkc span{font-weight:800}.mkc i{font-style:normal;opacity:.55}
.mkc::after{content:'';position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
.mkc:active{background:var(--gs)}
#parLb{position:fixed;inset:0;z-index:121;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
#parLb .ol-bg{position:absolute;inset:0;background:rgba(20,16,10,.55);opacity:0;transition:opacity .25s var(--ease)}
#parLb .pl-card{position:relative;width:min(680px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--paper);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.25);transform:translateY(30px);opacity:0;transition:transform .3s var(--ease),opacity .25s var(--ease)}
#parLb.on{pointer-events:auto}#parLb.on .ol-bg{opacity:1}#parLb.on .pl-card{transform:none;opacity:1}
#parLb .pl-grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 0;flex:none}
#parLb .pl-top{position:relative;flex:none;display:flex;align-items:center;min-height:48px;padding:2px 16px 6px 56px}
#parLb .pl-tt b{font:800 1.02rem var(--ui);color:var(--g)}#parLb .pl-tt span{margin-inline-start:8px;font:500 .86rem var(--ui);color:var(--mut)}
#parLb .ol-x{top:4px;inset-inline-start:auto;inset-inline-end:10px;width:44px;height:44px;background:var(--gss);color:var(--ink)}#parLb .ol-x svg{width:18px;height:18px}
#parLb .pl-sc{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 12px calc(18px + var(--safe-b,0px))}
#parLb .pl-s{margin-bottom:14px}#parLb .pl-s+.pl-s{border-top:1px solid var(--line);padding-top:14px}
#parLb .pl-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#parLb .pl-col{min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:4px 10px 10px}
#parLb .pl-h{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:44px;background:none;border:0;padding:0;color:var(--g);font:800 .84rem var(--ui);text-align:start;cursor:pointer}
#parLb .pl-h i{font-style:normal;font-size:1.1rem}
#parLb .pl-t{font:400 1.12rem/1.9 var(--mikra);color:var(--ink);word-wrap:break-word}
#parLb .pl-vn{font:700 .72rem var(--ui);color:var(--g)}
.df{background:#F2DFA7;border-radius:4px;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
[data-theme=night] .df{background:rgba(214,170,70,.32)}
.kv .it .vn2{font:700 .72em var(--ui);color:var(--g)}
@media (prefers-reduced-motion:reduce){#parLb .pl-card,#parLb .ol-bg{transition:none}}
#parLb .pl-nv .nvbox{margin-bottom:10px}#parLb .pl-nv .nvl{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;margin:4px 0 0 6px}
.nvc{position:relative}.nvc::after{content:'';position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
#parLb .pl-top .ol-x{position:absolute;top:2px;left:10px;right:auto;inset-inline-start:auto;inset-inline-end:auto}
.vs .mkc{margin-inline-start:2px;margin-inline-end:6px}
/* v47: sheet tabs on one row, no sideways scroll */
.sh-tw .tabs{overflow-x:visible;-webkit-mask-image:none;mask-image:none;padding:2px 6px;gap:2px}
.sh-tw .tabs button{flex:1 1 auto;min-width:0;min-height:44px;padding:8px 3px;justify-content:center;font-size:.86rem;letter-spacing:-.01em;white-space:nowrap}
@media (max-width:370px){.sh-tw .tabs button{font-size:.82rem;padding:8px 2px}}
/* v47: books icon in a כאן לומדים box is a button (44px target) */
button.nvi{background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
button.nvi::after{content:'';position:absolute;inset:-13px}
.nvbox .nvt>.b:first-child{cursor:pointer}
#parLb .pl-top{padding:2px 12px 6px}#parLb .pl-top .ol-x{position:static;flex:none;margin-inline-start:auto;inset:auto}

/* ===== v49: 2026 polish — depth, rhythm, motion (transform/opacity only; reduced-motion = instant) ===== */
:root{--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--sp6:32px;--out:cubic-bezier(.22,1,.36,1);--soft:cubic-bezier(.33,1,.68,1)}
:root:not([data-theme]){--sh1:0 1px 1px rgba(30,40,28,.03),0 1px 3px rgba(30,40,28,.05);--sh2:0 1px 2px rgba(30,40,28,.04),0 4px 12px -4px rgba(30,40,28,.07),0 14px 32px -12px rgba(30,40,28,.10);--sh3:0 2px 8px rgba(20,30,20,.06),0 24px 60px -16px rgba(20,30,20,.26);--shadow:var(--sh2);--shadow2:var(--sh3)}
a,button,summary,label,.vs,.btile{-webkit-tap-highlight-color:transparent}
/* press feedback: one soft language for every tappable */
.btn:active,.chip:active,.pill:active,a.card:active,.row-link:active,.sh-top .pnav .iconbtn:active,.dr-cont:active,.jr-hero:active,.jn:active,.potd:active,.gchip:active,.jstrip:active,.btile:active,.pc:active,.hgoal:active,.dr-goal:active,.jsb:active,.phead .pnav:active,.w3-go:active,.w3-tiles a:active,a.w3-card:active,.w3-tabs a:active{transform:none}
.prs,.prs-o{transition:scale .22s var(--out),filter .22s var(--out),background-color .22s var(--soft),box-shadow .22s var(--soft),color .2s,opacity .2s,transform .3s var(--out)!important}
.prs{scale:.97;filter:brightness(.95)}
.prs.prs-lg{scale:.985}
.vs.prs{scale:none;filter:none;background-color:color-mix(in srgb,var(--g) 8%,transparent);border-radius:8px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mkc.prs,.nvc.prs,.obc.prs{background:var(--gs);scale:.94}
.mkc,.nvc,.obc,.chip,.pill,.gchip{transition:background-color .2s var(--soft),box-shadow .2s var(--soft),color .2s}
/* top bar: glass with depth only once content slides under it */
.topbar{transition:box-shadow .25s var(--soft),border-color .25s}
.topbar.scrolled{border-bottom-color:color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 10px 24px -20px rgba(20,30,20,.35)}
/* views: soft rise; reader perakim slide in the direction you turned (RTL: next comes from the left) */
#main{overflow-x:clip}
#main>*{animation:viewIn .38s var(--out)}
@keyframes viewIn{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
#main.swn>*{animation:swInN .42s var(--out)}
#main.swp>*{animation:swInP .42s var(--out)}
@keyframes swInN{from{opacity:0;transform:translate3d(-24%,0,0)}to{opacity:1;transform:none}}
@keyframes swInP{from{opacity:0;transform:translate3d(24%,0,0)}to{opacity:1;transform:none}}
#rd{will-change:auto}
/* arrival on a pasuk: brief soft glow */
.vs.flash{animation:vglow 2.6s var(--soft);border-radius:8px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@keyframes vglow{0%{background-color:transparent;box-shadow:0 0 0 0 transparent}14%,42%{background-color:color-mix(in srgb,var(--g3) 20%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--g3) 12%,transparent)}100%{background-color:transparent;box-shadow:0 0 0 10px transparent}}
/* sheets, cards, dialogs: slide up on a spring-like ease, backdrop fades */
.sheet{transition:transform .52s var(--out)}
.scrim{transition:opacity .36s var(--soft)}
.scrim.on{backdrop-filter:blur(3px) saturate(1.1);-webkit-backdrop-filter:blur(3px) saturate(1.1)}
.dscrim{transition:opacity .36s var(--soft)}
.drawer{transition:transform .46s var(--out)}
.sh-tw{background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px)}
.sh-tw .tabs button{transition:color .2s var(--soft),background-color .25s var(--soft),box-shadow .25s var(--soft)}
.pl-card,.ol-card{transition:transform .48s var(--out),opacity .3s var(--soft)}
.ol-bg{transition:opacity .34s var(--soft)}
#wpop .wpop{animation:wpIn .4s var(--out);box-shadow:var(--sh1,none)}
@keyframes wpIn{from{opacity:0;transform:translate3d(0,10px,0) scale(.98)}to{opacity:1;transform:none}}
.toast{transition:opacity .25s var(--soft),transform .42s var(--out);box-shadow:0 10px 30px -10px rgba(0,0,0,.35)}
/* depth on landing + shelf tiles */
:root:not([data-theme]) .btile,:root:not([data-theme]) .wl-tiles a{box-shadow:var(--sh1),inset 0 1px 0 rgba(255,255,255,.7)}
:root:not([data-theme]) .w3-card,:root:not([data-theme]) .w3-tiles a{box-shadow:0 1px 2px rgba(30,40,28,.04),0 10px 28px -18px rgba(30,40,28,.28),inset 0 1px 0 rgba(255,255,255,.8)}
.btile,.wl-tiles a{transition:box-shadow .25s var(--soft),background-color .25s var(--soft)}
.phead .pnav{width:44px;height:44px}
@media (prefers-reduced-motion:reduce){
#main>*,#main.swn>*,#main.swp>*,#wpop .wpop{animation:none!important}
.sheet,.scrim,.dscrim,.drawer,.pl-card,.ol-card,.ol-bg,.toast,.prs,.prs-o,#rd{transition:none!important}
.prs,.prs.prs-lg,.mkc.prs,.nvc.prs,.obc.prs{scale:none}
html{scroll-behavior:auto}}

/* v53 smart translation button */
.sbf{position:fixed;z-index:44;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(80px + var(--safe-b,0px));width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);box-shadow:var(--shadow2);color:var(--g);font:700 .95rem var(--ui);cursor:pointer;padding:0}
.sbf.off{color:var(--g)}.sbf svg{width:28px;height:28px}
.sbf span{line-height:1;font-size:.7rem;letter-spacing:-.01em}
.sbm{position:fixed;z-index:46;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(134px + var(--safe-b,0px));min-width:190px;padding:6px;border-radius:18px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px);border:1px solid var(--line);box-shadow:var(--shadow2);display:flex;flex-direction:column;font:600 .95rem var(--ui);color:var(--ink)}
.sbm .sbh{font-size:.75rem;color:var(--mut);padding:4px 12px 2px}
.sbm button{min-height:44px;border:0;background:none;color:inherit;font:inherit;text-align:start;padding:0 12px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.sbm button.act{background:color-mix(in srgb,var(--g) 14%,transparent);color:var(--g)}
.sbm .sbsep{height:1px;background:var(--line);margin:4px 8px}
.sbm .sw{pointer-events:none;transform:scale(.85)}
@media (prefers-reduced-motion:no-preference){.sbm{animation:sbIn .16s ease-out}@keyframes sbIn{from{opacity:0;transform:translateY(6px)}}}
/* v53 parshiyos */
.parsh{display:flex;align-items:center;gap:10px;margin:18px 0 6px;font-family:var(--serif);font-weight:700;font-size:1.05rem;color:var(--g)}
.parsh::before,.parsh::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--g) 30%,transparent)}
.parl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:6px 0 18px}
.parr{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;border-radius:14px;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.parr b{font-family:var(--serif);font-size:1.02rem;color:var(--g)}
.parr i{font-style:normal;font-size:.78rem;color:var(--mut);font-family:var(--ui)}

.phead .pnr{position:relative}.sbf.inl{position:absolute;left:6px;top:50%;bottom:auto;transform:translateY(-50%);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper);width:44px;height:44px;z-index:2}.sbf.inl:active{transform:translateY(-50%) scale(.94)}

#sbF.sbf:not(.inl){top:50%;bottom:auto;transform:translateY(-50%)}
#sbF.sbf:not(.inl):active{transform:translateY(-50%) scale(.94)}

/* v67 שאל — unanswered questions list in המסע שלי */
.askun{margin:22px 0 8px;padding:16px 18px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.askun h3{font:700 1.12rem var(--serif);margin:0 0 10px;color:var(--ink)}
.askun-l{display:flex;flex-wrap:wrap;gap:8px}
.askun-l a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;background:color-mix(in srgb,var(--g) 9%,transparent);color:var(--ink);text-decoration:none;font:500 15px var(--ui)}
.askun>button{margin-top:12px;min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--line);background:none;color:var(--mut);font:500 14.5px var(--ui);cursor:pointer}

.sclr{border:0;background:none;color:var(--mut);font-size:1.6rem;line-height:1;width:44px;height:44px;cursor:pointer;flex:none}
.sgo{border:0;background:#1B2B47;color:#fff;font:inherit;font-weight:600;font-size:.95rem;border-radius:12px;height:40px;padding:0 16px;cursor:pointer;flex:none}
.sgo:active{opacity:.85}

.askln{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:8px;padding:0 4px;color:var(--mut);font-size:.95rem}
.askln b{color:#1B2B47;font-weight:600}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}

.drawer>*{flex-shrink:0}
.drawer .mgrp{flex-shrink:0}

.nvcols{margin-top:14px}
.nvcols:has(.pl-col:nth-child(3)){grid-template-columns:1fr!important;display:grid;gap:10px}

.sk-iy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:12px 14px;min-height:44px;border-radius:14px;background:rgba(27,43,71,.07);color:#1B2B47;text-decoration:none}
.sk-iy span{display:flex;flex-direction:column;gap:2px}
.sk-iy small{color:var(--mut,#6b6b6b);font-size:.85em}
.sk-iy i{font-style:normal;font-size:1.1em}
[data-theme=night] .sk-iy{background:rgba(120,190,150,.12);color:#9fd3b3}

/* v97 ask = search look */
#ask .ak-hint{margin:14px 0 4px;padding:0;background:none;border:0;border-radius:0}
.ak-lbl{font:600 13px var(--ui);color:var(--mut);margin:0 2px 8px}
#ask .ak-chips .chip{min-height:0;height:36px;padding:0 14px;font-size:.9rem;font-weight:500;font-family:inherit;color:var(--ink2);border-radius:999px}
.ak-ex .ak-x{display:none}.ak-ex.all .ak-x{display:inline-flex}
.ak-hint .ak-sec b{font:600 13px var(--ui);color:var(--mut);display:block;margin:0 2px 8px}

.w3-search.w3-ask{margin-top:10px}
.w3-search .qm{font:700 18px/1 var(--ui);color:var(--g)}

/* ===== v101 one design system: same shapes everywhere ===== */
html body :is(.card,.ixr,.iychip,.gchip,.jstrip,.kvrow,.mgrp,.pkc,.potd,.pv-demo,.tc,.w3-card,.w3-wide,.hcont,.sikum,.tl-row,.sk-iy){border-radius:18px}
html body :is(.ixr,.iychip,.gchip,.jstrip,.kvrow,.mgrp,.pkc,.pv-demo,.tc,.w3-card,.w3-wide,.sikum){border:1px solid var(--line);background:var(--paper);box-shadow:var(--sh1,0 1px 3px rgba(30,40,28,.05))}
html body :is(.card,.potd,.hcont){box-shadow:var(--sh1,0 1px 3px rgba(30,40,28,.05))}
/* one search field */
html body :is(.sbox,.hsearch2,.w3-search){border-radius:999px;min-height:52px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh1,0 1px 3px rgba(30,40,28,.05))}
html body .sbox .sgo{border-radius:999px}
html body .msr input{border-radius:999px}
/* one chip */
html body #main .chip:not(.sm){height:40px;min-height:40px;padding:0 15px;font-size:.9rem;border-radius:999px}
/* one segmented tab bar */
html body :is(.iytabs,.seg){border-radius:999px}
html body :is(.iytabs,.seg) button{border-radius:999px}
/* one section heading */
html body :is(.bsh h2,.sec-h h2,h2.sec-h,.w3-h,.hc2,.jh-t){font-family:var(--serif);font-size:1.3rem;font-weight:700;line-height:1.3}
html body .sec-h{font-family:var(--ui)}
/* page title lives in the top bar only */
html body .iyhero h1{display:none}
html body .iyhero p{margin-top:4px;color:var(--mut)}

/* v102 bios */
.biocard{padding:16px 18px;margin-top:12px}
.biocard .bh,.biocard .bvh{font:700 1.3rem/1.3 var(--serif);margin:0 0 10px}
.biocard .bvh{font-size:1.05rem;margin-top:14px;color:var(--ink2)}
.biocard .bl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.biocard .bl li{display:flex;flex-direction:column;gap:3px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.biocard .bl li:last-child{border-bottom:0;padding-bottom:0}
.biocard .bt{font:400 1.02rem/1.6 var(--serif);color:var(--ink)}
.biocard .bsrc{font:500 .8rem var(--ui);color:var(--mut);text-decoration:none;align-self:flex-start}
.biocard a.bsrc{color:var(--g)}

/* v103 הקדמה on perek א׳ */
.pfr{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:right;background:none;border:0;border-bottom:1px solid var(--line);padding:4px 2px 12px;margin:0 0 10px;font:inherit;color:inherit;cursor:pointer}
.pfr .pf-k{font:700 1.05rem var(--serif);color:var(--ink)}
.pfr .pf-l{font:400 .9rem/1.5 var(--ui);color:var(--mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pfr .pf-go{font:600 .85rem var(--ui);color:var(--g)}

/* v105 week row */
.wk{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:360px;margin:12px auto 0;padding:0}
.wk:empty{display:none}
.wk-a{display:flex;flex-direction:column;align-items:flex-start;gap:2px;position:relative;padding:12px 14px;min-height:64px;border-radius:18px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh1,0 1px 3px rgba(30,40,28,.05));text-decoration:none;color:var(--ink)}
.wk-k{font:600 .78rem var(--ui);color:var(--g)}
.wk-a b{font:700 1.02rem/1.3 var(--serif)}
.wk-a i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mut);width:16px;height:16px;display:grid}
.wk-a i svg{width:16px;height:16px}

/* v110 kings timeline */
.kgw{padding-bottom:40px}.kg-sub{color:var(--mut);font:400 .95rem/1.5 var(--ui);margin:4px 0 12px}
.kg-f{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.kg-f .chip.on{background:var(--g);color:#fff;border-color:var(--g)}
.kg-lg{display:flex;gap:14px;font:500 .82rem var(--ui);color:var(--mut);margin-bottom:10px}.kg-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
.kg-g{background:var(--g)}.kg-b{background:#A2453B}.kg-m{background:#7C8087}
.kg-hd{position:sticky;top:var(--tbh,56px);z-index:4;display:grid;grid-template-columns:1fr 64px 1fr;background:var(--bg);padding:8px 0;border-bottom:1px solid var(--line)}
.kg-hd b{text-align:center;font:700 1.05rem var(--serif)}.kg-hd small{display:block;font:500 .72rem var(--ui);color:var(--mut)}.kg-hd span{align-self:center;text-align:center;font:500 .72rem var(--ui);color:var(--mut)}
.kg-tl{position:relative;margin-top:8px}
.kg-t{position:absolute;left:50%;transform:translate(-50%,-50%);width:56px;text-align:center;font:600 .7rem var(--ui);color:var(--mut);background:var(--bg);z-index:1}
.kg-ev{position:absolute;left:0;right:0;border-top:1.5px solid color-mix(in srgb,var(--g) 55%,transparent);z-index:3;pointer-events:none}
.kg-ev i{position:absolute;left:50%;transform:translate(-50%,-50%);width:64px;font:700 .64rem/1.25 var(--ui);font-style:normal;text-align:center;background:var(--g);color:#fff;border-radius:8px;padding:3px 2px}
.kg{position:absolute;border-radius:12px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--sh1,none);text-align:right;padding:6px 9px;overflow:hidden;z-index:2;font:inherit;color:var(--ink);cursor:pointer;transition:opacity .2s}
.kg b{display:block;font:700 1rem/1.2 var(--serif)}.kg span{display:block;font:500 .7rem var(--ui);color:var(--mut);margin-top:2px}
.kg-u{inset-inline:0}.kg-j{inset-inline-start:0;width:calc(50% - 34px)}.kg-i{inset-inline-end:0;width:calc(50% - 34px)}
.kg.kg-g{border-inline-start:4px solid var(--g)}.kg.kg-b{border-inline-start:4px solid #A2453B}.kg.kg-m{border-inline-start:4px solid #7C8087}
.kg.kg-g b{color:var(--g)}.kg.kg-b b{color:#A2453B}
.kg.dim{opacity:.15;pointer-events:none}
.kgs{padding:4px 2px 20px}.kgs-c{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
.kg-c-g{color:var(--g);border-color:var(--g)}.kg-c-b{color:#A2453B;border-color:#A2453B}
.kgs-r{display:flex;gap:8px;font:500 .95rem var(--ui);padding:6px 0;border-bottom:1px solid var(--line)}.kgs-r b{color:var(--mut);font-weight:600;min-width:96px}
.kgs-v{display:block;margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--g) 7%,var(--paper));text-decoration:none;color:var(--ink)}
.kgs-v p{margin:0;font:500 1.1rem/1.7 var(--serif)}.kgs-v small{display:block;margin-top:6px;color:var(--g);font:600 .8rem var(--ui)}
.kgs-n{font:400 .9rem/1.5 var(--ui);color:var(--mut)}
.kgs h4{font:700 1rem var(--serif);margin:16px 0 8px}.kgs-p{display:flex;gap:6px;flex-wrap:wrap}.kgs-none{color:var(--mut);font:.9rem var(--ui)}

.kg em{display:block;font:italic 500 .68rem/1.3 var(--ui);color:var(--g);margin-top:3px;font-style:normal;opacity:.9}
.kgs-p{display:grid;gap:6px}.kgs-pp{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}.kgs-pp b{font:700 1rem var(--serif)}.kgs-pp small{font:500 .74rem var(--ui);color:var(--mut);text-align:left}

/* v120 plan questionnaire */
.qzw{padding-top:18px;padding-bottom:40px}
.qz-dots{display:flex;gap:6px;justify-content:center;margin-bottom:22px}.qz-dots i{width:28px;height:5px;border-radius:3px;background:var(--line)}.qz-dots i.on{background:var(--g)}
.qz-t{font:700 1.6rem/1.3 var(--serif);text-align:center;margin:0 0 6px}.qz-s{text-align:center;color:var(--mut);font:400 .95rem var(--ui);margin:0 0 22px}
.qz-o{display:grid;gap:10px}.qz-bk{grid-template-columns:1fr 1fr;max-height:60vh;overflow:auto}
.qz-b{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--sh1,none);font:inherit;color:var(--ink);text-align:right;cursor:pointer;transition:transform .15s,border-color .15s}
.qz-b:active{transform:scale(.98);border-color:var(--g)}.qz-b b{font:700 1.08rem var(--serif)}.qz-b span{font:500 .82rem var(--ui);color:var(--mut)}
.qz-f{display:flex;justify-content:space-between;margin-top:18px}.qz-f button,.qz-re{background:none;border:0;color:var(--mut);font:500 .95rem var(--ui);min-height:44px;padding:0 8px;cursor:pointer}
.qz-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh1,none);padding:22px 20px;text-align:center}
.qz-lbl{font:600 .8rem var(--ui);color:var(--g);letter-spacing:.02em}.qz-card h2{font:700 1.7rem var(--serif);margin:4px 0 14px}
.qz-r{display:flex;justify-content:space-between;align-items:baseline;padding:11px 2px;border-top:1px solid var(--line)}.qz-r b{font:700 1.1rem var(--serif)}.qz-r span{font:500 .88rem var(--ui);color:var(--mut)}
.qz-n{color:var(--mut);font:400 .9rem/1.5 var(--ui);margin:14px 0 16px}.qz-go{width:100%;min-height:52px;font-size:1.05rem}.qz-re{display:block;margin:8px auto 0}
.sec-h .qz-open{background:none;border:0;color:var(--g);font:600 .9rem var(--ui);min-height:44px;cursor:pointer}

/* v124 parsha weekly track */
#wkMe:empty{display:none}#wkMe{margin:12px 0}
.wkt{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh1,none);text-decoration:none;color:var(--ink)}
.wkt>i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--g) 10%,transparent);color:var(--g)}.wkt>i svg{width:18px;height:18px}
.wkt span{flex:1;display:flex;flex-direction:column}.wkt b{font:700 1.02rem var(--serif)}.wkt em{font:500 .85rem var(--ui);color:var(--mut);font-style:normal}
.wkt.ok em{color:var(--g)}.wkt .ga{flex:0;color:var(--mut)}.wkt .ga svg{width:16px;height:16px}
.wk-tg{display:flex;align-items:center;gap:10px;min-height:44px;font:500 .95rem var(--ui);color:var(--ink);margin:4px 2px 10px}.wk-tg input{width:20px;height:20px;accent-color:var(--g)}

/* v125 me order */
#main .jr>.jr-hero+#wkMe{margin-top:12px}
#main .jr-sec.me-sub{margin-top:-6px}
#main .jr-sec.me-sub h2{font-size:1.05rem;color:var(--mut)}

/* v126 one plan card */
#myPlan .card.goal{margin-bottom:10px}
#myPlan .gq-l{font:600 .85rem var(--ui);color:var(--mut);margin:14px 4px 6px}
#myPlan .sw input{width:46px;height:28px;appearance:none;-webkit-appearance:none;border-radius:14px;background:var(--line);position:relative;cursor:pointer;transition:background .2s;margin:0}
#myPlan .sw input::after{content:'';position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:right .2s}
#myPlan .sw input:checked{background:var(--g)}#myPlan .sw input:checked::after{right:21px}

/* v132 opening page redo (w4) */
.w4{padding:8px 18px 28px}
.w4 .w4-hero{text-align:center;padding:22px 0 14px}.w4 .w4-hero h1{font:700 2rem/1.15 var(--serif);margin:0;color:var(--ink)}.w4 .w4-hero p{margin:6px 0 0;color:var(--mut);font:400 1rem var(--ui)}
.w4 .w3-search{margin:10px auto 0;max-width:560px}
.w4 .w4-h{font:700 1.3rem var(--serif);margin:26px 2px 10px;color:var(--ink)}
.w4-today{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:var(--g);color:#fff;text-decoration:none;box-shadow:var(--sh1,none)}
.w4-today .w4-tl{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.w4-today .k{font:600 .82rem var(--ui);opacity:.85}.w4-today b{font:700 1.35rem var(--serif)}
.w4-today small{font:500 .82rem var(--ui);opacity:.85}.w4-pr{height:6px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden;margin-top:4px}.w4-pr i{display:block;height:100%;background:#fff;border-radius:3px}
.w4-go{display:flex;align-items:center;gap:6px;font:700 .95rem var(--ui);white-space:nowrap}.w4-go svg{width:16px;height:16px}
.w4-today.ok{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.w4-today.ok .w4-pr{background:var(--line)}.w4-today.ok .w4-pr i{background:var(--g)}.w4-today.ok .k{color:var(--g);opacity:1}
.w4-mk{display:block;text-align:center;margin:10px 0 0;color:var(--g);font:600 .92rem var(--ui);text-decoration:none;min-height:36px;line-height:36px}
.w4 .wk{max-width:none;margin:10px 0 0}
.w4 .w3-pasuk{margin-top:12px}
.w4-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.w4-grid a{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 14px;border-radius:18px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh1,none);text-decoration:none;color:var(--ink)}
.w4-grid a i{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--g) 10%,transparent);color:var(--g)}.w4-grid a i svg{width:18px;height:18px}
.w4-grid a b{font:700 .98rem/1.25 var(--serif)}
.w4 .w3-foot{margin-top:26px;text-align:center}

/* v133 align pages: one top spacing + one width on every page */
html body #main>.wrap,html body #main>.tr-wrap,html body #main>.w4{padding-top:14px!important;padding-left:16px!important;padding-right:16px!important;max-width:760px!important;margin-left:auto;margin-right:auto;box-sizing:border-box}
html body #main>.wrap>*:first-child{margin-top:0!important}
html body #main .iyhero p,html body #main .kg-sub{font:400 .95rem/1.55 var(--ui);color:var(--mut);margin:0 0 14px}

/* v134 bottom bar: 5 items */
.bnav a .bl{white-space:nowrap;font-size:.68rem}
.bnav a{min-width:0}

/* v135 find page */
.fdw .w3-search{margin-top:14px}.fd-l{margin:6px 6px 4px;color:var(--mut);font:400 .85rem var(--ui)}.fd-g{margin-top:22px}

/* v136 how-to */
.hw-i{font:500 1rem/1.6 var(--ui);color:var(--mut);margin:0 2px 14px}
.hw-c{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:10px;border-radius:18px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh1,none);text-decoration:none;color:var(--ink)}
.hw-n{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#fff;font:700 .9rem var(--ui)}
.hw-c b{font:700 1.08rem var(--serif)}.hw-c p{margin:4px 0 0;font:400 .92rem/1.6 var(--ui);color:var(--mut)}
.hw-c>i{margin-inline-start:auto;align-self:center;color:var(--mut)}.hw-c>i svg{width:16px;height:16px}
.hw-go{margin-top:16px}.hw-l{color:var(--g);font-weight:600;text-decoration:none;white-space:nowrap}

/* v138 account + notes */
.acw .ac-p{font:400 .98rem/1.65 var(--ui);color:var(--ink2,var(--ink));margin:0 2px 14px}
.ac-f label{display:block;font:600 .9rem var(--ui);margin:0 0 12px;color:var(--ink)}
.ac-f input,.ac-f textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:13px 14px;font:400 1rem var(--ui);color:var(--ink)}
.ac-f textarea{resize:vertical;min-height:130px;line-height:1.6}
.ac-f input:focus,.ac-f textarea:focus{outline:2px solid var(--g);outline-offset:0;border-color:transparent}
.acw .btn{display:flex;width:100%;justify-content:center;align-items:center;min-height:50px;border-radius:99px;border:0;background:var(--g);color:#fff;font:700 1rem var(--ui);margin-top:6px;text-decoration:none;cursor:pointer}
.acw .btn.ghost{background:none;color:var(--g);border:1px solid var(--line);margin-top:10px}
.acw .btn:disabled{opacity:.6}
.ac-e{color:#A3322A;font:500 .9rem var(--ui);min-height:1.2em;margin:0 2px 6px}
.ac-seg{margin-bottom:16px}
.ac-card{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px}
.ac-card b{display:block;font:700 1.1rem var(--serif)}.ac-card small{color:var(--mut);direction:ltr;display:block;text-align:right}
.ac-av{width:46px;height:46px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font:700 1.3rem var(--serif)}
.ac-s{color:var(--mut);font-size:.85rem;margin:-6px 2px 12px}
.ac-ok{width:64px;height:64px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-size:2rem;margin:30px auto 8px}
.ac-h{text-align:center;font:700 1.4rem var(--serif);margin:0 0 4px}
.ac-me{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:10px 0;border-radius:18px;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.ac-me>span{color:var(--g)}.ac-me>span svg{width:22px;height:22px}.ac-me b{display:block;font:600 1rem var(--ui)}.ac-me small{color:var(--mut);font-size:.82rem}.ac-me>i{margin-inline-start:auto;color:var(--mut)}.ac-me>i svg{width:16px;height:16px}

/* v139 one modern font: all labels/titles Heebo; serif only for pesukim/quotes */
:root,html body{--serif:'Heebo',system-ui,sans-serif}
html body :is(.person .first .ptxt,.sr .tx,.wpop .ex,.flash .fq,.fact q,.lf-q,.rd.m-tr .tr.yi,.wl-yi p,.chzi span,.pexb,.kgs-v p,.w3-pvk p,.row-link .snip){font-family:var(--mikra)}

/* v140 interactive how-to + coach hint */
.hw-c{display:flex}.hw-b{flex:1;min-width:0}
.hw-try{margin-top:10px;border:0;background:var(--gs,#E7EBF2);color:var(--g);font:700 .92rem var(--ui);border-radius:99px;padding:10px 16px;min-height:44px;cursor:pointer}
.hw-demo{margin:10px 0 6px;font:400 1.35rem/1.9 var(--mikra);color:var(--ink)}
.hw-demo .w{cursor:pointer;border-radius:6px;padding:0 1px;transition:background .15s}
.hw-demo .w.on{background:var(--gs,#E7EBF2);color:var(--g)}
.hw-demo small{font:400 .78rem var(--ui);color:var(--mut)}
.hw-out{font:500 .95rem var(--ui);color:var(--mut);background:var(--bg);border-radius:12px;padding:10px 12px;min-height:44px;box-sizing:border-box}
.hw-out b{color:var(--g);font-size:1.1rem}
.hw-ask{display:flex;gap:8px;margin-top:10px}.hw-ask input{flex:1;min-width:0;border:1px solid var(--line);border-radius:99px;padding:11px 14px;font:400 .98rem var(--ui);background:var(--bg);color:var(--ink)}
.hw-ask button{border:0;background:var(--g);color:#fff;border-radius:99px;padding:0 16px;font:700 .92rem var(--ui);min-height:44px}
.coach{position:fixed;left:12px;right:12px;bottom:calc(84px + var(--safe-b,0px));z-index:60;background:var(--g);color:#fff;border-radius:18px;padding:14px 16px 12px;box-shadow:0 10px 30px rgba(0,0,0,.22);display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;transform:translateY(20px);opacity:0;transition:.3s}
.coach.on{transform:none;opacity:1}
.coach .co-i svg{width:22px;height:22px;stroke:#fff}
.coach p{margin:0;font:500 1rem/1.55 var(--ui)}
.coach button,.coach .co-b{grid-column:2;justify-self:start}
.coach button{background:#fff;color:var(--g);border:0;border-radius:99px;padding:8px 18px;font:700 .9rem var(--ui);margin-top:8px;min-height:40px}
.coach .co-b{color:#fff;opacity:.85;font:500 .85rem var(--ui);margin-top:2px;text-decoration:underline}
@media (prefers-reduced-motion:reduce){.coach{transition:none}}

/* v141 greeting */
.w4-hi{font:600 1.05rem var(--ui);color:var(--g);margin:0 0 2px}

/* v144 language picker */
.lgp{display:flex;gap:6px;background:var(--stone,#ECE6D9);border-radius:99px;padding:4px;margin:0 auto 12px;max-width:340px}
.lgp button{flex:1;border:0;background:none;border-radius:99px;padding:9px 6px;font:600 .92rem var(--ui);color:var(--ink);min-height:40px;cursor:pointer}
.lgp button.act{background:var(--paper);color:var(--g);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.mgrp.pad .lgp{margin:4px 0}

/* v145 top-bar language button */
.lgB{min-width:40px;height:34px;border-radius:99px;border:1px solid var(--line);background:var(--paper);color:var(--g);font:700 .82rem var(--ui);padding:0 10px;cursor:pointer;margin-inline-start:4px}
.lgPop{position:fixed;top:calc(58px + env(safe-area-inset-top,0px));left:10px;z-index:80;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.18);min-width:260px}
.lgPop .lgp{margin:0}

/* v146 hero title removed (name is in top bar) */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.w4 .w4-hero .w4-hi{font-size:1.25rem;margin:0 0 4px}

/* v150 prose (הקדמות, summaries, quotes-explanations) in the modern font */
html body :is(.pfc .pf-l,.pfc .pf-k,#parLb .pf-tx,.fact q,.lf-q,.flash .fq,.row-link .snip,.iyb,.sk-t,.com .cb,.uintro,.intro){font-family:var(--ui)!important}

/* v151 עיון וחזרה after the unit's perakim */
.uend{display:flex;align-items:center;gap:10px;margin:4px 0 22px;padding:12px 16px;border-radius:16px;background:var(--gs,#E7EBF2);color:var(--g);text-decoration:none;font-family:var(--ui)}
.uend span svg{width:20px;height:20px}.uend b{font-weight:700;font-size:.98rem}.uend i{font-style:normal;margin-inline-start:auto;font-size:.82rem;opacity:.85}

/* v163 counts on home tiles */
.w4-grid a .w4-n{display:block;font:500 .74rem/1.3 var(--ui);color:var(--mut);margin-top:2px}
.w4-grid a .w4-tx{display:flex;flex-direction:column;min-width:0}.w4-grid a .w4-tx b{line-height:1.2}

/* v169 flag */
.flg-b{position:fixed;left:10px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:60;width:44px;height:44px;border-radius:50%;border:1px solid var(--line,#e5e0d6);background:var(--card,#fff);box-shadow:0 2px 10px rgba(0,0,0,.12);font-size:18px;line-height:1;opacity:.85;cursor:pointer}
.flg-bk{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;justify-content:center}
.flg-sh{background:var(--card,#fff);width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));font:400 15px/1.5 var(--ui);direction:rtl}
.flg-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.flg-hd b{font-size:17px}
.flg-at{font-size:13px;color:var(--mut);margin-bottom:8px}.flg-q{font-size:14px;background:var(--soft,#f4f1ea);border-radius:10px;padding:8px 10px;margin-bottom:8px;max-height:90px;overflow:auto}
.flg-sh textarea,.flg-sh input{width:100%;box-sizing:border-box;border:1px solid var(--line,#ddd);border-radius:12px;padding:10px;font:inherit;margin-bottom:8px;background:var(--bg,#fff);color:inherit}
.flg-e{color:#b3261e;font-size:13px;margin:0 0 6px}.flg-sh .btn{width:100%}.flg-ok{text-align:center;font-size:17px;padding:24px 0;color:var(--g,#1B2B47)}

/* v172 pdesc */
.lf-desc.pdesc{display:block;font:400 15px/1.6 var(--ui);margin:6px 0 10px}.lf-desc.pdesc .pd-src{font-size:12px;color:var(--g,#1B2B47);margin-top:4px}

/* v174 par btn */
.kv .kh .pbtn{float:left;font:600 12.5px var(--ui);color:var(--g,#1B2B47);background:transparent;border:1px solid currentColor;border-radius:14px;padding:3px 10px;min-height:28px;cursor:pointer}

/* v180 ps intro */
.ps-intro{margin:2px 0 14px;padding:0 2px;font:400 15.5px/1.65 var(--ui);color:var(--mut)}
.sikum.sk-end{margin:22px 0 8px}

/* v181 theme sk-iy + intro label */
.sk-iy{background:color-mix(in srgb,var(--g) 9%,transparent)!important;color:var(--g)!important}
.ps-intro b{display:block;font:700 13px var(--ui);color:var(--g);margin:0 0 2px;letter-spacing:.02em}

/* v187 side-by-side pesukim inside השוואות */
.sbs2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}
.sbs2>div{background:color-mix(in srgb,var(--g) 6%,var(--paper));border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-family:var(--mikra);line-height:1.7}
.sbs2 small{display:block;font:600 12px var(--ui);color:var(--mut);margin-bottom:3px}
.sbs2 small a{color:inherit;text-decoration:none}
.sbs2 mark{background:color-mix(in srgb,var(--g) 22%,transparent);color:inherit;border-radius:3px;padding:0 1px}
@media(max-width:360px){.sbs2{grid-template-columns:1fr}}

/* v189 הלכה records */
.hzk{font:600 12px var(--ui);color:var(--g);margin:6px 0 4px}
.hsrc{margin:6px 0;line-height:1.75}
.hsy{margin-top:6px;font-size:13px;color:var(--mut)}

/* v194 serious books: no pictures */
.blist{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line);margin-bottom:6px}
.brow{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n c" "s c" "p p";align-items:center;gap:2px 10px;padding:13px 4px 11px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;min-height:44px}
.brow .bn{grid-area:n;font-family:var(--serif);font-size:1.22rem;font-weight:700;line-height:1.2}
.brow .bs{grid-area:s;font-size:.8rem;color:var(--mut)}
.brow .bp{grid-area:p;height:2px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:6px;opacity:0}
.brow.st .bp{opacity:1}.brow .bp i{display:block;height:100%;background:var(--g)}
.brow .chev{grid-area:c;font-style:normal;font-size:1.4rem;color:var(--mut)}
.brow:active{background:color-mix(in srgb,var(--g) 6%,transparent)}
.brow.hk .bn:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--g);margin-inline-start:7px;vertical-align:middle;opacity:.7}
@media(min-width:700px){.blist{grid-template-columns:repeat(2,1fr);column-gap:28px;border-top:0}.brow{border-bottom:1px solid var(--line)}}
.bhead.plain{height:auto;margin:14px 0 4px;color:var(--ink);border-bottom:1px solid var(--line);border-radius:0;background:none}
.bhead.plain:after{display:none}
.bhead.plain .in{padding:14px 2px 16px}
.bhead.plain h1{font-size:2.3rem}
.bhead.plain .in>div:first-child{color:var(--g);font-weight:600;opacity:1!important}
.bhead.plain .meta{color:var(--mut)}

.brow{grid-template-columns:1fr auto auto;grid-template-areas:"n s c" "p p p";padding:11px 4px 9px}
.brow .bs{font-size:.78rem}
.brow .bp{margin-top:4px}

/* v197 list / tiles switch */
.shv{display:flex;gap:6px;justify-content:flex-start;margin-top:14px}
.shv button{border:1px solid var(--line);background:none;color:var(--mut);font:600 .8rem var(--ui);padding:7px 12px;border-radius:99px;min-height:36px}
.shv button.on{background:var(--g);border-color:var(--g);color:#fff}
.blist.tl{grid-template-columns:repeat(2,1fr);gap:10px;border-top:0}
.blist.tl .brow{grid-template-columns:1fr;grid-template-areas:"n" "s" "p";border:1px solid var(--line);border-radius:14px;padding:16px 14px 12px;background:var(--paper);min-height:86px;align-content:start}
.blist.tl .brow .chev{display:none}
.blist.tl .brow .bp{opacity:1;margin-top:10px}
@media(min-width:700px){.blist.tl{grid-template-columns:repeat(4,1fr)}}

/* v198 עיון וחזרה — פסוקים */
.pesI{margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.pesH{display:block;text-decoration:none;color:var(--ink);margin:4px 0 8px}
.pesH b{display:block;color:var(--g);font:700 .9rem var(--ui)}
.pesH span{font-family:var(--mikra);font-size:1.05rem;line-height:1.7}

.w3-pk{display:flex;align-items:center;gap:8px}.w3-sh{margin-inline-start:auto;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--g);border-radius:50%;cursor:pointer}.w3-sh svg{width:20px;height:20px}.w3-sh:active{background:color-mix(in srgb,var(--g) 12%,transparent)}

/* v207 navy+gold theme to match logo */
.topbar h1,.topbar .t{letter-spacing:-.01em}