/* ===== 'פרשה אחרת' — library redesign (A = ספר, B = מגילה) ===== */
:root{--serif:'Frank Ruhl Libre','David Libre','Times New Roman',serif;--ink:#17302f;--paper:#fbfaf5;--gold:#b88a3e;--hair:color-mix(in srgb,var(--ink) 14%,transparent);--bnav-h:64px}
[data-theme="dark"]{--ink:#e9efe9;--paper:#0b1011;--gold:#d2a85a;--hair:color-mix(in srgb,var(--ink) 16%,transparent)}
html[data-design] body{background:var(--paper);background-image:radial-gradient(900px 420px at 50% -120px,color-mix(in srgb,var(--primary) 13%,transparent),transparent 70%);color:var(--ink)}
html[data-design] .topbar{background:color-mix(in srgb,var(--paper) 86%,transparent);border-bottom-color:var(--hair)}
html[data-design] .brand-text strong{font-family:var(--serif);font-weight:700;font-size:1.2rem}
html[data-design] .icon-btn{border-color:var(--hair);background:transparent}
html[data-design] .chip{border-color:var(--hair);background:transparent}
html[data-design] main{max-width:760px;padding-bottom:calc(var(--bnav-h) + 40px + env(safe-area-inset-bottom))}
.lib-mode .toolbar .sort,.lib-mode .toolbar .admin-actions,.lib-mode .crumbs{display:none!important}
.lib-mode:not(.at-home):not(.searching) .toolbar{display:none}
.lib-mode .toolbar{margin:4px 0 8px}
.lib-mode .search input{border-radius:999px;border-color:var(--hair);background:color-mix(in srgb,var(--surface) 70%,transparent);min-height:52px;font-size:1.05rem}
html[data-design] .dr-sec:has([data-pref="view"]) #lblView,html[data-design] [data-pref="view"]{display:none}
body:not(.is-admin) .dt-n{display:none}
body:not(.is-admin) #pgFolder,body:not(.is-admin) .pg-folder-btn,body:not(.is-admin) .hot-folder{display:none!important}
.files-mode .toolbar,.files-mode .crumbs{display:flex}
.lib{font-size:1rem}
.lib.enter{animation:libIn .32s ease both}
@keyframes libIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lib.enter{animation:none}}

/* ornament */
.orn{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--primary);margin:10px auto 6px;max-width:260px}
.orn span{flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 60%,transparent))}
.orn span:last-child{background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--primary) 60%,transparent))}
.orn svg{width:14px;height:14px;flex:none}

/* mastheads */
.mast{text-align:center;margin:6px 0 10px}
.mast-emblem{width:132px;height:132px;display:block;margin:6px auto 4px;border-radius:50%;box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 10%,transparent),0 12px 34px color-mix(in srgb,var(--acc-shadow) 16%,transparent)}
.mast-bh{font-size:.74rem;color:var(--muted);margin:10px 0 2px;letter-spacing:.01em}
.mast-t{font-family:var(--serif);font-size:2.55rem;font-weight:800;margin:0;line-height:1.1;color:var(--ink)}
.mast-s{margin:6px 0 0;color:var(--primary-strong);font-family:var(--serif);font-size:1.12rem}
.mast-hi{margin:10px 0 0;color:var(--muted);font-size:1rem}
.mast-B{text-align:start;margin:4px 0 14px}
.mast-B .mast-bh{text-align:center;margin:2px 0 12px}
.bm-row{display:flex;align-items:center;gap:14px}
.bm-emblem{width:84px;height:84px;border-radius:50%;flex:none;box-shadow:0 8px 22px color-mix(in srgb,var(--acc-shadow) 18%,transparent)}
.bm-hi{font-family:var(--serif);font-size:1.95rem;font-weight:800;margin:0;line-height:1.15}
.bm-s{margin:2px 0 0;color:var(--muted);font-size:1rem}

/* install banner */
.inst{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;margin:2px 0 18px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:0 6px 20px color-mix(in srgb,var(--acc-shadow) 8%,transparent)}
.inst img{width:44px;height:44px;border-radius:12px;flex:none}
.inst-t{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}
.inst-t b{font-size:1rem}.inst-t small{color:var(--muted);font-size:.84rem}
.inst-go{border-radius:999px!important;min-height:42px!important}
.inst-x{background:none;border:0;color:var(--muted);width:36px;height:36px;font-size:1rem;cursor:pointer;flex:none}
.is-hero{display:flex;align-items:center;gap:14px;margin-bottom:6px}.is-hero img{border-radius:16px;flex:none}.is-hero p{margin:0;font-size:1.02rem}
.is-steps{list-style:none;padding:0;margin:12px 0;display:grid;gap:12px}
.is-steps li{display:flex;align-items:center;gap:12px;font-size:1.05rem;line-height:1.5}
.is-n{width:32px;height:32px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;flex:none;font-size:.95rem}
.is-ic{width:22px;height:22px;vertical-align:-5px;color:#0a84ff}

/* bottom bar */
.bnav{display:none}
html[data-design] body:has(#driveView:not(.hidden)) .bnav{display:grid}
.bnav{position:fixed;inset-inline:0;bottom:0;z-index:40;grid-template-columns:repeat(3,1fr);height:calc(var(--bnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-top:1px solid var(--hair)}
.bnav button{background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bnav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bnav button[aria-current="true"]{color:var(--primary-strong)}
.bnav button[aria-current="true"] svg{stroke-width:2.1}
body.pinned .bnav{inset-inline-start:var(--dw)}
@media(min-width:1100px){.bnav{display:none!important}html[data-design] main{padding-bottom:60px}}
.uploads,.toast{bottom:calc(var(--bnav-h) + 14px + env(safe-area-inset-bottom))}

/* parsha page sheet (shared) */
.psheet{margin:14px auto 6px;max-width:620px}
.psheet-stage{position:relative;line-height:0;user-select:none;-webkit-user-select:none}
.psheet-stage img{width:100%;height:auto;display:block}
.psheet-hots{position:absolute;inset:0}
.psheet-cap{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:var(--muted);font-size:.92rem}
.psheet-hint{display:flex;align-items:center;gap:6px}.psheet-hint svg{width:20px;height:20px;color:var(--primary)}
.psheet-zoom{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--hair);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer}
.psheet-zoom svg{width:18px;height:18px}
.adm-btn{display:inline-flex;align-items:center;gap:4px;margin-top:10px;min-height:36px;padding:0 12px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--muted) 60%,transparent);background:none;color:var(--muted);font-size:.85rem;cursor:pointer}
.adm-btn svg{width:16px;height:16px}
.adm-files{display:flex;align-items:center;gap:8px;margin:22px auto 0;min-height:44px;padding:0 16px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--muted) 55%,transparent);background:none;color:var(--muted);font-size:.9rem;cursor:pointer}
.adm-files svg{width:18px;height:18px}
.lib-empty{text-align:center;color:var(--muted);padding:30px 10px;font-size:1.05rem}
/* chooser (עברית / אידיש / קיצור) */
.ch-hint{margin-top:0}
.chooser{display:grid;gap:10px;margin:6px 0 4px}
.ch-btn{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:start;min-height:68px;padding:10px 16px;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--primary) 35%,var(--line));background:var(--surface);cursor:pointer;color:var(--text)}
.ch-btn strong{font-family:var(--serif);font-size:1.4rem;line-height:1.2}
.ch-btn small{grid-row:2;color:var(--muted);font-size:.88rem}
.ch-chev{grid-row:1/3;grid-column:2;width:22px;height:22px;color:var(--primary)}
.ch-btn:active{background:var(--primary-soft)}
/* soon */
.soon-b{text-align:center;padding:34px 12px 18px}
.soon-ic{width:64px;height:64px;color:var(--primary);opacity:.85}
.soon-t{font-family:var(--serif);font-size:1.45rem;margin:10px 0 2px;color:var(--ink)}
.soon-s{margin:0;color:var(--muted)}
.soon-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.soon-link{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 45%,transparent);background:none;color:var(--primary-strong);font-family:var(--serif);font-size:1.08rem;cursor:pointer}
/* subfolders + search results: typographic rows */
.subs{list-style:none;margin:16px 0 0;padding:0}
.sub-b{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:start;gap:0 10px;min-height:62px;padding:10px 4px;background:none;border:0;border-bottom:1px solid var(--hair);cursor:pointer;color:var(--ink)}
.sub-t{font-family:var(--serif);font-size:1.3rem;font-weight:600}
.sub-s{grid-row:2;color:var(--muted);font-size:.86rem}
.sub-chev{grid-row:1/3;grid-column:2;width:20px;height:20px;color:var(--primary)}
/* prev / next */
.sibnav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0 0;padding-top:16px;border-top:1px solid var(--hair)}
.sib{display:flex;align-items:center;gap:8px;min-height:60px;background:none;border:0;cursor:pointer;color:var(--ink);padding:4px}
.sib.next{justify-content:flex-end;text-align:end}
.sib span{display:flex;flex-direction:column;line-height:1.2}
.sib small{color:var(--muted);font-size:.8rem}.sib b{font-family:var(--serif);font-size:1.25rem}
.sib-ar{width:22px;height:22px;color:var(--primary);flex:none}
.sib.prev .sib-ar{transform:scaleX(-1)}

