/* b4.css — batch 4 (Oct 25 2026): suggest, shul/simcha screen, classroom, simcha builder, words, kids quiz, gift, most watched today */
.b4-page{max-width:900px;margin:0 auto;padding:4px 16px 30px}
.b4-lead{color:var(--mut,#4A607F);font-size:16px;line-height:1.5;margin:4px 0 16px}
.b4-h2{font-family:var(--serif,inherit);font-size:19px;margin:22px 0 10px;color:#0B2545}
.b4-big{font-size:18px;padding:14px 22px;margin:8px 0 6px}
.b4-noscroll{overflow:hidden}
.b4-opts{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;background:#fff;border:1px solid rgba(47,128,237,.2);border-radius:16px;padding:14px 16px;margin:0 0 14px}
.b4-opts b{width:100%;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2,#1A63C7);margin-top:4px}
.b4-opts label{display:flex;gap:7px;align-items:center;font-size:16px}
.b4-search{display:flex;gap:8px;margin:10px 0}
.b4-search input,.b4-form input,.b4-form textarea,.fb select{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 13px;border-radius:12px;border:1px solid rgba(47,128,237,.3);background:#fff;color:#0B2545}
.fb select{width:100%;margin-top:6px}
.b4-form label{display:block;font-size:14px;color:var(--mut,#4A607F);margin:0 0 10px}
.b4-form input,.b4-form textarea{display:block;width:100%;margin-top:5px}
.b4-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.b4-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.b4-pick{display:block;text-decoration:none;color:#0B2545;font-size:14px;line-height:1.3}
.b4-pick img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#DCE9F9;display:block;margin-bottom:5px}
.b4-pick span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.b4-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.b4-type{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 10px;background:#fff;border:1px solid rgba(47,128,237,.22);border-radius:18px;text-decoration:none;color:#0B2545;font-weight:700;font-size:17px;box-shadow:0 4px 14px rgba(26,72,140,.08)}
.b4-type span{font-size:36px}
.b4-row-btns{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.b4-list{list-style:none;margin:0;padding:0;counter-reset:b4}
.b4-list li{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid rgba(47,128,237,.12)}
.b4-li{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:0;padding:0;text-align:left;font:inherit;color:#0B2545;cursor:pointer}
.b4-li img{width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;flex:none;background:#DCE9F9}
.b4-li span{font-size:15px;line-height:1.3;min-width:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.b4-li small{display:block;color:var(--mut,#4A607F);font-size:12px;margin-top:2px}
.b4-li-btns{display:flex;gap:4px;flex:none}
.b4-list li>button,.b4-li-btns button{font:inherit;font-size:15px;border:0;border-radius:10px;background:#E3EFFF;color:#0B2545;min-width:40px;height:40px;padding:0 10px;cursor:pointer;flex:none}
.b4-list li>button:disabled,.b4-li-btns button:disabled{opacity:.4}
/* sheet */
.b4-sheet{position:fixed;inset:0;background:rgba(11,37,69,.45);z-index:200;display:flex;align-items:flex-end;justify-content:center}
.b4-sheet[hidden]{display:none}
.b4-sheet-in{position:relative;background:#fff;border-radius:20px 20px 0 0;max-width:520px;width:100%;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}
@media(min-width:700px){.b4-sheet{align-items:center}.b4-sheet-in{border-radius:20px}}
.b4-sheet h2{margin:0 0 8px;font-size:20px}
.b4-x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:28px;cursor:pointer;color:#4A607F}
.b4-share{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.b4-share .btn{justify-content:center;text-align:center}
/* screen + classroom overlays */
.b4-screen,.b4-class{position:fixed;inset:0;z-index:300;background:#020b18;color:#fff;display:flex;flex-direction:column}
.b4-sc-frame{position:absolute;inset:0}
.b4-sc-frame #b4scp,.b4-sc-frame iframe{width:100%;height:100%;display:block}
.b4-shield{position:absolute;inset:0;background:transparent}
.b4-sc-clock{position:absolute;right:3vw;bottom:5vh;text-align:right;text-shadow:0 2px 14px rgba(0,0,0,.85);pointer-events:none}
.b4-sc-clock b{display:block;font-size:min(12vw,15vh);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.b4-sc-clock span{display:block;font-size:min(3.4vw,4.4vh);margin-top:.4em;opacity:.95}
.b4-sc-brand{position:absolute;left:3vw;top:4vh;background:rgba(255,255,255,.88);border-radius:14px;padding:8px 14px;pointer-events:none}
.b4-sc-brand img{height:min(5vw,7vh);display:block}
.b4-sc-now{position:absolute;left:3vw;bottom:5vh;max-width:55vw;text-shadow:0 2px 10px rgba(0,0,0,.9);pointer-events:none;font-size:min(2.6vw,3.4vh)}
.b4-sc-now small{display:block;font-size:.65em;opacity:.8;text-transform:uppercase;letter-spacing:.12em}
.b4-sc-ctl{position:absolute;right:3vw;top:4vh;display:flex;gap:8px;opacity:0;transition:opacity .3s}
.b4-screen.ui .b4-sc-ctl{opacity:1}
.b4-sc-ctl button,.b4-cl-top button{font:inherit;font-size:18px;font-weight:700;border:0;border-radius:12px;padding:12px 16px;background:rgba(255,255,255,.92);color:#0B2545;cursor:pointer}
.b4-cl-top{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}
.b4-cl-top b{flex:1;font-size:clamp(16px,2.2vw,26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b4-cl-frame{position:relative;flex:1;min-height:0}
.b4-cl-frame #b4clp,.b4-cl-frame iframe{width:100%;height:100%;display:block}
.b4-cl-cover{position:absolute;inset:0;background:#020b18;display:flex;align-items:center;justify-content:center}
.b4-cl-cover[hidden]{display:none}
.b4-cl-resume{font-size:72px;width:150px;height:150px;border-radius:50%;border:0;background:#2F80ED;color:#fff;cursor:pointer}
.b4-cl-end{display:flex;flex-direction:column;align-items:center;gap:14px}
.b4-cl-end b{font-size:40px}
.b4-cl-end button,.b4-cl-cover button{font:inherit;font-size:22px;font-weight:700;border:0;border-radius:14px;padding:14px 26px;background:#fff;color:#0B2545;cursor:pointer}
.b4-cl-ctl{display:flex;justify-content:center;gap:12px;padding:12px 12px calc(14px + env(safe-area-inset-bottom));flex-wrap:wrap}
.b4-cl-ctl button{font:inherit;font-size:clamp(20px,2.6vw,30px);font-weight:700;border:0;border-radius:16px;min-width:76px;height:64px;padding:0 18px;background:#fff;color:#0B2545;cursor:pointer}
.b4-cl-ctl button.main{background:#2F80ED;color:#fff;min-width:110px}
/* words */
.b4-words{margin:12px 0 4px;background:#F4F9FF;border:1px solid rgba(47,128,237,.2);border-radius:14px;padding:10px 14px}
.b4-words summary{cursor:pointer;font-weight:700;color:var(--gold2,#1A63C7);font-size:16px}
.b4-words-t{font-size:18px;line-height:1.7;margin:8px 0;text-align:right}
.b4-words-t p{margin:0}
.b4-words small{color:var(--mut,#4A607F);font-size:12px}
/* quiz */
.b4-quiz{position:fixed;inset:0;z-index:400;background:rgba(11,37,69,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.b4-quiz-in{background:linear-gradient(180deg,#fff,#EEF6FF);border-radius:24px;max-width:480px;width:100%;padding:24px 20px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.b4-quiz-in h2{font-size:23px;margin:6px 0 16px;color:#0B2545}
.b4-quiz-k{margin:0;color:var(--gold2,#1A63C7);font-weight:700;font-size:14px}
.b4-quiz-c{display:grid;gap:10px}
.b4-quiz-c button{font:inherit;font-size:18px;padding:14px;border-radius:14px;border:2px solid rgba(47,128,237,.3);background:#fff;color:#0B2545;cursor:pointer}
.b4-quiz-c button.ok{background:#DFF5E5;border-color:#1E7A3C}
.b4-quiz-c button.no{background:#FDE7E4;border-color:#C0392B;opacity:.7}
.b4-quiz-fb{min-height:1.4em;font-weight:700;margin:12px 0 0}
.b4-quiz-skip{border:0;background:none;color:var(--mut,#4A607F);font:inherit;font-size:14px;margin-top:6px;cursor:pointer;text-decoration:underline}
.b4-quiz-star{font-size:76px;line-height:1}
.b4-quiz-n{font-size:18px}
/* gift */
.b4-gift{max-width:640px;margin:0 auto;padding:10px 16px 30px}
.b4-gift-card{position:relative;text-align:center;background:linear-gradient(160deg,#fff 0%,#EAF4FF 60%,#D6E9FF 100%);border:1px solid rgba(47,128,237,.25);border-radius:26px;padding:34px 22px 22px;box-shadow:0 12px 30px rgba(26,72,140,.15);margin:18px 0}
.b4-gift-ribbon{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-size:46px}
.b4-gift-to{margin:0;color:var(--gold2,#1A63C7);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px}
.b4-gift-card h1{font-family:var(--serif,inherit);font-size:28px;margin:6px 0 10px;color:#0B2545}
.b4-gift-msg{font-size:19px;line-height:1.5;font-style:italic;margin:0 0 6px}
.b4-gift-from{margin:0 0 14px;color:var(--mut,#4A607F)}
.b4-gift-list{display:grid;gap:10px}
.b4-gift-make{text-align:center;margin-top:18px}
/* most watched today */
.b4-mwt{margin:4px 16px 24px}
.b4-mwt h2{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;font-family:var(--serif,inherit);font-weight:600;font-size:21px;color:#0B2545}
.b4-mwt h2 small{font-family:system-ui,sans-serif;font-size:13px;color:var(--mut,#4A607F);font-weight:400}
.b4-mwt-g{display:grid;gap:12px}
@media(min-width:800px){.b4-mwt{margin:4px 24px 26px}.b4-mwt-g{grid-template-columns:1.3fr 1fr}}
.b4-mwt-1{position:relative;border-radius:16px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(26,72,140,.12)}
.b4-mwt-1 img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.b4-mwt-1 div{padding:10px 14px}
.b4-mwt-1 h3{margin:0;font-size:17px;line-height:1.3}
.b4-mwt-1 p{margin:4px 0 0;color:var(--mut,#4A607F);font-size:13px}
.b4-mwt-rank{position:absolute;left:10px;top:10px;background:#2F80ED;color:#fff;font-weight:800;border-radius:10px;padding:2px 11px;font-size:20px}
.b4-mwt-rest{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:mw 1}
.b4-mwt-rest li{display:flex;gap:10px;align-items:center;cursor:pointer;background:#fff;border-radius:12px;padding:6px;counter-increment:mw}
.b4-mwt-rest li::before{content:counter(mw);font-weight:800;color:var(--gold2,#1A63C7);width:18px;text-align:center;flex:none}
.b4-mwt-rest img{width:104px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;flex:none}
.b4-mwt-rest span{font-size:14px;line-height:1.3;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.b4-mwt-rest small{display:block;color:var(--mut,#4A607F);font-size:12px}
/* tools strip */
.b4-tools{margin:10px 16px 26px}
.b4-tools h2{font-family:var(--serif,inherit);font-weight:600;font-size:21px;margin:0 0 10px;color:#0B2545}
.b4-tools-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.b4-tools-g a{display:flex;flex-direction:column;gap:2px;padding:14px;background:#fff;border:1px solid rgba(47,128,237,.2);border-radius:16px;text-decoration:none;color:#0B2545}
.b4-tools-g span{font-size:28px}
.b4-tools-g b{font-size:15px}
.b4-tools-g small{color:var(--mut,#4A607F);font-size:12px}
@media(min-width:900px){.b4-tools{margin:10px 24px 28px}}
/* dark mode */
html.dark .b4-opts,html.dark .b4-type,html.dark .b4-tools-g a,html.dark .b4-mwt-1,html.dark .b4-mwt-rest li,html.dark .b4-sheet-in,html.dark .b4-words,html.dark .b4-search input,html.dark .b4-form input,html.dark .b4-form textarea,html.dark .fb select,html.dark .b4-list li>button,html.dark .b4-li-btns button,html.dark .b4-quiz-c button{background:var(--panel);color:var(--txt);border-color:var(--line)}
html.dark .b4-quiz-in,html.dark .b4-gift-card{background:linear-gradient(180deg,var(--panel),var(--bg2));color:var(--txt)}
html.dark .b4-h2,html.dark .b4-pick,html.dark .b4-li,html.dark .b4-type,html.dark .b4-tools-g a,html.dark .b4-tools h2,html.dark .b4-mwt h2,html.dark .b4-quiz-in h2,html.dark .b4-gift-card h1,html.dark .b4-mwt-1 h3{color:var(--txt)}

/* ---- b4z: compact zmanim box, weather chip, Hebrew calendar (naftali, Oct 25 2026 11:02–11:05 PM) ---- */
.b4z{position:relative;display:block;margin:10px 16px 14px;padding:10px 40px 10px 14px;border-radius:14px;background:var(--panel,#fff);border:1px solid rgba(201,162,39,.45);box-shadow:0 1px 3px rgba(0,0,0,.06);cursor:pointer;line-height:1.3}
.b4z:focus-visible{outline:3px solid #c9a227;outline-offset:2px}
.b4z-top{display:flex;align-items:baseline;gap:10px}
.b4z-time{font-size:1.35rem;font-variant-numeric:tabular-nums}
.b4z-day{font-size:1.05rem;font-weight:600;color:#8a6d12}
.b4z-date{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:.95rem}
.b4z-heb{font-weight:600;color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.b4z-date span{opacity:.75}
.b4z-next{font-size:.85rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}
.b4z-next em{font-style:normal;color:#8a6d12;font-weight:600}
.b4z-more{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:1.6rem;opacity:.45}
.b4z-list{list-style:none;margin:8px 0;padding:0}
.b4z-list li{display:flex;justify-content:space-between;gap:10px;padding:6px 2px;border-bottom:1px solid rgba(128,128,128,.18)}
.b4z-list li small{display:block;font-size:.78rem;opacity:.7}
.b4z-list li.past{opacity:.5}
.b4z-list li.nx{background:rgba(201,162,39,.16);border-radius:8px;padding:6px 8px}
.b4z-candle{margin:10px 0;padding:10px;border-radius:10px;background:rgba(201,162,39,.12)}
.b4z-candle em{font-style:normal;opacity:.8}
.b4z-wx{margin-top:4px;font-size:.9rem}
.b4z-loc{margin-top:10px;font-size:.92rem}
.b4z-locb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.b4z-locb select{font:inherit;padding:6px;border-radius:8px;max-width:100%}
.b4wx{border:0;background:transparent;font:inherit;font-weight:600;font-size:.95rem;padding:4px 6px;border-radius:10px;cursor:pointer;white-space:nowrap;color:inherit;display:flex;align-items:center;gap:3px;flex:0 0 auto}
.b4wx:hover{background:rgba(128,128,128,.15)}
.b4wx-hours,.b4wx-days{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px}
.b4wx-hours>div,.b4wx-days>div{flex:0 0 auto;min-width:54px;text-align:center;padding:6px 4px;border-radius:10px;background:rgba(128,128,128,.1);display:flex;flex-direction:column;gap:2px}
.b4wx-days>div.sh{background:rgba(201,162,39,.2)}
.b4wx-hours em,.b4wx-days em{font-style:normal;font-size:.8rem;opacity:.7}
.b4wx-days i{display:block;font-style:normal;font-size:.72rem;opacity:.7}
.b4c-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}
.b4c-nav{font-size:2rem;line-height:1;padding:4px 14px;border-radius:12px;text-decoration:none;color:inherit;background:rgba(128,128,128,.12)}
.b4c-t{text-align:center;display:flex;flex-direction:column}
.b4c-t b{font-size:1.3rem}.b4c-t span{font-size:.85rem;opacity:.75}
.b4c-tog{margin:4px 0 10px}
.b4c-tog a.on{background:#c9a227;color:#1a1a1a}
.b4c-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;touch-action:pan-y}
.b4c-wd{text-align:center;font-size:.75rem;font-weight:600;opacity:.8;padding:2px 0}
.b4c-wd small{display:block;font-weight:400}
.b4c-wd.sh{color:#8a6d12}
.b4c-d{position:relative;display:flex;flex-direction:column;align-items:center;min-height:62px;padding:4px 2px;border-radius:8px;background:var(--panel,#fff);border:1px solid rgba(128,128,128,.18);text-decoration:none;color:inherit;overflow:hidden}
.b4c-d b{font-size:1.05rem}.b4c-d small{font-size:.72rem;opacity:.7}
.b4c-d i{font-style:normal;font-size:.62rem;line-height:1.15;text-align:center;margin-top:2px;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.b4c-d u{position:absolute;top:1px;right:3px;text-decoration:none;font-size:.6rem}
.b4c-d.out{opacity:.35}
.b4c-d.sh{background:rgba(201,162,39,.1)}
.b4c-d.yt{background:rgba(201,162,39,.28)}
.b4c-d.rc i{color:#3b6ea5}.b4c-d.fast i{color:#9a3b3b}
.b4c-d.today{border:2px solid #c9a227;font-weight:700}
.b4c-d.sel{box-shadow:0 0 0 3px rgba(201,162,39,.55) inset}
.b4c-day{margin:14px 0;padding:12px;border-radius:12px;background:var(--panel,#fff);border:1px solid rgba(128,128,128,.2)}
.b4c-day h2{font-size:1.05rem;margin:0 0 6px;display:flex;flex-wrap:wrap;gap:4px 10px}
.b4c-day h2 span{font-weight:500;opacity:.8}
.b4c-ev{list-style:none;padding:0;margin:6px 0}.b4c-ev li{padding:4px 0}
.b4c-ev span{opacity:.8;margin-left:6px}
.b4c-z{font-size:.85rem;opacity:.85}
@media (min-width:900px){.b4c-d{min-height:78px}.b4c-d b{font-size:1.2rem}.b4c-d i{font-size:.72rem}}
html.dark .b4z,html.dark .b4c-d,html.dark .b4c-day{background:var(--panel);color:var(--txt);border-color:var(--line)}
html.dark .b4z-day,html.dark .b4z-next em,html.dark .b4c-wd.sh{color:#e2c15a}

@media (min-width:900px){.b4z{margin:12px 24px 16px}}
.xtop.xlearnonly{grid-template-columns:1fr}
.b4z{box-shadow:var(--sh,0 1px 3px rgba(0,0,0,.06));border-radius:18px}
@media (max-width:430px){html body .bar{gap:5px}.b4wx{font-size:.85rem;padding:2px 3px;gap:1px}}
@media (max-width:370px){.b4wx span{display:none}}