/* Kehilla Media · קהילה מעדיא
   Black and white carry the site; red only marks small things: the MEDIA tag, "new", "live".
   Type: Noto Sans Hebrew Black for titles, Heebo for reading, Inter Tight for English. */
:root{
  --bg:#f4f4f2; --card:#ffffff; --ink:#0d0d0f; --ink-2:#55555b; --ink-3:#6b6b70; --line:#e3e3e0; --line-2:#d6d6d2;
  --black:#0d0d0f; --red:#e8362d; --red-ink:#c42a22; --ok:#1f7a4d; --tone:#d9d9d5;
  --title:"Noto Sans Hebrew","Heebo",Arial,sans-serif;
  --body:"Heebo","Noto Sans Hebrew",Arial,sans-serif;
  --latin:"Inter Tight","Heebo",Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f0f11; --card:#18181b; --ink:#f2f2f0; --ink-2:#b4b4ba; --ink-3:#9a9aa2; --line:#2a2a2e; --line-2:#34343a;
  --tone:#2a2a2e; --ok:#5cc08d; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}
html[lang=en] body{font-family:var(--latin)}
img,video{max-width:100%}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
.wrap{max-width:1280px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* the logo: קהילה with the red MEDIA tag sitting on it */
.logo{position:relative;display:inline-block;padding-top:16px;color:var(--ink);direction:rtl}
.logo:hover{color:var(--ink)}
.logo .he{display:block;font-family:"Noto Sans Hebrew",sans-serif;font-weight:900;font-size:50px;line-height:.95;letter-spacing:-.02em}
.logo .tag{position:absolute;top:0;left:-6px;background:var(--red);color:#fff;font:800 11px/1 var(--latin);letter-spacing:.06em;padding:4px 6px 3px;border-radius:3px;direction:ltr}
.logo.sm{padding-top:12px}.logo.sm .he{font-size:36px}.logo.sm .tag{font-size:9px;padding:3px 5px 2px;left:-5px}
.logo.inv{color:#fff}.logo.inv:hover{color:#fff}

/* labels: the tag shape reused across the site */
.lbl{display:inline-block;background:var(--black);color:#fff;font-weight:800;font-size:13px;line-height:1.3;padding:3px 9px;border-radius:3px;white-space:nowrap}
.lbl.red{background:var(--red)}
.lbl.white{background:#fff;color:var(--black)}
@media (prefers-color-scheme:dark){.lbl{background:#f2f2f0;color:#0d0d0f}.lbl.red{background:var(--red);color:#fff}}
.sec{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.sec .rule{flex:1;height:1px;background:var(--line-2);min-width:30px}
.sec .more{font-size:14px;font-weight:700}

/* top bar */
.topbar{background:var(--black);color:#c8c8cc;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:7px}
.topbar .dates{display:flex;gap:16px;flex-wrap:wrap}
.topbar .dates b{color:#fff;font-weight:700}
.topbar .tools{display:flex;gap:4px;align-items:center}
.lang button,.sizebtn{border:0;background:transparent;color:#c8c8cc;font:500 13px var(--body);padding:3px 9px;border-radius:3px;cursor:pointer}
.lang button[data-lang=en]{font-family:var(--latin)}
.lang button[aria-pressed="true"]{background:#fff;color:var(--black);font-weight:700}
.sizebtn{font-family:var(--latin);font-weight:700;border:1px solid #3a3a40;margin-inline-start:6px}
.sizebtn[aria-pressed="true"]{background:#fff;color:var(--black)}

/* header */
header.mast{background:var(--card);border-bottom:1px solid var(--line)}
header.mast .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px 20px;flex-wrap:wrap;padding-block:16px}
nav.main{display:flex;gap:2px;flex-wrap:wrap;font-weight:700;font-size:16px}
nav.main a{padding:10px 13px;border-bottom:3px solid transparent}
nav.main a[aria-current="page"]{border-bottom-color:var(--red)}
.head-cta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font:700 15px var(--body);padding:10px 16px;border-radius:4px;border:1.5px solid transparent;background:var(--black);color:#fff;cursor:pointer;text-align:center}
html[lang=en] .btn{font-family:var(--latin)}
.btn:hover{color:#fff;opacity:.92}
.btn.red{background:var(--red)}
.btn.line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.line:hover{color:var(--red);border-color:var(--red)}
.btn.ghost{background:transparent;color:var(--red-ink);border-color:var(--red-ink)}
.btn.plain{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn[disabled]{opacity:.55;cursor:wait}
@media (prefers-color-scheme:dark){.btn{background:#f2f2f0;color:#0d0d0f}.btn:hover{color:#0d0d0f}.btn.red{background:var(--red);color:#fff}.btn.ghost{color:#ff7a72;border-color:#ff7a72}}

main{display:flex;flex-direction:column;gap:38px;padding-block:24px 40px}

/* ads */
.ad{position:relative;display:grid;place-items:center;text-align:center;gap:4px;background:var(--card);border:1px dashed var(--line-2);border-radius:6px;color:var(--ink-3);padding:16px}
.ad .al{font-size:12px;letter-spacing:.06em}
.ad strong{font-family:var(--title);font-weight:900;font-size:22px;color:var(--ink)}
html[lang=en] .ad strong{font-family:var(--latin)}
.ad.banner{min-height:100px}
.ad.paid{border-style:solid;display:flex;gap:18px;justify-content:center;text-align:start}
.ad.paid img{width:130px;height:84px;object-fit:cover;border-radius:4px;flex:none}
.ad.paid .ph{font-weight:700;color:var(--ink);direction:ltr;unicode-bidi:isolate}
.ad.tile{background:var(--black);border:0;color:#a9a9b0;min-height:260px;padding:28px;gap:8px}
.ad.tile strong{color:#fff;font-size:26px}
.ad.tile span{color:#c8c8cc;font-size:14px}
.ad.tile .btn{margin-top:6px}
.ad.tile.paid{flex-direction:column;text-align:center}
.ad.tile.paid img{width:100%;height:auto;aspect-ratio:4/3}
@media (prefers-color-scheme:dark){.ad.tile{background:#1c1c20}}

/* top: featured + most viewed */
.top{display:flex;flex-wrap:wrap;gap:24px}
.hero{flex:999 1 640px;min-width:0;position:relative;border-radius:6px;overflow:hidden;background:#1a1a1d;min-height:460px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;border:0;padding:0;text-align:inherit;font:inherit;cursor:zoom-in}
.hero:hover{color:#fff}
.hero .pic{position:absolute;inset:0}
.hero .pic img,.hero .pic video{width:100%;height:100%;object-fit:cover;display:block}
.hero .cap{position:relative;padding:28px;background:linear-gradient(0deg,rgba(13,13,15,.92),rgba(13,13,15,0));display:flex;flex-direction:column;gap:10px}
.hero .tags{display:flex;gap:8px;flex-wrap:wrap}
.hero h1{margin:0;font-family:var(--title);font-weight:900;font-size:clamp(28px,4vw,44px);line-height:1.1}
html[lang=en] .hero h1{font-family:var(--latin);font-weight:800}
.hero .meta{font-size:15px;color:#d0d0d5}
.hero .ded{font-size:14px;color:#ffb4ae}
.side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px}
.mv{display:flex;gap:14px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line);background:none;border-top:0;border-inline:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;width:100%;padding-inline:0}
.mv .n{font:800 30px/.9 var(--latin);color:var(--red);width:26px;flex:none}
.mv .t{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.mv .t b{font-weight:700;font-size:16px;line-height:1.35}
.mv .t span{font-size:13px;color:var(--ink-3)}
.mv .th{width:84px;height:62px;border-radius:4px;background:var(--tone);flex:none;overflow:hidden}
.mv .th img,.mv .th video{width:100%;height:100%;object-fit:cover;display:block}
.side .empty-note{color:var(--ink-3);font-size:14px}

/* welcome (before any photos) */
.welcome{flex:999 1 640px;min-width:0;background:var(--black);color:#fff;border-radius:6px;padding:44px 36px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;min-height:420px}
.welcome h1{margin:0;font-family:var(--title);font-weight:900;font-size:clamp(32px,4.6vw,52px);line-height:1.08}
html[lang=en] .welcome h1{font-family:var(--latin);font-weight:800}
.welcome h1 em{font-style:normal;color:var(--red)}
.welcome p{margin:0;color:#c8c8cc;max-width:52ch;font-size:17px}
.welcome .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.welcome .btn.line{color:#fff;border-color:#fff}

/* courts */
.courts{display:flex;gap:10px;flex-wrap:wrap}
.court{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:40px;padding:6px 6px 6px 14px;font:700 15px var(--body);color:var(--ink);cursor:pointer;min-height:44px}
[dir=rtl] .court{padding:6px 14px 6px 6px}
.court .dot{width:32px;height:32px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center;font:900 15px var(--title)}
.court small{font-size:13px;color:var(--ink-3);font-weight:500}
.court[aria-pressed="true"]{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.court-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:6px;padding:16px 18px}
.court-head .dot{width:56px;height:56px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center;font:900 24px var(--title);flex:none}
.court-head h2{margin:0;font-family:var(--title);font-weight:900;font-size:28px}
.court-head .btn{margin-inline-start:auto}
.court-head .meta{font-size:14px;color:var(--ink-3)}
.court-head .meta a{color:var(--red-ink);font-weight:700}

/* filters */
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{background:var(--card);border:1px solid var(--line);color:var(--ink);font:700 14px var(--body);padding:5px 12px;border-radius:3px;cursor:pointer;min-height:34px}
html[lang=en] .chip{font-family:var(--latin)}
.chip[aria-pressed="true"]{background:var(--black);border-color:var(--black);color:#fff}
@media (prefers-color-scheme:dark){.chip[aria-pressed="true"]{background:#f2f2f0;color:#0d0d0f}}
.seg{display:inline-flex;gap:4px}

/* gallery cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.card{display:flex;flex-direction:column;gap:10px;background:none;border:0;padding:0;text-align:inherit;font:inherit;color:inherit;cursor:zoom-in}
.card:hover h3{color:var(--red)}
.card .pic{position:relative;aspect-ratio:4/3;border-radius:6px;background:var(--tone);overflow:hidden;display:block}
.card .pic img,.card .pic video{width:100%;height:100%;object-fit:cover;display:block}
.card .badges{position:absolute;top:10px;inset-inline-start:10px;display:flex;gap:6px}
.card .badges .lbl{font-size:12px;padding:2px 8px}
.card .count{position:absolute;bottom:10px;inset-inline-end:10px;background:rgba(13,13,15,.85);color:#fff;font-weight:700;font-size:12px;padding:2px 8px;border-radius:3px}
.card .court-n{font-size:13px;font-weight:800;color:var(--red-ink)}
@media (prefers-color-scheme:dark){.card .court-n{color:#ff7a72}}
.card h3{margin:0;font-family:var(--title);font-weight:900;font-size:20px;line-height:1.25;transition:color .15s;overflow-wrap:anywhere}
html[lang=en] .card h3{font-family:var(--latin);font-weight:800}
.card .meta{font-size:13px;color:var(--ink-3)}
.card .promo{font-size:11px;font-weight:700;color:var(--ink-3);border:1px solid var(--line-2);border-radius:3px;padding:0 6px;align-self:flex-start}
.card .ded{font-size:13px;color:var(--red-ink);font-weight:700}
.frame{border-radius:6px;background:var(--card);border:1px dashed var(--line-2);aspect-ratio:4/3;display:grid;place-items:center;color:var(--ink-3);font-size:14px}
.empty{border:1px dashed var(--line-2);border-radius:6px;padding:40px 20px;text-align:center;color:var(--ink-3);background:var(--card)}
.empty h3{font-family:var(--title);font-weight:900;color:var(--ink);margin:0 0 6px;font-size:22px}

/* send-in strip */
.strip{background:var(--black);color:#fff;border-radius:6px;padding:32px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.strip h2{margin:0 0 8px;font-family:var(--title);font-weight:900;font-size:30px;line-height:1.15}
html[lang=en] .strip h2{font-family:var(--latin);font-weight:800}
.strip p{margin:0;font-size:16px;color:#c8c8cc;max-width:56ch}
@media (prefers-color-scheme:dark){.strip{background:#1c1c20}}

/* pages: send in, advertise */
.page-h{font-family:var(--title);font-weight:900;font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0 0 8px}
html[lang=en] .page-h{font-family:var(--latin);font-weight:800}
.lede{color:var(--ink-2);margin:0 0 20px;max-width:64ch;font-size:17px}
form.card-f,.panel{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:22px;display:grid;gap:14px;max-width:800px}
label{font-weight:700;font-size:14px;display:grid;gap:6px}
input,select,textarea{font:400 16px var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:4px;padding:10px 12px;width:100%;min-height:44px}
textarea{min-height:90px;resize:vertical}
input[type=tel],input[type=url]{direction:ltr}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.check{display:flex;align-items:center;gap:8px;font-weight:500}
.check input{width:auto;min-height:0}
.note{font-size:14px;color:var(--ink-3);margin:0}
.msg{padding:10px 12px;border-radius:4px;font-weight:700}
.msg.ok{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}
.msg.err{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red-ink)}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.drop{position:relative;border:2px dashed var(--line-2);border-radius:6px;background:var(--bg);padding:30px 16px;text-align:center;cursor:pointer;display:grid;gap:6px;justify-items:center}
.drop.over{border-color:var(--red);background:color-mix(in srgb,var(--red) 6%,var(--card))}
.drop strong{font-family:var(--title);font-weight:900;font-size:20px}
.drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;min-height:0}
.picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.pick{position:relative;border-radius:4px;overflow:hidden;background:var(--tone);aspect-ratio:1}
.pick img,.pick video{width:100%;height:100%;object-fit:cover;display:block}
.pick .x{position:absolute;top:4px;inset-inline-start:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(13,13,15,.85);color:#fff;font-size:16px;cursor:pointer;line-height:1}
.pick .bar{position:absolute;inset:auto 0 0 0;height:4px;background:rgba(0,0,0,.25)}
.pick .bar i{display:block;height:100%;width:0;background:var(--red);transition:width .2s}
.pick.done .bar i{background:var(--ok)}
.pick.fail{outline:3px solid var(--red)}
.pick .vid{position:absolute;bottom:8px;inset-inline-end:6px}
.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.slot h3{font-family:var(--title);font-weight:900;margin:0;font-size:20px}
html[lang=en] .slot h3{font-family:var(--latin);font-weight:800}
.slot .lbl{justify-self:start}
.ph{direction:ltr;unicode-bidi:isolate}

/* admin */
.queue{display:grid;gap:16px}
.qitem{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--red);border-radius:6px;padding:16px;display:grid;gap:12px}
.qitem h3{font-family:var(--title);font-weight:900;margin:0;font-size:20px}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.thumbs img,.thumbs video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;display:block;background:var(--tone)}
.stats{display:flex;gap:14px;font-size:14px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.stats b{color:var(--ink)}
.subs{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px;font-size:14px;max-height:280px;overflow:auto;direction:ltr;text-align:start;white-space:pre-wrap;font-family:var(--latin)}
.meta{color:var(--ink-3);font-size:14px}
.cat{font-size:13px;font-weight:800;color:var(--red-ink)}

/* gallery viewer */
dialog#lb{border:0;padding:0;background:transparent;max-width:min(1150px,96vw);width:100%;color:#fff}
dialog#lb::backdrop{background:#08080a}
#lb .inner{display:grid;gap:12px}
#lb .stage{position:relative;display:grid;place-items:center;min-height:200px}
#lb .stage img,#lb .stage video{display:block;max-width:100%;max-height:72vh;border-radius:4px}
#lb .nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#0d0d0f;font-size:24px;font-weight:700;cursor:pointer}
#lb .nav.prev{inset-inline-start:6px}#lb .nav.next{inset-inline-end:6px}
#lb .strip-th{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
#lb .strip-th button{flex:none;width:62px;height:62px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;background:#222;cursor:pointer}
#lb .strip-th button[aria-current="true"]{border-color:var(--red)}
#lb .strip-th img,#lb .strip-th video{width:100%;height:100%;object-fit:cover;display:block}
#lb h3{font-family:var(--title);font-weight:900;font-size:26px;margin:0}
html[lang=en] #lb h3{font-family:var(--latin);font-weight:800}
#lb p{margin:0;color:#c8c8cc}
#lb .meta{color:#9a9aa2}
#lb .ded{color:#ffb4ae}
#lb .bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
#lb .tools{display:flex;gap:8px;flex-wrap:wrap}
#lb .btn{background:transparent;color:#fff;border-color:#4a4a50}
#lb .btn.wa{background:#1f8f4e;border-color:#1f8f4e}
#lb .btn.close{background:#fff;color:#0d0d0f}

/* footer */
footer.site{background:var(--black);color:#b4b4ba;border-top:4px solid var(--red);margin-top:24px}
footer.site .cols{display:flex;flex-wrap:wrap;gap:40px 56px;padding-block:44px 0;font-size:15px}
footer.site .about{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
footer.site .about p{margin:0;line-height:1.65;max-width:36ch}
footer.site .social{display:flex;gap:8px}
footer.site .social a{width:44px;height:44px;border:1px solid #3a3a40;border-radius:6px;display:grid;place-items:center}
footer.site .social a:hover{border-color:var(--red)}
footer.site nav{flex:0 1 170px;display:flex;flex-direction:column;gap:12px}
footer.site nav h4{margin:0 0 4px;align-self:flex-start;color:#fff;font-weight:700;font-size:16px;padding-bottom:6px;border-bottom:2px solid var(--red)}
footer.site a:hover{color:#fff}
footer.site .subscribe{flex:1 1 280px;min-width:0;background:#18181b;border:1px solid #2a2a2e;border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:12px;align-self:flex-start}
footer.site .subscribe h4{margin:0;font-family:var(--title);font-weight:900;font-size:20px;color:#fff}
html[lang=en] footer.site .subscribe h4{font-family:var(--latin);font-weight:800}
footer.site .subscribe label{color:#d4d4d8;font-weight:500;font-size:13px}
footer.site .subscribe .in{display:flex;gap:8px}
footer.site .subscribe input{background:#0d0d0f;border-color:#3a3a40;color:#fff;flex:1;min-width:0;direction:ltr}
footer.site .subscribe .btn{background:var(--red);color:#fff}
footer.site .subscribe .done{color:#7fdcaa;font-weight:700;font-size:14px}
footer.site .bottom{margin-top:40px;padding-block:18px;border-top:1px solid #2a2a2e;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#8e8e95}
footer.site .bottom div{display:flex;gap:14px}
footer.site .bottom button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}

/* phone */
@media (max-width:720px){
  .logo .he{font-size:40px}
  nav.main{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  nav.main a{white-space:nowrap}
  .head-cta .btn.line{display:none}
  .hero{min-height:340px}
  .hero .cap{padding:18px}
  .welcome{padding:30px 22px;min-height:340px}
  .strip{padding:24px}
}
@media (prefers-reduced-motion:no-preference){.card .pic img{transition:transform .25s}.card:hover .pic img{transform:scale(1.02)}}
/* user-written titles keep their own direction in any language */
.card h3,.hero h1,.mv b,.court,.ded,#lb h3,#lb p,.qitem h3,input,textarea{unicode-bidi:plaintext}

/* Kehilla Blitzen: notices and breaking news */
.blitz{background:var(--card);border-bottom:1px solid var(--line)}
.blitz .wrap{display:flex;align-items:center;gap:14px;min-height:44px}
.blitz-l{display:flex;align-items:center;gap:6px;background:var(--red);color:#fff;font-weight:800;font-size:14px;padding:4px 10px;border-radius:3px;white-space:nowrap}
.blitz-l:hover{color:#fff}
.blitz-l .tag{display:none}
.blitz-t{flex:1;min-width:0;position:relative;height:24px;overflow:hidden}
.blitz-t .ti{position:absolute;inset:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;font-size:15px;line-height:24px}
.blitz-t .ti.on{opacity:1;transform:none}
.blitz-t b{color:var(--red-ink)}
.blitz-send{font-size:13px;font-weight:700;white-space:nowrap;color:var(--ink-2)}
@media (max-width:560px){.blitz-send{display:none}}
.notices{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.notice{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 14px}
.notice .lbl{grid-row:span 2;font-size:12px}
.notice .lbl.dark{background:#3a3a40;color:#fff}
.notice .nt{font-weight:700;font-size:15px;line-height:1.45;unicode-bidi:plaintext}
.notice .ago{font-size:12px;color:var(--ink-3)}
a.notice:hover{border-color:var(--red)}

/* views, likes, comments */
.stats-row{display:flex;gap:14px;font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.stats-row span{display:inline-flex;align-items:center;gap:4px}
.stats-row .on{color:var(--red)}
.stats-row.inv{color:#d0d0d5}
.lb-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px;color:#c8c8cc;margin-top:4px}
.lb-stats span{display:inline-flex;align-items:center;gap:5px}
.likebtn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:40px;border:1.5px solid #4a4a50;background:transparent;color:#fff;font:700 14px var(--body);cursor:pointer}
.likebtn.on{background:var(--red);border-color:var(--red)}
.cmts{border-top:1px solid #2a2a2e;padding-top:14px;display:grid;gap:12px;max-width:760px}
.cmts h4{margin:0;font-size:16px;color:#fff}
.cmt{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding-bottom:10px;border-bottom:1px solid #2a2a2e}
.cmt b{color:#fff;font-size:14px}
.cmt .ago{font-size:12px;color:#8e8e95;align-self:center}
.cmt p{grid-column:1/-1;margin:0;color:#d4d4d8;unicode-bidi:plaintext}
.cmt-f{display:grid;gap:8px}
.cmt-f label{color:#d4d4d8;font-weight:500}
.cmt-f textarea,.cmt-f input{background:#18181b;border-color:#3a3a40;color:#fff}
.cmt-f .in{display:flex;gap:8px}
.cmt-f .in input{flex:1;min-width:0}
footer.site .about .logo{align-self:flex-start}

/* pages of posts */
.pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-block:16px}
.pager:empty{display:none}
.pg{min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);border-radius:4px;font:700 15px var(--body);cursor:pointer}
html[lang=en] .pg{font-family:var(--latin)}
.pg.num{padding:0}
.pg[aria-current="page"]{background:var(--black);border-color:var(--black);color:#fff}
@media (prefers-color-scheme:dark){.pg[aria-current="page"]{background:#f2f2f0;color:#0d0d0f}}
.pg:disabled{opacity:.4;cursor:default}
.pager .dots{padding:0 4px;color:var(--ink-3)}
.pager .pg-of{width:100%;text-align:center;font-size:13px;color:var(--ink-3)}

/* all photos: a wall that keeps each photo's shape */
.wall{columns:4 240px;column-gap:12px}
.wph{display:block;width:100%;margin:0 0 12px;break-inside:avoid;padding:0;border:0;background:var(--tone);border-radius:4px;overflow:hidden;position:relative;cursor:zoom-in}
.wph img{display:block;width:100%;height:auto}
.wph .wcap{position:absolute;inset:auto 0 0 0;padding:12px 8px 4px;background:linear-gradient(0deg,rgba(13,13,15,.7),transparent);color:#fff;font-size:11px;font-weight:600;line-height:1.3;opacity:0;transition:opacity .2s;text-align:start;unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wph:hover .wcap,.wph:focus-visible .wcap{opacity:1}
@media (hover:none){.wph .wcap{display:none}}

/* all videos: play right on the page */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.vcard{display:flex;flex-direction:column;gap:6px;min-width:0}
.vcard video{width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;object-fit:contain}
.vcard b{font-family:var(--title);font-weight:900;font-size:18px;line-height:1.3;unicode-bidi:plaintext}
html[lang=en] .vcard b{font-family:var(--latin);font-weight:800}
.vcard .court-n{font-size:13px;font-weight:800;color:var(--red-ink)}
.linkbtn{align-self:flex-start;background:none;border:0;padding:6px 0;color:var(--red-ink);font:700 14px var(--body);cursor:pointer;min-height:44px}
@media (prefers-color-scheme:dark){.linkbtn,.vcard .court-n{color:#ff7a72}}

/* photos and videos are not offered for saving */
img,video{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
video::-internal-media-controls-download-button{display:none}

/* paid ads are the advertiser's own banner */
.ad.paid{display:block;padding:0;border:0;overflow:hidden;background:var(--black);min-height:0}
.ad.paid img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}
.ad.paid .al{position:absolute;top:6px;inset-inline-start:6px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;padding:2px 6px;border-radius:3px}
.ad.tile.paid{display:grid;place-items:center;min-height:260px}
.ad.tile.paid img{height:100%;max-height:520px}

/* the post's info line: rebbe above the title, then credit · date · count as separate pieces */
.hero .hcourt{font-size:15px;font-weight:800;color:#ff7a72;unicode-bidi:plaintext}
.hero .hmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:14px;color:#c4c4ca}
.hero .hmeta>span{display:inline-flex;align-items:center;gap:6px;padding-inline:14px;border-inline-start:1px solid rgba(255,255,255,.25)}
.hero .hmeta>span:first-child{padding-inline-start:0;border:0}
.hero .hcr{color:#fff}
.hero .hcr small{font-size:12px;color:#b4b4ba;font-weight:400}
.hero .hcr b{font-weight:700}
.card .cmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.card .cmeta .ccr{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2,var(--ink))}
.card .cmeta .ccr b{font-weight:700}
.card .cmeta>span+span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5;margin-inline-end:12px;vertical-align:middle}
.ic{flex:none;opacity:.8}

/* close button that is always easy to reach on a phone */
#lb .lbx{position:fixed;top:max(10px,env(safe-area-inset-top));inset-inline-end:10px;z-index:5;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#0d0d0f;font-size:22px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.4)}
#lb .lbx:hover{background:var(--red);color:#fff}
@media (max-width:700px){#lb .inner{padding-top:60px}}

/* קהילה בליצן: it has to jump out */
.blitz{background:#0d0d0f;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#e8362d,#ff7a1a,#e8362d) 1}
.blitz .wrap{min-height:48px}
.blitz-l{font-size:15px;padding:6px 12px;background:linear-gradient(110deg,#e8362d 0%,#ff7a1a 25%,#e8362d 50%,#ff7a1a 75%,#e8362d 100%);background-size:300% 100%;animation:blitzWave 6s ease-in-out infinite}
.blitz-t .ti{color:#fff;font-weight:600}
.blitz-t b{color:#ff8a3d}
.blitz-send{color:#bdbdc3}
.blitz-send:hover{color:#fff}
.live{display:inline-block;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 6px 1px rgba(255,255,255,.7);flex:none}
.blitz-lbl{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(110deg,#e8362d 0%,#ff7a1a 25%,#e8362d 50%,#ff7a1a 75%,#e8362d 100%);background-size:300% 100%;animation:blitzWave 6s ease-in-out infinite}
@keyframes blink{to{visibility:hidden}}
@keyframes blitzGlow{0%{box-shadow:0 0 0 0 rgba(232,54,45,.9)}70%{box-shadow:0 0 0 14px rgba(232,54,45,0)}100%{box-shadow:0 0 0 0 rgba(232,54,45,0)}}
@keyframes blitzWave{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.notice.brk{background:linear-gradient(110deg,#e8362d 0%,#ff7a1a 25%,#e8362d 50%,#ff7a1a 75%,#e8362d 100%);background-size:300% 100%;border-color:transparent;color:#fff;animation:blitzWave 6s ease-in-out infinite}
.notice.brk .lbl{background:#fff;color:var(--red)}
.notice.brk .ago{color:rgba(255,255,255,.8)}

@media (prefers-reduced-motion:reduce){.blitz-l,.notice.brk,.blitz-lbl{animation:none}}

/* the Kehilla Media mark over videos: small and clear in the corner, faint and big in the middle */
.vwrap{position:relative;display:inline-block;max-width:100%;line-height:0}
.vcard .vwrap{display:block}
.vwrap .wm,.vwrap .wmc{position:absolute;display:flex;align-items:flex-start;gap:3px;pointer-events:none;line-height:1;direction:ltr}
.vwrap .wm{inset-inline-start:8px;bottom:50px;background:rgba(0,0,0,.55);padding:4px 8px 4px;border-radius:2px}
.vwrap .wm b{font-family:"Noto Sans Hebrew",Heebo,sans-serif;font-weight:900;font-size:clamp(17px,2.4vw,29px);color:#fff}
.vwrap .wm i,.vwrap .wmc i{font-style:normal;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:9px;background:#e8362d;color:#fff;padding:1px 3px;border-radius:2px}
.vwrap .wmc{left:50%;top:50%;transform:translate(-50%,-50%);opacity:.12}
.vwrap .wmc b{font-family:"Noto Sans Hebrew",Heebo,sans-serif;font-weight:900;font-size:clamp(24px,5vw,60px);color:#fff}
.vwrap .wmc i{font-size:clamp(7px,1.4vw,18px);padding:1px 4px}
.vcard .vwrap .wm b{font-size:17px}.vcard .vwrap .wmc b{font-size:32px}

/* zooming into a photo */
#lb .stage{overflow:hidden;touch-action:pan-y}
#lb .stage img{cursor:zoom-in;transform-origin:center center;will-change:transform}
#lb .stage img.zoomed{cursor:grab}
#lb .stage.zooming{touch-action:none}
#lb .stage.zooming .nav{display:none}

/* viewer buttons: quiet round icon buttons */
#lb .lbt{gap:6px;align-items:center}
#lb .tb{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#e9e9ec;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
#lb .tb:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}
#lb .tb svg{flex:none;opacity:.9}
#lb .tb.wa svg{color:#25d366;opacity:1}
#lb .tb.on{background:#fff;color:#0d0d0f;border-color:#fff}
#lb .tb.main{background:var(--red);border-color:var(--red);color:#fff}
#lb .tb.main:hover{background:#ff4a40}
@media (max-width:560px){#lb .lbt{gap:4px;width:100%;justify-content:space-between}#lb .tb{flex-direction:column;gap:3px;width:auto;min-width:58px;height:auto;padding:8px 6px;border-radius:14px;font-size:11px}#lb .tb span{display:block}#lb .tb.main{flex-direction:row;font-size:13px;padding:8px 12px}}

/* slideshow speed */
#lb .spd{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:999px;overflow:hidden;height:40px}
#lb .spd button{border:0;background:transparent;color:#cfcfd4;font:inherit;font-size:13px;font-weight:600;padding:0 12px;cursor:pointer}
#lb .spd button[aria-pressed=true]{background:#fff;color:#0d0d0f}
@media (max-width:560px){#lb .spd{height:auto;align-self:stretch}#lb .spd button{padding:0 9px;font-size:11px}}

/* ---------- post viewer: light, calm, like an article page ---------- */
dialog#lb{max-width:min(1280px,96vw);color:#141416}
dialog#lb::backdrop{background:rgba(244,243,239,.97);backdrop-filter:blur(6px)}
#lb .inner{background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(20,20,22,.12);padding:16px;gap:14px}
#lb .stage{background:#f1f0ec;border-radius:10px;min-height:280px}
#lb .stage img,#lb .stage video{border-radius:6px;max-height:74vh}
#lb .nav{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
#lb .strip-th button{background:#eee;border-color:#e6e4de}
#lb h3{color:#141416}
#lb p{color:#3a3a40}
#lb .meta{color:#7a7a82}
#lb .meta b[style]{color:#141416!important}
#lb .ded{color:#b3261e}
.lb-stats{color:#6a6a72}
#lb .likebtn{border-color:#d9d7d0;color:#141416;background:#fff}
#lb .likebtn.on{background:var(--red);border-color:var(--red);color:#fff}
#lb .tb{border-color:#e2e0da;background:#f6f5f2;color:#2a2a2e}
#lb .tb:hover{background:#ecebe6;border-color:#d4d2cb;color:#141416}
#lb .tb.on{background:#141416;color:#fff;border-color:#141416}
#lb .tb.main{background:var(--red);border-color:var(--red);color:#fff}
#lb .spd{border-color:#e2e0da}
#lb .spd button{color:#555}
#lb .spd button[aria-pressed=true]{background:#141416;color:#fff}
#lb .lbx{background:#141416;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.25)}
#lb .cmts{border-top:1px solid #ecebe6}
#lb .cmts h4,#lb .cmt b{color:#141416}
#lb .cmt{border-bottom-color:#f0efea}
#lb .cmt p{color:#3a3a40}
#lb .cmt-f label{color:#3a3a40}
#lb .cmt-f textarea,#lb .cmt-f input{background:#fafaf8;border-color:#e2e0da;color:#141416}
#lb .note{color:#8a8a92!important}
/* wide screens: photo on one side, the details and comments beside it */
@media (min-width:1000px){
  #lb .inner{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"stage bar" "stage cmts" "strip cmts";grid-template-rows:auto 1fr auto;align-items:start;column-gap:22px}
  #lb .stage{grid-area:stage;min-height:min(74vh,640px)}
  #lb .strip-th{grid-area:strip}
  #lb .bar{grid-area:bar;flex-direction:column;align-items:stretch}
  #lb .cmts{grid-area:cmts;max-width:none;max-height:calc(74vh - 220px);overflow:auto}
  #lb .lbt{flex-wrap:wrap}
  #lb .tb{flex:1 1 auto;justify-content:center}
}
@media (max-width:700px){#lb .inner{padding:60px 10px 14px;border-radius:0;box-shadow:none}dialog#lb{max-width:100vw}}
#lb .cat{color:var(--red)!important}
#lb .cmt-f .btn{background:var(--red);border-color:var(--red);color:#fff}