/* ========== A · ספר ========== */
.lib-A .a-toc{margin-top:6px}
.a-book{text-align:center;padding:22px 0 18px;position:relative}
.a-book+.a-book:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:58%;height:1px;background:linear-gradient(90deg,transparent,var(--hair),transparent)}
.a-book-h{display:inline-flex;flex-direction:column;align-items:center;background:none;border:0;cursor:pointer;color:var(--ink);padding:4px 16px;line-height:1.1}
.a-book-h small{font-size:.86rem;letter-spacing:.32em;color:var(--primary-strong);font-weight:600;margin-bottom:4px;padding-inline-start:.32em}
.a-book-h span{font-family:var(--serif);font-size:2.15rem;font-weight:800}
.a-psh{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 0;margin-top:10px;padding:0 6px}
.a-p{position:relative;background:none;border:0;cursor:pointer;font-family:var(--serif);font-size:1.2rem;color:color-mix(in srgb,var(--ink) 78%,transparent);min-height:44px;padding:4px 11px;border-radius:10px;-webkit-tap-highlight-color:transparent}
.a-p+.a-p:before{content:"";position:absolute;inset-inline-start:-2px;top:50%;width:4px;height:4px;transform:translateY(-50%) rotate(45deg);background:color-mix(in srgb,var(--primary) 45%,transparent)}
.a-p.ready{color:var(--primary-strong);font-weight:700}
.a-p.ready:after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--gold)}
.a-p:active{background:var(--primary-soft)}
.a-head{text-align:center;margin:10px 0 4px}
.a-head small{display:block;font-size:.9rem;letter-spacing:.3em;color:var(--primary-strong);font-weight:600;padding-inline-start:.3em}
.a-head h1{font-family:var(--serif);font-size:2.9rem;font-weight:800;margin:2px 0 0;line-height:1.1}
.a-up{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:var(--muted);font-size:.95rem;cursor:pointer;min-height:40px;padding:0 8px;margin-bottom:4px}
.a-up svg{width:18px;height:18px;transform:scaleX(-1)}
.a-list{list-style:none;margin:16px 0 0;padding:0}
.a-row{width:100%;display:flex;align-items:baseline;gap:10px;min-height:60px;padding:14px 4px 10px;background:none;border:0;cursor:pointer;color:var(--ink);text-align:start;-webkit-tap-highlight-color:transparent}
.a-row:active{background:color-mix(in srgb,var(--primary) 8%,transparent)}
.a-num{width:2.1em;flex:none;font-family:var(--serif);color:var(--primary);font-size:1rem;text-align:center}
.a-name{font-family:var(--serif);font-size:1.45rem;font-weight:600;white-space:nowrap}
.a-lead{flex:1;min-width:12px;border-bottom:2px dotted color-mix(in srgb,var(--ink) 22%,transparent);transform:translateY(-6px)}
.a-meta{font-size:.86rem;color:var(--muted);white-space:nowrap}
.a-row.ready .a-name{font-weight:800}
.a-row.ready .a-meta{color:var(--primary-strong);font-weight:600}
.a-sheet .psheet-stage{background:#fff;padding:0;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 14px 40px rgba(20,40,40,.16);outline:1px solid color-mix(in srgb,var(--gold) 55%,transparent);outline-offset:7px}
.a-sheet{margin-top:22px;padding:0 8px}
.srcs{margin-top:26px}
.srcs-h{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:1.35rem;font-weight:700;margin:0 0 6px;color:var(--ink)}
.srcs-h:before,.srcs-h:after{content:"";flex:1;height:1px;background:var(--hair)}
.srcs-l{list-style:none;margin:0;padding:0}
.src-b{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 12px;align-items:center;text-align:start;min-height:64px;padding:10px 4px;background:none;border:0;border-bottom:1px solid var(--hair);cursor:pointer;color:var(--ink);-webkit-tap-highlight-color:transparent}
.src-b:active{background:color-mix(in srgb,var(--primary) 8%,transparent)}
.src-i{grid-row:1/3;width:36px;height:36px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--primary) 55%,transparent);color:var(--primary-strong);display:grid;place-items:center;font-family:var(--serif);font-size:.98rem}
.src-t{font-family:var(--serif);font-size:1.25rem;font-weight:600}
.src-v{color:var(--muted);font-size:.86rem}
.src-b.soon{opacity:.6}

