:root{--fg:#808080;--dim:#6b6b6b;--line:#404040;--bg:#000;--fs:26px}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:"Noto Serif Hebrew","Frank Ruhl Libre","David","Times New Roman",serif;font-size:var(--fs);line-height:2;padding-bottom:3rem}
header{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);display:flex;gap:.6rem;align-items:center;padding:.5rem .8rem;font-size:20px;line-height:1.4}
.home{color:var(--fg);text-decoration:none;font-weight:bold;margin-inline-end:auto}
button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--dim);border-radius:8px;padding:.35rem .9rem;min-height:44px;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
.fs{display:flex;gap:.4rem}
a{color:var(--fg)}
main,nav#menu,footer,.pn{max-width:42rem;margin:0 auto;padding:0 1rem}
nav#menu{padding:1rem;border-bottom:1px solid var(--line)}
nav#menu[hidden]{display:none}
h1{font-size:1.5em;line-height:1.5;margin:1.2rem 0;text-align:center;font-weight:bold}
h2{font-size:1em;margin:1.4rem 0 .2rem;color:var(--dim);font-weight:bold}
ul{list-style:none;margin:0;padding:0}
li a{display:block;padding:.35rem 0;text-decoration:none;border-bottom:1px solid var(--line)}
[aria-current=page]{font-weight:bold;text-decoration:underline}
.soon,.lead{margin:.2rem 0;color:var(--dim)}
.c{text-align:center}
small{font-size:.7em;color:var(--dim)}
big{font-size:1.15em;font-weight:bold}
main p,main div{margin:.2rem 0}
b{font-weight:bold}
.pn{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;font-size:20px;line-height:1.6}
.pn a{padding:.6rem .2rem}
footer{margin-top:2rem;font-size:16px;line-height:1.7;color:var(--dim);border-top:1px solid var(--line);padding-top:1rem}
footer a{color:var(--dim)}
main{overflow-wrap:anywhere}
main *{max-width:100%}

#opts{max-width:42rem;margin:0 auto;padding:1rem;border-bottom:1px solid var(--line);font-size:20px;line-height:1.8}
#opts[hidden]{display:none}
.row{display:flex;gap:.8rem;align-items:center}
input[type=range]{flex:1;min-height:44px;accent-color:var(--fg)}
fieldset{border:1px solid var(--line);margin:.6rem 0;padding:.4rem .8rem}
.rd{margin-inline-end:1.5rem}
input[type=radio]{accent-color:var(--fg);width:1.2em;height:1.2em}
#opts input:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
header .home{font-size:16px}
header button{padding:.3rem .65rem;font-size:18px}
.note{font-size:.75em;color:var(--dim);line-height:1.8}
.ph{font-size:.85em;color:var(--dim);margin:1.4rem 0 .2rem}
ol.ord{padding-inline-start:1.6em}
ol.ord li{padding:.3rem 0}
ol.ord li a{display:inline;border:0;padding:0}

html,body{touch-action:pan-x pan-y}

#zm{display:flex;flex-wrap:wrap;gap:.3em 1.2em;justify-content:center;align-items:baseline;padding:.4em .6em;border-bottom:1px solid var(--line);color:var(--fg);font-size:.8em}#zm small{width:100%;text-align:center;color:var(--dim);font-size:.75em}
#dt{width:100%;text-align:center}
footer,footer p{font-size:13px!important;line-height:1.5}
#zm{font-size:16px!important;line-height:1.4;gap:.2em .9em;padding:.5em .5em}#zm small{font-size:13px!important}#dt{font-size:16px}
.days a{display:inline-block;padding:.3em .55em;min-width:2em;text-align:center;border:1px solid var(--line);border-radius:6px;margin:.15em;text-decoration:none}
.th[hidden]{display:none}