/* ========== B · מגילה ========== */
.b-book{margin:8px 0 34px}
.b-book-h{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 20px}
.b-book-t{display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);line-height:1.1}
.b-book-t small{font-size:.8rem;letter-spacing:.25em;color:var(--primary-strong);font-weight:600}
.b-book-t span{font-family:var(--serif);font-size:1.75rem;font-weight:800}
.b-all{display:inline-flex;align-items:center;gap:2px;min-height:40px;padding:0 6px;background:none;border:0;color:var(--primary-strong);font-weight:600;font-size:.95rem;cursor:pointer}
.b-all svg{width:18px;height:18px}
.b-scroll{position:relative;padding:0 13px;margin:0 -4px}
.b-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  background:linear-gradient(180deg,#e9dcbd 0,#f6efdd 7%,#fbf6ea 50%,#f6efdd 93%,#e6d7b5 100%);border-radius:2px;box-shadow:inset 0 0 18px rgba(120,86,30,.14),0 8px 20px rgba(60,40,10,.12)}
.b-strip::-webkit-scrollbar{display:none}
.b-col{flex:none;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:96px;padding:0 16px;height:132px;background:none;border:0;border-inline-start:1px solid rgba(120,86,30,.16);cursor:pointer;color:#2d2416;-webkit-tap-highlight-color:transparent}
.b-col:first-child{border-inline-start:0}
.b-col-n{font-family:var(--serif);font-size:1.38rem;font-weight:700;white-space:nowrap}
.b-col-s{font-size:.74rem;color:rgba(70,55,30,.6);white-space:nowrap}
.b-col.ready .b-col-n{color:var(--acc-l-strong)}
.b-col.ready .b-col-s{color:#fff;background:var(--acc-l);border-radius:999px;padding:1px 9px;font-weight:600}
.b-col:active{background:color-mix(in srgb,var(--acc-l) 10%,transparent)}
.b-roll{position:absolute;top:-10px;bottom:-10px;width:16px;border-radius:8px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,#5a3418,#a8713f 38%,#c98d55 50%,#8b5a2e 70%,#4d2c13);box-shadow:0 4px 10px rgba(40,20,5,.3)}
.b-roll:before,.b-roll:after{content:"";position:absolute;left:50%;width:8px;height:12px;transform:translateX(-50%);background:linear-gradient(90deg,#4d2c13,#b98048,#4d2c13);border-radius:4px}
.b-roll:before{top:-10px}.b-roll:after{bottom:-10px}
.b-roll.r1{right:2px}.b-roll.r2{left:2px}
.b-scroll:not(.big) .b-col{height:56px;min-width:0;padding:0 18px}
.b-scroll:not(.big) .b-col-n{font-size:1.1rem}
.b-scroll:not(.big) .b-roll{top:-7px;bottom:-7px;width:12px}
.b-scroll:not(.big) .b-roll:before,.b-scroll:not(.big) .b-roll:after{height:8px;width:6px}
.b-scroll:not(.big) .b-roll:before{top:-7px}.b-scroll:not(.big) .b-roll:after{bottom:-7px}
.b-col.cur{background:linear-gradient(180deg,color-mix(in srgb,var(--acc-l) 6%,transparent),color-mix(in srgb,var(--acc-l) 18%,transparent));box-shadow:inset 0 -3px 0 var(--acc-l)}
.b-col.cur .b-col-n{color:var(--acc-l-deep)}
[data-theme="dark"] .b-strip{background:linear-gradient(180deg,#1a2324 0,#202b2c 7%,#243132 50%,#202b2c 93%,#172021 100%);box-shadow:inset 0 0 18px rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.4)}
[data-theme="dark"] .b-col{color:#e6efe9;border-inline-start-color:rgba(255,255,255,.08)}
[data-theme="dark"] .b-col-s{color:rgba(230,240,235,.5)}
[data-theme="dark"] .b-col.ready .b-col-n,[data-theme="dark"] .b-col.cur .b-col-n{color:var(--acc-d-bright)}
.b-mini{margin:0 0 4px}
.b-mini-t{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:var(--muted);font-size:.92rem;min-height:38px;padding:0 4px;margin-bottom:8px;cursor:pointer}
.b-mini-t svg{width:16px;height:16px;transform:scaleX(-1)}
.b-head{text-align:center;margin:18px 0 8px}
.b-head h1{font-family:var(--serif);font-size:2.7rem;font-weight:800;margin:0;line-height:1.1;display:flex;flex-direction:column;align-items:center}
.b-head h1 small{font-size:.95rem;font-weight:600;letter-spacing:.28em;color:var(--primary-strong);font-family:var(--font);margin-bottom:4px;padding-inline-start:.28em}
.lib-B > .b-head:first-child{margin-top:4px;margin-bottom:26px}
.b-sheet{margin:14px -14px 0;max-width:none}
.b-sheet .psheet-stage{border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(10,50,50,.22);margin:0 8px;background:#fff}
.b-sheet .psheet-cap{padding:0 14px}
.b-pills-w{margin-top:22px}
.b-pills-h{font-size:.85rem;letter-spacing:.2em;color:var(--muted);font-weight:600;margin:0 0 10px;text-align:center}
.b-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.b-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:6px 18px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--primary) 50%,transparent);background:color-mix(in srgb,var(--primary) 6%,var(--surface));color:var(--ink);cursor:pointer;line-height:1.2}
.b-pill span{font-family:var(--serif);font-size:1.12rem;font-weight:600}
.b-pill small{font-size:.72rem;color:var(--muted)}
.b-pill:active{background:var(--primary-soft)}
.b-pill.soon{opacity:.55;border-style:dashed}
.b-plist{list-style:none;margin:22px 0 0;padding:0}
.b-pi{width:100%;display:flex;align-items:center;gap:14px;min-height:76px;padding:10px 2px;background:none;border:0;border-bottom:1px solid var(--hair);cursor:pointer;text-align:start;color:var(--ink)}
.b-thumb{width:46px;height:62px;border-radius:6px;overflow:hidden;flex:none;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.b-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.b-ltr{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem;font-weight:700;color:#7a5a2a;background:linear-gradient(180deg,#f6efdd,#eadcb9);margin-inline:0 0}
[data-theme="dark"] .b-ltr{background:#1d2728;color:#d2a85a}
.b-pt{flex:1;display:flex;flex-direction:column;line-height:1.25}
.b-pt b{font-family:var(--serif);font-size:1.32rem}
.b-pt small{color:var(--muted);font-size:.86rem}
.b-pi.ready .b-pt small{color:var(--primary-strong);font-weight:600}
.b-chev{width:20px;height:20px;color:var(--primary);flex:none}
@media(min-width:700px){.b-sheet{margin-inline:0}.mast-t{font-size:3rem}}

/* "פרשת" before every parsha name */
.a-p{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;padding:5px 10px}
.a-p small{font-family:var(--font);font-size:.62rem;letter-spacing:.12em;color:var(--muted);font-weight:500;margin-bottom:1px}
.a-p.ready small{color:var(--primary-strong)}
.a-p.ready:after{bottom:1px}
.a-name small{font-size:.8em;font-weight:500;color:color-mix(in srgb,var(--ink) 70%,transparent)}
.b-col{gap:2px}
.b-col-p{font-size:.72rem;letter-spacing:.1em;color:rgba(70,55,30,.62)}
[data-theme="dark"] .b-col-p{color:rgba(230,240,235,.55)}
.b-col-s{margin-top:4px}
.b-scroll:not(.big) .b-col-p{font-size:.62rem}
.b-scroll:not(.big) .b-col{height:62px}
.b-head h1{font-size:2.5rem}
.a-head h1{font-size:2.6rem}

/* style switch previews */
.seg-design button{flex-direction:column;gap:6px;padding:10px 6px}
.dz{display:flex;align-items:center;justify-content:center;gap:3px;width:64px;height:40px;border-radius:8px;background:var(--paper);border:1px solid var(--hair)}
.dz-a{flex-direction:column;gap:3px}
.dz-a i{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--primary)}
.dz-a b{display:block;width:34px;height:2px;background:color-mix(in srgb,var(--ink) 45%,transparent);border-radius:2px}
.dz-a b+b{width:26px}.dz-a b+b+b{width:30px}
.dz-b{background:linear-gradient(180deg,#eadcbb,#fbf6ea 50%,#eadcbb);gap:4px}
.dz-b .r{width:5px;height:34px;border-radius:3px;background:linear-gradient(90deg,#5a3418,#c98d55,#5a3418)}
.dz-b b{width:8px;height:22px;border-inline-start:1px solid rgba(120,86,30,.3)}
.seg-design button[aria-pressed="true"] .dz{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent)}
html:not([data-design]) .seg-design,html:not([data-design]) #lblDesign{display:none}

@media(min-width:1100px){html[data-design] body.pinned main{max-width:none}html[data-design] body.pinned #driveView.lib-mode{max-width:780px}}
@media(min-width:700px){.b-col{min-width:120px}.b-scroll.big .b-col{height:150px}}

/* home: one emblem per חומש (and מועדים) */
.bk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 14px;margin:8px 0 6px}
@media(min-width:700px){.bk-grid{grid-template-columns:repeat(3,1fr)}}
.bk{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:6px 4px;cursor:pointer;color:var(--ink);border-radius:20px;-webkit-tap-highlight-color:transparent}
.bk img{width:100%;max-width:168px;height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 9%,transparent),0 10px 26px color-mix(in srgb,var(--acc-shadow) 16%,transparent);transition:transform .15s ease}
.bk:active img{transform:scale(.96)}
.bk-n{font-family:var(--serif);font-size:1.15rem;font-weight:700}
.bk-ph{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.6rem;background:var(--surface);border:2px solid var(--primary)}
[data-theme="dark"] .bk img{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 40%,transparent),0 10px 26px rgba(0,0,0,.5)}
.idx-h{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:1.25rem;font-weight:700;margin:28px 0 4px;color:var(--ink)}
.idx-h:before,.idx-h:after{content:"";flex:1;height:1px;background:var(--hair)}
.lib-B .idx-h{margin-bottom:14px}
.bk-head{display:block;width:150px;height:150px;margin:0 auto 10px;border-radius:50%;box-shadow:0 10px 26px color-mix(in srgb,var(--acc-shadow) 16%,transparent)}
.b-head .bk-head{margin-bottom:8px}

/* ===== side menu: always the 'ספר' look, in both styles (יואל 2026-10-27) ===== */
html[data-design] .drawer{background:var(--paper);background-image:radial-gradient(420px 240px at 50% -90px,color-mix(in srgb,var(--primary) 14%,transparent),transparent 72%);color:var(--ink);border-inline-end-color:var(--hair)}
html[data-design] .dr-head{background:transparent;border-bottom:1px solid var(--hair);padding:14px 16px 12px}
html[data-design] .dr-head .icon-btn{border-color:var(--hair);background:transparent}
html[data-design] .dr-title{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:1.5rem;font-weight:800;color:var(--ink);line-height:1}
html[data-design] .dr-title img{width:38px;height:38px;border-radius:50%;flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent),0 4px 12px color-mix(in srgb,var(--acc-shadow) 15%,transparent)}
html[data-design] .dr-sec{border-bottom:1px solid var(--hair)}
html[data-design] .dr-sec:last-child{border-bottom:0}
html[data-design] .dr-h{display:flex;align-items:center;gap:10px;margin:4px 6px 10px;font-family:var(--serif);font-size:.98rem;font-weight:700;letter-spacing:.22em;color:var(--primary-strong)}
html[data-design] .dr-h:before,html[data-design] .dr-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 55%,transparent))}
html[data-design] .dr-h:after{background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--primary) 55%,transparent))}
html[data-design] .dr-home{font-family:var(--serif);font-size:1.12rem;color:var(--ink);min-height:46px}
html[data-design] .dr-home small{font-family:inherit;font-size:.86rem}
html[data-design] .dr-home-ic{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);color:var(--gold)}
html[data-design] .dr-home-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[data-design] .dr-home:hover,html[data-design] .dt-row:hover,html[data-design] .dr-links button:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}
html[data-design] .dr-home[aria-current="page"]{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-strong)}
html[data-design] .dr-home[aria-current="page"] small{color:var(--muted);opacity:1}
html[data-design] .dt-list .dt-list:before{background:color-mix(in srgb,var(--gold) 40%,transparent)}
html[data-design] .dt-link{font-family:var(--serif);font-size:1.04rem;color:var(--ink);gap:10px}
html[data-design] .dt-row.top .dt-link{font-size:1.14rem;font-weight:700}
html[data-design] .dt-row.top{margin:2px 0}
html[data-design] .dt-bk{width:30px;height:30px;border-radius:50%;flex:none;box-shadow:0 3px 9px color-mix(in srgb,var(--acc-shadow) 18%,transparent)}
html[data-design] .dt-dot{width:7px;height:7px;flex:none;margin-inline:3px;transform:rotate(45deg);background:color-mix(in srgb,var(--primary) 55%,transparent);border-radius:1px}
html[data-design] .dt-tog{color:color-mix(in srgb,var(--gold) 85%,var(--muted))}
html[data-design] .dt-row.cur{background:color-mix(in srgb,var(--primary) 12%,transparent)}
html[data-design] .dt-row.cur:after{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--gold)}
html[data-design] .dt-row.cur .dt-link{color:var(--primary-strong);font-weight:700}
html[data-design] .dt-row.cur .dt-tog{color:var(--gold)}
html[data-design] .dt-row.cur .dt-dot{background:var(--gold)}
html[data-design] .dr-label{font-family:var(--serif);font-size:1rem;color:var(--ink)}
html[data-design] .drawer .seg{background:transparent;border-color:var(--hair)}
html[data-design] .drawer .seg button{color:var(--muted)}
html[data-design] .drawer .seg button[aria-pressed="true"]{background:var(--primary);color:var(--on-primary)}
html[data-design] .dr-links button{font-family:var(--serif);font-size:1.05rem;color:var(--ink)}

/* v21 — one look: emblem grids for books (home) and parshiot (inside a book) */
@font-face{font-family:"GMB";src:url(fonts/gmb.woff?v=35) format("woff");font-display:swap}
.bk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px}
@media(min-width:700px){.bk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;max-width:640px;margin-inline:auto}}
.bk{padding:4px 2px 6px;gap:7px}
.bk img{max-width:176px}
.bk-n{font-size:1.06rem;line-height:1.2;text-align:center}
.pe-grid{list-style:none;padding:0;margin:14px 0 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 6px}
@media(min-width:700px){.pe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}}
@media(min-width:1000px){.pe-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pe-grid li{display:flex}
.pe-it{width:100%;display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 2px 8px;background:none;border:0;border-radius:18px;cursor:pointer;color:var(--ink);-webkit-tap-highlight-color:transparent}
.pe{position:relative;display:block;width:100%;max-width:150px;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent),0 8px 20px color-mix(in srgb,var(--acc-shadow) 15%,transparent);transition:transform .15s ease}
.pe img,.pe svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.pe-w text{font-family:"GMB",var(--serif);fill:#000}
.pe-it:active .pe{transform:scale(.95)}
.pe-it:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.pe-n{font-family:var(--serif);font-size:1.02rem;font-weight:700;line-height:1.2;text-align:center;text-wrap:balance}
.pe-s{font-size:.72rem;color:var(--muted);line-height:1.2;text-align:center;margin-top:-3px}
.pe-it.soon .pe{opacity:.62}
[data-theme="dark"] .pe{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 40%,transparent),0 8px 20px rgba(0,0,0,.5)}
html[data-text="l"] .pe-n{font-size:1.12rem}

/* ===== v22: personal progress ("✓ למדתי") + "שיחות נוספות" ===== */
/* ✓ on a source row (list under the page image — never on the image itself) */
.src-b{grid-template-columns:auto 1fr auto}
.src-b .src-t,.src-b .src-v{grid-column:2}
.src-ok{grid-column:3;grid-row:1/3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--primary);transform:scale(.4);opacity:0;transition:transform .2s ease,opacity .2s ease}
.src-ok svg{width:17px;height:17px}
.src-b.done .src-ok{opacity:1;transform:none}
.src-b.done .src-i{background:var(--primary-soft);border-color:transparent}
[data-theme="dark"] .src-ok{color:var(--on-primary)}
/* small meter under a list heading */
.pmeter{display:flex;align-items:center;gap:10px;margin:-2px 0 6px;font-size:.8rem;color:var(--muted)}
.pm-t{flex:none}
.pm-bar{flex:1;height:4px;border-radius:4px;background:color-mix(in srgb,var(--primary) 14%,transparent);overflow:hidden}
.pm-bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--primary);transition:width .35s ease}
.pmeter.some .pm-t{color:var(--primary-strong);font-weight:600}
.pmeter.full .pm-t:after{content:" ✓"}
/* the toggle in the chooser + in the PDF viewer bar */
.lrn{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 2px;padding:10px 14px;min-height:58px;border-radius:16px;border:1.5px dashed color-mix(in srgb,var(--primary) 45%,var(--line));background:transparent;color:var(--text);cursor:pointer;text-align:start;-webkit-tap-highlight-color:transparent;transition:background .2s ease,border-color .2s ease}
.lrn-ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--primary) 60%,transparent);color:transparent;transition:all .2s ease}
.lrn-ic svg{width:19px;height:19px}
.lrn-tx{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.lrn-tx b{font-family:var(--serif);font-size:1.15rem;font-weight:700}
.lrn-tx small{font-size:.8rem;color:var(--muted)}
.lrn.on{border-style:solid;border-color:var(--primary);background:var(--primary-soft)}
.lrn.on .lrn-ic{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.04)}
.lrn.on .lrn-tx b{color:var(--primary-strong)}
[data-theme="dark"] .lrn.on .lrn-ic{color:var(--on-primary)}
.lrn:active{transform:scale(.99)}
.pv-learn{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom));z-index:3;display:flex;border-radius:999px;box-shadow:0 8px 24px color-mix(in srgb,var(--acc-shadow) 22%,transparent),0 1px 3px rgba(0,0,0,.12)}
.pv-learn.hidden{display:none}
.pv-learn .lrn.lrn-sm{background:var(--surface);border-style:solid;min-height:46px;padding:6px 18px 6px 14px}
.pv-learn .lrn.lrn-sm.on{background:var(--primary-soft)}
.pv-learn .lrn.lrn-sm .lrn-tx b{font-size:1rem}
[data-theme="dark"] .pv-learn{box-shadow:0 8px 24px rgba(0,0,0,.55)}
.lrn.lrn-sm{width:auto;margin:0;min-height:38px;padding:4px 12px 4px 10px;gap:7px;border-radius:999px;border-width:1.5px}
.lrn.lrn-sm .lrn-ic{width:24px;height:24px;border-width:1.5px}
.lrn.lrn-sm .lrn-ic svg{width:15px;height:15px}
.lrn.lrn-sm .lrn-tx b{font-family:inherit;font-size:.92rem}
/* parsha emblem: a thin turquoise arc over its halo; ✓ badge when complete */
.pe-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg);pointer-events:none}
.pe .pe-ring{inset:0}
.pe-ring circle{fill:none;stroke:var(--primary);stroke-width:3.4;stroke-linecap:round;transition:stroke-dasharray .4s ease}
.pe.has-p{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent),0 8px 20px color-mix(in srgb,var(--acc-shadow) 15%,transparent)}
.pe-ok{position:absolute;bottom:1%;left:1%;width:24%;height:24%;min-width:22px;min-height:22px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;box-shadow:0 0 0 2.5px var(--paper),0 3px 8px color-mix(in srgb,var(--acc-shadow) 25%,transparent)}
.pe-ok svg{position:static;width:64%;height:64%}
[data-theme="dark"] .pe-ok{color:var(--on-primary)}
[data-theme="dark"] .pe.has-p{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent),0 8px 20px rgba(0,0,0,.5)}
/* home: one bar per חומש + the overall card */
.bk-p{display:flex;align-items:center;gap:6px;width:min(82%,130px);margin-top:-2px}
.bk-bar{flex:1;height:4px;border-radius:4px;background:color-mix(in srgb,var(--primary) 14%,transparent);overflow:hidden}
.bk-bar i{display:block;height:100%;border-radius:4px;background:var(--primary)}
.bk-p small{flex:none;font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr}
.bk-p.some small{color:var(--primary-strong);font-weight:700}
.bk.full .bk-p small:after{content:" ✓"}
.pall{margin:0 0 18px;padding:12px 16px 11px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}
.pall-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pall-t{font-family:var(--serif);font-size:1.08rem;color:var(--ink)}
.pall-t b{font-weight:800;color:var(--primary-strong);font-variant-numeric:tabular-nums}
.pall-pct{font-size:.85rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.pall.some .pall-pct{color:var(--primary-strong)}
.pall-bar{display:block;height:6px;margin:8px 0 6px;border-radius:6px;background:color-mix(in srgb,var(--primary) 14%,transparent);overflow:hidden}
.pall-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--gold)))}
.pall-s{display:block;font-size:.8rem;color:var(--muted)}
/* "שיחות נוספות" */
.xsrcs{margin-top:30px}
.x-li{display:flex;align-items:stretch}
.x-li .x-b{flex:1;min-width:0}
.x-t{display:block}
.x-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--sans,inherit);font-size:.8rem;font-weight:400;color:var(--muted);line-height:1.35;margin-top:2px}
.x-b .src-t{font-size:1.12rem}
.x-ed{flex:none;width:40px;border:0;border-bottom:1px solid var(--hair);background:none;cursor:pointer;font-size:.95rem;opacity:.7}
html[data-text="l"] .x-sub{font-size:.9rem}

/* v25 — drawer bottom: "פרטים ליצירת קשר" (יואל 2026-10-27; moved off the flow pages) */
.dr-contact{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
.dc-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:9px 10px;margin:2px 0;border-radius:12px;color:var(--ink,var(--text));text-decoration:none;-webkit-tap-highlight-color:transparent}
.dc-row:hover,.dc-row:focus-visible{background:color-mix(in srgb,var(--primary) 8%,transparent)}
.dc-row:active{background:color-mix(in srgb,var(--primary) 14%,transparent)}
.dc-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold,var(--primary)) 55%,transparent);color:var(--primary-strong);background:color-mix(in srgb,var(--primary) 7%,transparent)}
.dc-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dc-ic .dc-fill{fill:currentColor;stroke:none}
.dc-txt{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.dc-txt b{font-family:var(--serif);font-size:1.06rem;font-weight:700;color:var(--ink,var(--text))}
.dc-txt bdi,.dc-txt small{font-family:'Heebo',system-ui,sans-serif;font-size:.86rem;color:var(--muted);text-align:start;unicode-bidi:isolate;overflow-wrap:anywhere}
.dc-txt bdi{direction:ltr;letter-spacing:.02em;align-self:flex-start}
.dc-go{flex:none;font-size:1.3rem;line-height:1;color:color-mix(in srgb,var(--gold,var(--primary)) 85%,var(--muted))}
.dc-group .dc-ic{background:var(--primary);border-color:var(--primary);color:var(--on-primary,#fff)}
.dc-group .dc-txt b{color:var(--primary-strong)}

/* v29 — "ההתקדמות שלי" (personal progress screen; drawer row #drProg; route #progress) */
html[data-design] .dr-prog small{margin-inline-start:auto;font-variant-numeric:tabular-nums;direction:ltr;color:var(--primary-strong);font-weight:700;font-size:.8rem}
.pall-more{display:block;margin:8px 0 0;padding:0;border:0;background:none;color:var(--primary-strong);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}
.pr-head{margin-bottom:12px}
.pr-all{display:flex;align-items:center;gap:16px;margin:0 0 14px;padding:16px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 11%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--acc-shadow) 8%,transparent)}
.pr-ring{position:relative;flex:none;width:92px;height:92px;display:grid;place-items:center}
.pr-ring svg{position:absolute;inset:0;width:100%;height:100%}
.pr-ring circle{fill:none;stroke-width:3.2}
.pr-ring .tr{stroke:color-mix(in srgb,var(--primary) 15%,transparent)}
.pr-ring .fg{stroke:var(--primary);stroke-linecap:round;transition:stroke-dasharray .5s ease}
.pr-all.full .pr-ring .fg{stroke:var(--gold)}
.pr-ring b{position:relative;font-family:var(--serif);font-size:1.7rem;font-weight:800;color:var(--primary-strong);font-variant-numeric:tabular-nums;direction:ltr}
.pr-ring b small{font-size:.9rem;font-weight:700;margin-inline-start:1px}
.pr-all-t{flex:1;min-width:0}
.pr-all-t p{margin:0}
.pr-all-h{font-family:var(--serif);font-size:1.15rem;color:var(--ink);line-height:1.3}
.pr-all-h b{font-weight:800;color:var(--primary-strong);font-variant-numeric:tabular-nums}
.pr-all-s{font-size:.84rem;color:var(--muted)}
.pr-all-x{font-size:.8rem;color:var(--muted);margin-top:2px!important}
.pr-bar{display:block;height:6px;border-radius:6px;background:color-mix(in srgb,var(--primary) 14%,transparent);overflow:hidden}
.pr-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--gold)))}
.pr-bar.lg{height:8px;margin:8px 0 7px}
.pr-bar.sm{height:4px;margin-top:5px}
.pr-hint{margin:0 0 14px;padding:12px 14px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--gold) 60%,transparent);font-size:.9rem;color:var(--muted);line-height:1.5}
.pr-hint b{color:var(--primary-strong)}
.pr-seg{display:flex;gap:4px;padding:4px;margin:0 0 14px;border-radius:14px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid var(--hair)}
.pr-seg button{flex:1;min-height:38px;border:0;border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pr-seg button[aria-pressed="true"]{background:var(--surface);color:var(--primary-strong);font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.pr-books{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.pr-book{border-radius:18px;background:var(--surface);border:1px solid var(--hair);overflow:hidden}
.pr-book.open{border-color:color-mix(in srgb,var(--primary) 30%,transparent)}
.pr-bh,.pr-ph{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:var(--ink);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pr-bh{padding:12px 14px}
.pr-bh:active,.pr-ph:active{background:color-mix(in srgb,var(--primary) 7%,transparent)}
.pr-bi{flex:none;width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}
.pr-bi.ph{display:grid;place-items:center;font-family:var(--serif);font-size:1.3rem;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary-strong)}
.pr-bt,.pr-pt{flex:1;min-width:0;display:flex;flex-direction:column}
.pr-bn,.pr-pn{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pr-bn b{font-family:var(--serif);font-size:1.18rem;font-weight:800}
.pr-bn+.pr-bar{margin-top:6px}
.pr-n{flex:none;font-size:.82rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr}
.some>.pr-bh .pr-n,.pr-p .pr-ph .pr-n{color:var(--primary-strong)}
.pr-bs{margin-top:5px;font-size:.78rem;color:var(--muted)}
.pr-book.full .pr-bs{color:var(--primary-strong);font-weight:700}
.pr-chev{flex:none;width:22px;height:22px;color:var(--muted);transition:transform .2s ease}
.pr-chev svg{width:100%;height:100%}
[aria-expanded="true"]>.pr-chev{transform:rotate(-90deg);color:var(--primary-strong)}
.pr-ps{list-style:none;margin:0;padding:0 0 6px;border-top:1px solid var(--hair)}
.pr-p{border-bottom:1px solid color-mix(in srgb,var(--hair) 70%,transparent)}
.pr-p:last-child{border-bottom:0}
.pr-ph{padding:10px 14px 10px 12px;min-height:54px}
.pr-pn b{font-family:var(--serif);font-size:1.06rem;font-weight:700}
.pr-px{margin-top:3px;font-size:.74rem;color:var(--muted)}
.pr-ck{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 30%,transparent);display:grid;place-items:center}
.pr-ck.part{border-color:var(--primary);border-style:dashed}
.pr-ck.on,.pr-sc.on{border:0;background:var(--primary);color:#fff}
.pr-ck svg,.pr-sc svg{width:16px;height:16px}
.pr-p.open{background:color-mix(in srgb,var(--primary) 4%,transparent)}
.pr-src{padding:0 14px 12px 14px}
.pr-sl{list-style:none;margin:0;padding:4px 0;border-radius:12px;background:var(--surface);border:1px solid var(--hair)}
.pr-s{display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:40px;border-bottom:1px solid color-mix(in srgb,var(--hair) 60%,transparent)}
.pr-s:last-child{border-bottom:0}
.pr-sc{flex:none;width:20px;height:20px;border-radius:50%;border:1.6px solid color-mix(in srgb,var(--muted) 45%,transparent);display:grid;place-items:center}
.pr-sc svg{width:13px;height:13px}
.pr-st{flex:1;min-width:0;font-family:var(--serif);font-size:1rem;color:var(--ink);line-height:1.35}
.pr-s:not(.done) .pr-st{color:var(--muted)}
.pr-sd{flex:none;font-size:.76rem;color:var(--primary-strong);font-weight:600;font-variant-numeric:tabular-nums;direction:ltr}
.pr-xs h4{margin:12px 2px 6px;font-size:.8rem;font-weight:700;color:var(--muted);letter-spacing:.02em}
.pr-go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary-strong);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}
.pr-empty{margin:0;padding:12px 16px;font-size:.88rem;color:var(--muted)}
.pr-src .pr-empty{padding:6px 2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-theme="dark"] .pr-all{box-shadow:none}
[data-theme="dark"] .pr-ck.on,[data-theme="dark"] .pr-sc.on{color:var(--on-primary)}
html[data-text="l"] .pr-st{font-size:1.12rem}
html[data-text="s"] .pr-st{font-size:.92rem}

/* v34: ✓ toggle on each sicha row of the progress screen (marks / unmarks; opens nothing) */
.pr-s{padding-inline-start:4px}
.pr-tg{flex:none;display:grid;place-items:center;width:40px;height:40px;margin:-6px 0;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
.pr-tg:hover .pr-sc:not(.on){border-color:var(--primary)}
.pr-tg:active .pr-sc{transform:scale(.9)}
.pr-tg .pr-sc{width:24px;height:24px;transition:transform .12s}
.pr-tg .pr-sc svg{width:15px;height:15px}


/* ---------- v36: topic search ---------- */
.toolbar { flex-wrap: wrap; }
.ts-chips { flex: 1 0 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 2px 0 4px; }
.ts-chips[hidden] { display: none; }
.ts-chips-l { font-size: .85rem; color: var(--muted); margin-inline-end: 2px; }
.ts-chip, .ts-fb { font: inherit; font-size: .9rem; border: 1px solid var(--line); background: var(--surface); color: var(--text); border-radius: 999px; padding: 6px 12px; min-height: 36px; cursor: pointer; }
.ts-chip:hover, .ts-fb:hover { border-color: var(--primary); }
.ts-fb.on { background: var(--primary-strong, var(--primary)); border-color: var(--primary-strong, var(--primary)); color: var(--on-primary, #fff); }
.ts { margin-top: 10px; }
.ts-h { margin-top: 14px; }
.ts-count { font-weight: 700; margin: 4px 2px 8px; color: var(--text); }
.ts-note { color: var(--muted); margin: 6px 2px; font-size: .95rem; }
.ts-empty { margin: 8px 2px 2px; font-weight: 600; }
.ts-load { display: flex; align-items: center; gap: 8px; }
.ts-filt { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.ts-book { margin: 8px 0 14px; }
.ts-bh { font-family: var(--serif); font-size: 1.15rem; margin: 10px 2px 6px; color: var(--primary-strong, var(--primary)); border-bottom: 1px solid var(--line); padding-bottom: 4px; }
.ts-par { margin: 6px 0 10px; }
.ts-ph { display: flex; align-items: center; gap: 8px; font-size: 1rem; margin: 6px 2px; }
.ts-pn { font-size: .78rem; font-weight: 700; min-width: 1.6em; text-align: center; padding: 1px 7px; border-radius: 999px; background: var(--acc-pale, var(--primary-soft)); color: var(--text); }
.ts-l { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ts-r { display: block; width: 100%; text-align: start; font: inherit; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-inline-start: 4px solid var(--primary); border-radius: 12px; padding: 10px 12px; cursor: pointer; }
.ts-r:hover { border-color: var(--primary); }
.ts-lab { display: block; font-weight: 700; font-family: var(--serif); font-size: 1.02rem; }
.ts-w { display: inline-block; font-size: .78rem; color: var(--muted); margin-top: 2px; }
.ts-snip { display: block; margin-top: 6px; font-size: .93rem; line-height: 1.6; color: var(--text); }
.ts-snip mark, .ts-mark { background: rgba(255, 214, 10, .55); color: inherit; border-radius: 3px; padding: 0 1px; }
html[data-theme="dark"] .ts-snip mark, html[data-theme="dark"] .ts-mark { background: rgba(255, 200, 0, .38); }
.fl-block.ts-hit, .x-b.ts-hit { outline: 3px solid var(--primary); outline-offset: 4px; border-radius: 10px; transition: outline-color .6s; }
.fl-tag.ts-tag { box-shadow: 0 0 0 3px rgba(255, 200, 0, .75); }
@media (prefers-reduced-motion: reduce) { .fl-block.ts-hit, .x-b.ts-hit { transition: none; } }

/* ---------- v38: Drive-style PDF reading window + מפתח credit (יואל, Oct 28) ---------- */
#preview{background:#202124;color:#e8eaed;z-index:50}
#preview .pv-bar{flex-wrap:wrap;row-gap:4px;column-gap:6px;background:linear-gradient(180deg,#0e0f10,#18191b);border-bottom:1px solid #2f3134;color:#e8eaed;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));box-shadow:0 2px 10px rgba(0,0,0,.45);position:relative;z-index:4}
#preview .pv-bar .icon-btn{width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:#e8eaed}
#preview .pv-bar .icon-btn:hover{background:rgba(255,255,255,.12)}
#preview .pv-bar .icon-btn svg{width:22px;height:22px;stroke-width:2}
#preview .pv-ficon{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:5px;background:#d93025;color:#fff;font:700 .58rem/1 system-ui,sans-serif;letter-spacing:.2px;direction:ltr}
#preview:not(.pv-pdf) .pv-ficon{display:none}
#preview .pv-title{min-width:0}
#preview .pv-title strong{color:#fff;font-size:1rem;font-weight:600;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}
@media(max-width:480px){#preview .pv-title strong{font-size:.95rem}}
#preview .pv-body:focus-visible{outline-offset:-3px}
#preview .pv-title small{display:none}
#preview .pv-dl{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px}
#preview .pv-dl svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:480px){#preview .pv-dl{padding:0;width:42px;justify-content:center}#preview .pv-dl-t{display:none}#preview .pv-ficon{display:none}#preview .pv-bar{column-gap:2px}}
#preview .pv-credit{flex:1 0 100%;order:9;margin:0;padding:2px 4px 0;text-align:center;font-size:.84rem;line-height:1.45;color:#dadce0}
#preview .pv-credit.hidden{display:none}
#preview .pv-credit.no-credit{display:none}
.mft-a{color:var(--primary-strong,var(--primary));font-weight:700;text-decoration:underline;text-underline-offset:3px}
#preview .pv-credit .mft-a{color:#8ab4f8}
#preview :focus-visible{outline:3px solid #8ab4f8;outline-offset:2px}
#preview .pv-body{display:block;background:#202124;padding:18px 8px calc(110px + env(safe-area-inset-bottom));overscroll-behavior:contain}
#preview .pv-body .pg{display:block;margin:0 auto 14px;max-width:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.35);overflow:hidden}
#preview .pv-body .pg canvas{display:block;border-radius:0;box-shadow:none;background:#fff}
#preview .pv-body .loading{min-height:50vh;display:grid;place-items:center}
#preview .pv-note{color:#e8eaed}
#preview .pv-note p{color:#dadce0}
.pv-tools{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:3;display:flex;align-items:center;gap:2px;padding:4px 6px;border-radius:999px;background:rgba(32,33,36,.92);border:1px solid #3c4043;box-shadow:0 6px 20px rgba(0,0,0,.5);color:#e8eaed;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pv-tools.hidden{display:none}
.pv-tools button{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:#e8eaed;display:inline-grid;place-items:center;cursor:pointer;font:inherit}
.pv-tools button:hover:not(:disabled){background:rgba(255,255,255,.12)}
.pv-tools button:disabled{opacity:.4;cursor:default}
.pv-tools button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.pv-tools .pv-pct{width:auto;min-width:54px;padding:0 6px;border-radius:999px;font-size:.88rem;font-variant-numeric:tabular-nums;direction:ltr}
.pv-tools .pv-page{padding:0 10px;font-size:.9rem;font-variant-numeric:tabular-nums}
.pv-tools .pv-sep{width:1px;height:22px;background:#5f6368;margin:0 4px}
#preview .pv-learn{bottom:calc(76px + env(safe-area-inset-bottom))}
/* home: the credit line at the bottom of the home page */
.home-credit{margin:34px auto 6px;padding:14px 12px 0;border-top:1px solid var(--hair,var(--line));text-align:center;max-width:620px}
.home-credit p{margin:0;font-size:.92rem;line-height:1.6;color:var(--muted)}

/* v39: print button beside download (יואל, Oct 28: "כפתור 'להדפסה' ליד ה'להורדה'") */
#preview .pv-bar .pv-pr{background:transparent;color:#e8eaed;border:1px solid #5f6368;box-shadow:none;cursor:pointer;font-weight:600}
#preview .pv-bar .pv-pr:hover{background:rgba(255,255,255,.1)}
#preview .pv-bar .pv-pr:focus-visible{outline:2px solid #8ab4f8;outline-offset:2px}
#preview .pv-bar .pv-pr[aria-busy="true"]{opacity:.6;cursor:progress}
#preview:not(.pv-pdf) .pv-pr{display:none}
.file .acts .pr-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
#printPages{display:none}
@media print{
  body.printing-pdf>*:not(#printPages){display:none!important}
  body.printing-pdf{background:#fff!important;margin:0!important;padding:0!important;overflow:visible!important}
  body.printing-pdf #printPages{display:block!important}
  #printPages .pp{break-after:page;page-break-after:always;break-inside:avoid;page-break-inside:avoid;text-align:center;margin:0;padding:0}
  #printPages .pp:last-child{break-after:auto;page-break-after:auto}
  #printPages img{display:block;margin:0 auto;width:100%;height:auto;max-height:100vh;object-fit:contain}
  @page{margin:0}
}

/* ===== v42 (יואל, Oct 28) ===== */
/* A · top navigation: back one level + דף הבית */
.a-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -4px 6px;text-align:start}
.a-nb{display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:62%;padding:6px 14px 6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--hair));background:color-mix(in srgb,var(--primary) 6%,var(--surface,transparent));color:var(--primary-strong);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.a-nb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a-nb svg{width:18px;height:18px;flex:none}
.a-nb:hover,.a-nb:focus-visible{background:color-mix(in srgb,var(--primary) 12%,var(--surface,transparent))}
.a-nb:active{background:color-mix(in srgb,var(--primary) 18%,var(--surface,transparent))}
.a-home{margin-inline-start:auto}
.a-nb-sp{flex:1}
.a-head .a-nav+small,.a-head .a-nav+h1{margin-top:2px}
/* the flow page carries its own title: hide the header title only while "פרשה אחרת" is open */
.a-head:has(~ .disc-flow.open) h1,.a-head:has(~ .disc-flow.open) .orn{display:none}
/* G · two collapsible sections on a parsha page */
.disc{margin:14px 0 0;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--hair));border-radius:18px;background:color-mix(in srgb,var(--primary) 3%,var(--surface,transparent));overflow:clip}
.disc+.disc{margin-top:14px}
.disc-hh{margin:0;font-size:inherit}
.disc-h{width:100%;display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 16px;border:0;background:none;color:var(--ink);cursor:pointer;text-align:start;font:inherit;-webkit-tap-highlight-color:transparent}
.disc-h:hover,.disc-h:focus-visible{background:color-mix(in srgb,var(--primary) 7%,transparent)}
.disc-t{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.25}
.disc-t b{font-family:var(--serif);font-size:1.4rem;font-weight:800;color:var(--primary-strong)}
.disc-s{font-size:.82rem;color:var(--muted);font-weight:500}
.disc-chev{width:26px;height:26px;flex:none;color:var(--primary-strong);transition:transform .2s ease}
.disc.open .disc-chev{transform:rotate(180deg)}
.disc-b{padding:0 12px 14px}
.disc-b[hidden]{display:none}
.disc-flow .disc-b{padding:0 6px 10px}
.disc-flow .flow-bar{margin-top:2px}
.disc-in{animation:discIn .22s ease}
@keyframes discIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.disc-chev{transition:none}.disc-in{animation:none}}
.disc .pmeter{margin:2px 4px 6px}
.u-l .src-b .src-t{font-size:1.12rem}
/* F · "לפי חלק בלקו״ש" */
.lk-entry{width:100%;display:flex;align-items:center;gap:14px;min-height:72px;margin:18px 0 0;padding:12px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--hair));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface,transparent)),var(--surface,transparent));color:var(--ink);cursor:pointer;text-align:start;font:inherit;-webkit-tap-highlight-color:transparent}
.lk-entry:hover,.lk-entry:focus-visible{background:color-mix(in srgb,var(--primary) 12%,var(--surface,transparent))}
.lk-e-ic{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:var(--on-primary,#fff)}
.lk-e-ic svg{width:24px;height:24px}
.lk-e-t{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.3}
.lk-e-t b{font-family:var(--serif);font-size:1.3rem;font-weight:800;color:var(--primary-strong)}
.lk-e-t small{font-size:.82rem;color:var(--muted)}
.lk-e-chev{width:22px;height:22px;flex:none;color:var(--primary-strong)}
.lk-hint{text-align:center;color:var(--muted);font-size:.92rem;margin:4px 0 14px}
.lk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media(min-width:600px){.lk-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.lk-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;padding:6px 4px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--hair));background:var(--surface,transparent);color:var(--ink);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
.lk-chip b{font-family:var(--serif);font-size:1.08rem;font-weight:800;color:var(--primary-strong);white-space:nowrap}
.lk-chip small{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr}
.lk-chip:hover,.lk-chip:focus-visible{background:color-mix(in srgb,var(--primary) 9%,var(--surface,transparent))}
.lk-chip:active{background:color-mix(in srgb,var(--primary) 16%,var(--surface,transparent))}
.lk-wide{grid-column:span 2}
.lk-meter{text-align:center;color:var(--muted);font-size:.9rem;margin:0 0 6px}
.lk-n{font-weight:700;color:var(--primary-strong);font-variant-numeric:tabular-nums}
/* E · keep the screen on (settings) */
.wake-set{display:flex;flex-direction:column;gap:6px}
.wake-seg{grid-template-columns:repeat(4,1fr)}
.wake-seg2{grid-template-columns:repeat(2,1fr)}
.wake-seg button{min-height:48px}
.wake-seg button small{font-size:.66rem;font-weight:500;opacity:.85}
.wake-custom{display:none;align-items:center;flex-wrap:wrap;gap:8px;padding:4px 2px}
.wake-custom.on{display:flex}
.wake-custom label{font-size:.85rem;font-weight:600}
.wake-custom input{width:92px;min-height:40px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:center}
.wake-custom .form-msg{flex-basis:100%;margin:0;min-height:0}
.wake-state{margin:0;font-size:.8rem;color:var(--muted);line-height:1.4}
/* D · admin stats */
.st-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.st-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:14px;background:color-mix(in srgb,var(--primary) 8%,var(--surface2,transparent));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line))}
.st-card b{font-size:1.5rem;font-weight:800;color:var(--primary-strong);font-variant-numeric:tabular-nums}
.st-card small{font-size:.76rem;color:var(--muted);text-align:center;line-height:1.25}
.st-tbl{margin-bottom:12px}
.st-tbl th{text-align:start;font-weight:600;padding:9px 6px;border-bottom:1px solid var(--line)}
.st-tbl thead th{font-size:.8rem;color:var(--muted)}
.st-tbl td{text-align:center;font-variant-numeric:tabular-nums;font-weight:700}
.st-note{font-size:.8rem}

/* ===== v43: גלילה אוטומטית (reader toolbar) ===== */
.pv-tools .pv-auto svg{width:20px;height:20px}
.pv-tools .pv-auto.on{background:rgba(138,180,248,.22);color:#aecbfa}
.pv-tools .pv-auto-t{display:none}
.pv-tools .pv-speed .spd-bars{display:inline-flex;align-items:flex-end;gap:2px;height:16px}
.pv-tools .pv-speed .spd-bars i{display:block;width:3px;border-radius:1px;background:#e8eaed;opacity:.32}
.pv-tools .pv-speed .spd-bars i:nth-child(1){height:5px}.pv-tools .pv-speed .spd-bars i:nth-child(2){height:7.5px}.pv-tools .pv-speed .spd-bars i:nth-child(3){height:10px}.pv-tools .pv-speed .spd-bars i:nth-child(4){height:13px}.pv-tools .pv-speed .spd-bars i:nth-child(5){height:16px}
.pv-speed[data-lv="1"] .spd-bars i:nth-child(-n+1),.pv-speed[data-lv="2"] .spd-bars i:nth-child(-n+2),.pv-speed[data-lv="3"] .spd-bars i:nth-child(-n+3),.pv-speed[data-lv="4"] .spd-bars i:nth-child(-n+4),.pv-speed[data-lv="5"] .spd-bars i:nth-child(-n+5){opacity:1}
.pv-speed[aria-expanded="true"]{background:rgba(255,255,255,.14)}
.pv-speed-menu{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(72px + env(safe-area-inset-bottom));z-index:5;width:min(340px,calc(100vw - 24px));padding:10px 10px 8px;border-radius:18px;background:rgba(32,33,36,.97);border:1px solid #3c4043;box-shadow:0 10px 28px rgba(0,0,0,.55);color:#e8eaed;text-align:center}
.pv-speed-menu.hidden{display:none}
.pv-speed-menu .spd-h{margin:0 0 8px;font-weight:700;font-size:.95rem}
.pv-speed-menu .spd-opts{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.pv-speed-menu .spd-opts button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:6px 2px;border-radius:12px;border:1px solid #5f6368;background:transparent;color:#e8eaed;font:inherit;font-size:.74rem;line-height:1.15;cursor:pointer}
.pv-speed-menu .spd-opts button b{font-size:1.05rem}
.pv-speed-menu .spd-opts button[aria-checked="true"]{background:#8ab4f8;border-color:#8ab4f8;color:#202124}
.pv-speed-menu .spd-opts button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pv-speed-menu .spd-note{margin:8px 0 0;font-size:.78rem;color:#bdc1c6}
@media (min-width:600px){.pv-tools .pv-auto{width:auto;border-radius:999px;padding:0 12px 0 10px;gap:6px;display:inline-flex;align-items:center}.pv-tools .pv-auto-t{display:inline;font-size:.86rem}}
@media (max-width:430px){.pv-tools{gap:0;padding:3px 4px}.pv-tools button{width:36px;height:38px}.pv-tools .pv-pct{min-width:48px;padding:0 4px;font-size:.82rem}.pv-tools .pv-page{padding:0 6px;font-size:.8rem}.pv-tools .pv-sep{margin:0 2px}}
/* ===== v43: שמור לאופליין ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.off-row{display:flex;justify-content:center;margin:8px auto 4px;max-width:560px}
.off-row[hidden]{display:none}
.off-sicha{margin:12px 0 0;max-width:none}
.off-b{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 14px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--primary) 35%,var(--line));background:var(--surface);color:var(--text);cursor:pointer;text-align:start;font:inherit;-webkit-tap-highlight-color:transparent}
.off-b:hover{background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.off-b:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.off-b .off-ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:1rem;background:var(--primary-soft);color:var(--primary-strong)}
.off-b.saved{border-style:solid;background:var(--primary-soft)}
.off-b.saved .off-ic{background:var(--primary);color:var(--on-primary,#fff);font-weight:800}
.off-b .off-t{display:flex;flex-direction:column;min-width:0}
.off-b .off-t b{font-size:.98rem}
.off-b .off-t small{color:var(--muted);font-size:.8rem}
.off-busy{display:flex;align-items:center;gap:8px;width:100%}
.off-prog{flex:1;display:flex;flex-direction:column;gap:5px;padding:8px 12px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--primary) 35%,var(--line));background:var(--surface)}
.off-prog .off-pt{font-size:.88rem;color:var(--text);font-variant-numeric:tabular-nums}
.off-prog .off-pb{display:block;height:6px;border-radius:3px;background:color-mix(in srgb,var(--primary) 14%,transparent);overflow:hidden}
.off-prog .off-pb i{display:block;height:100%;width:0;background:var(--primary);border-radius:3px;transition:width .25s ease}
.off-ok{position:absolute;top:2px;inset-inline-end:6%;z-index:2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--primary-strong);border:1.5px solid var(--primary);box-shadow:0 2px 6px color-mix(in srgb,var(--acc-shadow) 22%,transparent)}
.off-ok svg{width:15px;height:15px}
.pe-it.off-saved,.bk.off-saved{position:relative}
.off-ok.off-sm{position:static;display:inline-grid;vertical-align:middle;width:18px;height:18px;margin-inline-start:6px;border-width:1px;box-shadow:none}
.off-ok.off-sm svg{width:11px;height:11px}
.off-set{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.off-open{justify-content:center;gap:6px}
.off-open small{color:var(--muted);font-weight:400}
.off-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow:auto}
.off-li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.off-li-t{flex:1;display:flex;flex-direction:column;min-width:0}
.off-li-t b{overflow-wrap:anywhere}
.off-li-t small{color:var(--muted);font-size:.82rem}
.off-use{margin:0 0 12px;font-size:.92rem}
.off-use p{margin:4px 0}
.off-meter{display:block;height:8px;margin-top:6px;border-radius:4px;background:color-mix(in srgb,var(--primary) 14%,transparent);overflow:hidden}
.off-meter i{display:block;height:100%;background:var(--primary)}

/* ===== v44 ===== */
/* (1) הורדת הדף */
.flow-bar.sheet-bar{gap:8px;flex-wrap:wrap}
.sheet-dl svg{width:18px;height:18px;color:var(--primary-strong,#087a76)}
[data-theme="dark"] .sheet-dl svg{color:var(--primary)}
.dl-opts{display:grid;gap:10px;margin:12px 0 4px}
.btn.dl-opt{justify-content:flex-start;gap:12px;min-height:58px;padding:8px 14px;white-space:normal;text-align:start}
.dl-ic{font-size:1.45rem;line-height:1;flex:none}
.dl-t{display:flex;flex-direction:column;min-width:0}
.dl-t small{font-weight:400;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}
.dl-none{padding:10px 2px}
/* (2) פנייה / משוב */
.fb-set{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.fb-form textarea{width:100%;min-height:120px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);padding:10px 14px;font:inherit;font-size:16px;color:var(--text);resize:vertical}
.fb-form label{font-weight:600}
.fb-count{display:block;text-align:end;color:var(--muted);margin-top:-4px}
.fb-cats{border:0;padding:0;margin:0 0 4px;display:flex;flex-wrap:wrap;gap:8px}
.fb-cats legend{font-weight:600;margin-bottom:6px;padding:0}
.fb-cat{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);cursor:pointer;font-weight:600}
.fb-cat input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--primary)}
.fb-cat:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}
.fb-thanks{font-size:1.1rem;font-weight:700;margin:8px 0 14px}
.fb-tbl td{vertical-align:top}
.fb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px}
.fb-meta .badge{margin:0}
.fb-st-open{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}
.fb-text{margin:2px 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}
.fb-done .fb-text{color:var(--muted)}
.fb-tbl tr{display:block;border-bottom:1px solid var(--line)}
.fb-tbl td{display:block;border-bottom:0}
.fb-act{display:flex;flex-direction:row;gap:8px;align-items:center;padding-top:0!important}
.fb-act .btn{white-space:nowrap}
/* (3) שיעורים */
.shi{padding:4px 2px 8px}
.shi-h{margin:2px 0 8px;color:var(--muted);font-weight:600;font-size:.92rem}
.shi-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.shi-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.shi-chip .shi-n{font-weight:600;font-size:.78rem;background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;padding:1px 7px;min-width:1.6em;text-align:center}
.shi-chip[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
html[data-accent="teal"]:not([data-theme="dark"]) .shi-chip[aria-pressed="true"]{background:var(--primary-strong);border-color:var(--primary-strong)}
.shi-chip[aria-pressed="true"] .shi-n{background:color-mix(in srgb,var(--on-primary) 22%,transparent);color:var(--on-primary)}
.shi-chip.zero{opacity:.5;cursor:default;font-weight:600}
.shi-chip.zero .shi-n{background:transparent;color:var(--muted)}
.shi-chip.ser{font-weight:600;min-height:40px;font-size:.92rem}
.shi-rav{margin:4px 0 8px;font-weight:800;font-size:1.05rem}
.shi-ser1{margin:-4px 0 8px;color:var(--muted);font-weight:600}
.shi-yr{margin:6px 0 10px}
.shi-y{font-size:.95rem;margin:10px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--line);color:var(--primary-strong)}
[data-theme="dark"] .shi-y{color:var(--primary)}
.shi-y small{color:var(--muted);font-weight:500}
.shi-yr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.shi-a{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;font:inherit;text-align:start;cursor:pointer}
.shi-a:hover{border-color:var(--primary)}
.shi-t{font-weight:600;line-height:1.35;color:var(--primary-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
[data-theme="dark"] .shi-t{color:var(--primary)}
.shi-p{color:var(--muted);font-size:.78rem}
.shi-note{color:var(--muted);font-size:.8rem;margin:10px 0 0}