/* The Interlinear Siddur app. Layout: one reading column; a sticky bar (Menu · the section · Aa) on top; a settings sheet
   from the bottom. The prayers flow right to left, each word a small box: the Hebrew above, its English below. */
@font-face{font-family:"Taamey Frank";font-weight:normal;src:url(fonts/taamey-frank-clm-medium.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Taamey Frank";font-weight:bold;src:url(fonts/taamey-frank-clm-bold.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Keter YG";font-weight:normal;src:url(fonts/keter-yg-medium.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Keter YG";font-weight:bold;src:url(fonts/keter-yg-bold.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Shofar";font-weight:normal;src:url(fonts/shofar-regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Shofar";font-weight:bold;src:url(fonts/shofar-bold.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Taamey David";font-weight:normal;src:url(fonts/taamey-david-medium.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Taamey David";font-weight:bold;src:url(fonts/taamey-david-bold.ttf) format("truetype");font-display:swap}
:root{--tz:#2f5d8a;--he:"Shofar","Taamey Frank",serif;--bg:#fbf8f1;--page:#fffdf8;--ink:#1b1a17;--en:#4b4436;--muted:#7a7262;--gold:#9a7428;--line:#e6dcc6;--bar:#f6f1e4;--chip:#efe6d2;
  --he-size:32px;--en-size:15px;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--he:"Taamey Frank","Frank Ruhl Libre","Times New Roman",serif;color-scheme:light}
:root[data-font="keter"]{--he:"Keter YG","Taamey Frank",serif}
:root[data-font="shofar"]{--he:"Shofar","Taamey Frank",serif}
:root[data-font="frank"]{--he:"Taamey Frank","Frank Ruhl Libre",serif}
:root[data-font="david"]{--he:"Taamey David","Taamey Frank",serif}
:root[data-theme="sepia"]{--tz:#35587a;--bg:#efe3c8;--page:#f4e9d0;--ink:#2e2516;--en:#55452a;--muted:#7d6b4c;--gold:#8a6420;--line:#dccaa3;--bar:#e8dab9;--chip:#e2d1ab}
:root[data-theme="dark"]{--tz:#7fb0e0;--bg:#121110;--page:#181715;--ink:#ece6d8;--en:#c9bfa8;--muted:#9a917d;--gold:#d2a755;--line:#2e2b26;--bar:#1c1a17;--chip:#29261f;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%}
button{font:inherit;color:inherit}
[hidden]{display:none!important}

/* the bar */
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;background:var(--bar);border-bottom:1px solid var(--line);
  padding:calc(env(safe-area-inset-top,0px) + 6px) max(10px,env(safe-area-inset-right,0px)) 6px max(10px,env(safe-area-inset-left,0px))}
.tb{border:0;background:transparent;min-width:48px;height:44px;border-radius:10px;display:flex;align-items:center;gap:6px;padding:0 10px;cursor:pointer}
.tb:active{background:var(--chip)}
.tb .ic{font-size:22px;line-height:1}
.tb .aa{font-family:Georgia,serif;font-weight:bold;font-size:20px}
.tb .tl{font-size:15px;font-weight:600}
.title{flex:1;min-width:0;text-align:center;line-height:1.15;overflow:hidden}
.title .the{display:block;font-family:var(--he);font-weight:bold;font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.title .ten{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}

main{max-width:900px;margin:0 auto;padding:10px max(14px,env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}

/* the prayers */
.il{direction:rtl;text-align:right;margin:0 0 .3em;line-height:1}
.c{display:inline-block;vertical-align:top;width:min-content;text-align:center;margin:0 .14em .5em}
.c .h{display:block;font-family:var(--he);font-size:var(--he-size);line-height:1.38;white-space:nowrap;color:var(--ink)}
.c.big .h{font-size:calc(var(--he-size) * 1.4);font-weight:bold;line-height:1.1}
.c.sm .h{font-size:calc(var(--he-size) * .8);color:var(--en)}
/* the initials after each line of "We beg You" (Hebrew only, no English under them) */
.c.bare{margin-right:.6em;width:auto}
.c.bare .h{font-size:calc(var(--he-size) * .55);color:var(--gold);padding-top:.45em;letter-spacing:.03em}
.c .g{display:block;direction:ltr;font-size:var(--en-size);line-height:1.15;color:var(--en);min-width:4.4em;margin:.08em auto 0}
.c .mk{color:var(--gold);margin-right:.15em}
body.no-en .c .g{display:none}
body.no-en .c{margin-bottom:.15em}
body.no-mk .c .mk{display:none}
.note{font-size:calc(var(--en-size) * .92);font-weight:700;text-transform:uppercase;letter-spacing:.02em;text-align:center;color:var(--gold);margin:.5em 4% .9em;line-height:1.35}
.note.long{font-weight:400;text-transform:none;text-align:left;color:var(--en);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.55em .2em;margin:.6em 0 1em}
body.no-en .note.long{display:none}

.sec-head{text-align:center;margin:12px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.sec-head .k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:6px 0}
.sec-head h1{font-family:var(--he);font-size:calc(var(--he-size) * 1.15);margin:0;line-height:1.25}
.sec-head .en{color:var(--muted);margin:4px 0 0;font-size:15px}
.pager{display:flex;gap:10px;margin:28px 0 8px}
.pager a{flex:1;display:block;text-decoration:none;color:inherit;background:var(--page);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:56px}
.pager a.next{text-align:right}
.pager .d{display:block;font-size:12px;color:var(--muted);letter-spacing:.05em}
.pager .n{display:block;font-family:var(--he);font-size:20px;font-weight:bold;direction:rtl}
.pager a.prev .n{text-align:left}
.pager .ne{display:block;font-size:13px;color:var(--muted)}

/* the menu */
.ded{text-align:center;margin:10px 0 18px;padding:14px 10px;border:1px solid var(--line);border-radius:14px;background:var(--page)}
.ded p{margin:0;font-family:var(--he);direction:rtl;font-size:18px;line-height:1.45}
.ded p.nm{font-size:23px;font-weight:bold}
.ded .de{font-family:Georgia,serif;font-style:italic;direction:ltr;font-size:12.5px;color:var(--muted);margin-top:6px}
.resume{display:block;text-decoration:none;color:inherit;background:var(--chip);border-radius:12px;padding:12px 14px;margin:0 0 16px}
.resume .d{font-size:12px;color:var(--muted)}
.resume .n{font-family:var(--he);font-size:20px;font-weight:bold;direction:rtl;display:block;text-align:right}
.part{margin:18px 0 6px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--gold);padding-bottom:4px}
.part .pe{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.part .ph{font-family:var(--he);font-size:20px;font-weight:bold}
.menu a.it{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:11px 4px;border-bottom:1px solid var(--line);min-height:52px}
.menu a.it:active{background:var(--chip)}
.menu .ie{font-size:14.5px;color:var(--en)}
.menu .ih{font-family:var(--he);font-size:22px;direction:rtl;text-align:right}
.about{margin:26px 0 0;font-size:14px;line-height:1.55;color:var(--en)}
.about h2{font-size:15px;margin:18px 0 6px;color:var(--ink)}
.install{display:block;width:100%;margin:6px 0 14px;padding:12px;border-radius:12px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-weight:600;cursor:pointer}
.hint{font-size:13.5px;color:var(--muted);background:var(--page);border:1px dashed var(--line);border-radius:12px;padding:10px 12px;margin:0 0 14px}

/* the settings sheet */
.sheet{position:fixed;inset:0;z-index:10;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;justify-content:center}
.sheet-in{width:100%;max-width:560px;background:var(--page);color:var(--ink);border-radius:18px 18px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 30px rgba(0,0,0,.25);max-height:88vh;overflow:auto}
.sh-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.x{border:0;background:var(--chip);border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:15px}
.row.sw{border-top:1px solid var(--line)}
.row input[type=checkbox]{width:24px;height:24px;accent-color:var(--gold)}
.sz{display:flex;align-items:center;gap:8px}
.sz button,.seg button{border:1px solid var(--line);background:var(--bg);border-radius:10px;min-width:44px;height:40px;padding:0 10px;cursor:pointer;font-weight:600}
.sz output{min-width:42px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted)}
.seg{display:flex;gap:6px}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--page);border-color:var(--ink)}
input[type=range]{width:100%;accent-color:var(--gold);margin:0 0 6px}
.sample{margin:12px 0 0;padding:10px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}

/* the install banner */
.banner{position:fixed;left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:8;
  display:flex;align-items:center;gap:10px;background:var(--page);color:var(--ink);border:1px solid var(--gold);border-radius:16px;padding:10px 10px 10px 12px;box-shadow:0 8px 28px rgba(0,0,0,.22);max-width:600px;margin:0 auto}
.banner img{border-radius:10px;flex:none}
.banner .bt{flex:1;margin:0;font-size:14px;line-height:1.4}
.banner .shr{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:0 4px;font-size:12px}
.banner .bn{flex:none;border:0;background:var(--gold);color:#fff;font-weight:700;border-radius:10px;height:40px;padding:0 16px;cursor:pointer}
.banner .x{flex:none}
.about .honor{font-family:var(--he);font-size:17px;text-align:center;color:var(--ink);margin:16px 0}

/* Today */
.today{background:var(--page);border:1px solid var(--line);border-radius:16px;padding:14px;margin:8px 0 16px}
.td-date{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.td-date .he{font-family:var(--he);font-size:22px;font-weight:bold}
.td-date .en{font-size:13px;color:var(--muted)}
.now{display:block;text-decoration:none;color:inherit;background:var(--gold);color:#fff;border-radius:12px;padding:12px 14px;margin:12px 0 10px}
.now .d{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.9}
.now .n{display:block;font-size:22px;font-weight:700;margin:2px 0}
.now .w{display:block;font-size:13.5px;opacity:.95}
.td-notes{margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.5;color:var(--en)}
.td-notes li{margin:3px 0}
.zm{margin-top:10px;font-size:14px}
.zm summary{cursor:pointer;color:var(--gold);font-weight:600;padding:4px 0}
.zm table{width:100%;border-collapse:collapse;margin:6px 0}
.zm td{padding:5px 2px;border-bottom:1px solid var(--line)}
.zm td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.loc{width:100%;margin-top:6px;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);cursor:pointer}
.bd{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:2px 7px;vertical-align:1px}
.bd.yes{background:var(--gold);color:#fff}
.bd.no{background:var(--chip);color:var(--muted)}
.sec{scroll-margin-top:70px}
.secnote{display:inline-block;margin:8px 0 0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:3px 10px}
.secnote.yes{background:var(--gold);color:#fff}.secnote.no{background:var(--chip);color:var(--muted)}
.more{display:block;width:100%;margin:6px 0 10px;padding:12px;border-radius:12px;border:1px dashed var(--line);background:transparent;color:var(--muted);cursor:pointer}
.more span{font-family:var(--he)}
.loading,.end{text-align:center;color:var(--muted);margin:30px 0}
/* inserts: today's marked, the others folded */
.c.on .h{color:var(--ink)}
.c.on{background:color-mix(in srgb, var(--gold) 13%, transparent);border-radius:8px}
.note.on{border-left:3px solid var(--gold);padding-left:6px}
.tag{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--gold);border-radius:99px;padding:2px 8px;margin:0 0 4px;direction:ltr;vertical-align:middle}
.tagw{display:inline-block;vertical-align:top;margin:calc(var(--he-size) * .35) .2em 0}
.off{display:none}
.off.shown{display:revert}
.c.off.shown{display:inline-block;opacity:.6}
body.all-days .off{display:revert;opacity:.5}
body.all-days .c.off{display:inline-block}
body.all-days .chip{display:none}
.chip{display:inline-block;vertical-align:top;font:600 13px var(--sans);direction:ltr;color:var(--muted);background:var(--chip);border:1px dashed var(--line);border-radius:99px;padding:6px 12px;margin:calc(var(--he-size) * .3) .3em .5em;cursor:pointer}
.chip small{font-weight:400}
.chip.open{color:var(--gold);border-style:solid}
.chip.block{display:block;margin:10px auto;text-align:center}
.ptoday{border-right:3px solid var(--gold);padding-right:8px;margin:6px 0}
.ptoday>.tag{margin-top:6px}
.row small{display:block;font-size:12px;color:var(--muted);font-weight:400}
.seg.fonts{flex-wrap:wrap;margin:0 0 6px}
.seg.fonts button{flex:1 1 40%}
.about .honor{margin:22px 0 8px;text-align:center}
.about .honor p{margin:6px 0;font-family:var(--he);font-size:17px;color:var(--ink)}
.about .honor p.ded2{font-size:15.5px;color:var(--en)}
.about .honor p.ded2en{font-family:Georgia,serif;font-style:italic;font-size:12.5px;color:var(--muted);direction:ltr}
.tb.en-tg .ic{font:800 13px var(--sans);letter-spacing:.06em;border:1.5px solid currentColor;border-radius:7px;padding:3px 5px}
.tb.en-tg[aria-pressed="false"] .ic{opacity:.45;text-decoration:line-through}
.tb.en-tg{min-width:44px;padding:0 6px}

/* search */
.search form{position:sticky;top:calc(env(safe-area-inset-top,0px) + 58px);z-index:3;background:var(--bg);padding:8px 0}
#i-search{width:100%;font-size:17px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--gold);background:var(--page);color:var(--ink)}
.hit{display:block;text-decoration:none;color:inherit;padding:12px 4px;border-bottom:1px solid var(--line)}
.hit .ht{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:700}
.hit .hh{display:block;font-family:var(--he);font-size:21px;direction:rtl;text-align:right;margin:3px 0}
.hit .he2{display:block;font-size:14px;color:var(--en)}
.pa.found{animation:found 2.6s ease-out}
@keyframes found{0%,40%{background:color-mix(in srgb, var(--gold) 22%, transparent)}100%{background:transparent}}
/* the other projects */
.projects{list-style:none;margin:0;padding:0}
.projects a{display:block;text-decoration:none;color:inherit;padding:10px 4px;border-bottom:1px solid var(--line)}
.projects b{display:block;font-size:15px;color:var(--ink)}
.projects span{display:block;font-size:13px;color:var(--muted)}
@media (max-width:400px){.tb .tl{display:none}.tb{min-width:40px;padding:0 6px}}

/* the first-time choice of letters */
.pick{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.pick-in{width:100%;max-width:520px;max-height:92vh;overflow:auto;background:var(--page);color:var(--ink);border-radius:18px;padding:18px 16px 12px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.pick-in h2{margin:0 0 6px;font-size:20px}
.pick-in p{margin:0 0 12px;color:var(--muted);font-size:14px}
.pk{display:block;width:100%;text-align:center;border:1.5px solid var(--line);background:var(--bg);border-radius:14px;padding:12px 10px 8px;margin:0 0 10px;cursor:pointer}
.pk:active,.pk:hover{border-color:var(--gold)}
.pkh{display:block;font-size:34px;line-height:1.4;color:var(--ink)}
.pkn{display:block;font-size:13px;color:var(--muted);margin-top:2px}

/* the Torah reading */
.reading{margin:0 0 24px}
.reading.inline{margin:.2em 0 .4em}
.reading.inline .aliyah:first-child{margin-top:.2em}
.reading h1{font-family:var(--sans);font-size:24px}
.aliyah{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:22px 0 8px;padding-bottom:4px;border-bottom:2px solid var(--gold);font-size:15px;color:var(--gold);letter-spacing:.06em;text-transform:uppercase}
.aliyah small{font-size:13px;color:var(--muted);text-transform:none;letter-spacing:0}
.tv{margin:0 0 12px}
.tvh{font-family:var(--he);font-size:calc(var(--he-size) * .82);line-height:1.6;margin:0;text-align:right}
.tvh .vn{font-family:var(--sans);font-size:12px;color:var(--gold);vertical-align:super;margin-left:4px}
.tve{font-size:calc(var(--en-size) * 1.02);line-height:1.45;color:var(--en);margin:3px 0 0}
body.no-en .tve{display:none}
.credit{font-size:12px;color:var(--muted);margin:24px 0}
#torah-line a{color:var(--gold);font-weight:600;text-decoration:none}
a.chip.on-today{color:#fff;background:var(--gold);border:0;text-decoration:none}
.now.bed{background:var(--chip);color:var(--ink);margin-top:-2px}
.now.bed .d{color:var(--muted)}

/* inserts: said today, a framed box; not said today, one line to tap */
.ins{margin:.4em 0 .7em;direction:ltr}
.ins.say{border:2px solid var(--gold);border-radius:14px;padding:.2em .6em .3em;background:color-mix(in srgb, var(--gold) 9%, var(--bg))}
.ins.say .say{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:.35em 0 .5em;font-family:var(--sans)}
.ins.say .badge{flex:none;background:var(--gold);color:#fff;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:4px 10px}
.ins.say .why{font-size:calc(var(--en-size) * .9);font-weight:600;color:var(--gold);line-height:1.3}
.ins.say .ins.say{border-width:1.5px;background:transparent;margin:.3em 0}
/* a part of the reader's repetition (Kedushah, the Sages' Modim, the Priestly Blessing): said with the congregation */
.ins.say.tz{border-color:var(--tz);background:color-mix(in srgb, var(--tz) 8%, var(--bg))}
.ins.say.tz .badge{background:var(--tz)}
.ins.say.tz .why{color:var(--tz)}
.ins .hint-l{font-family:var(--sans);font-size:calc(var(--en-size) * .88);line-height:1.4;color:var(--en);margin:-.2em 0 .7em}
/* who says the next line (Kedushah) */
.who{font-family:var(--sans);font-size:calc(var(--en-size) * .82);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tz);margin:.7em 0 .25em;text-align:left}
.ins.skip>.chip{display:flex;align-items:center;gap:8px;width:100%;margin:0;text-align:left;font:600 14px var(--sans);color:var(--muted);background:transparent;border:1.5px dashed var(--line);border-radius:12px;padding:9px 12px;cursor:pointer}
.ins.skip>.chip .pm{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--chip);color:var(--ink);font-weight:800}
.ins.skip>.chip small{font-weight:400}
.ins.skip>.chip.open{color:var(--ink);border-style:solid}
.ins.skip>.body{display:none;opacity:.55;border-left:3px solid var(--line);padding-left:8px;margin:.4em 0 0}
.ins.skip>.body.shown{display:block}
body.all-days .ins.skip>.body{display:block}
body.all-days .ins.skip>.chip{display:none}

/* Anytime: the blessings said at any hour */
.anytime{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.anytime .at-k{width:100%;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.anytime .at{flex:1 1 40%;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:8px 6px}
.anytime .at span{font-family:var(--he);font-size:19px;font-weight:bold}
.anytime .at small{font-size:12px;color:var(--muted)}
.land{font-size:13px;color:var(--muted);margin:0 0 8px}
.land a{color:var(--gold)}

/* the drawer (☰) */
.drawer{position:fixed;inset:0;z-index:12;background:rgba(0,0,0,.35)}
.drawer-in{position:absolute;top:0;bottom:0;left:0;width:min(86vw,380px);background:var(--page);color:var(--ink);overflow:auto;box-shadow:6px 0 30px rgba(0,0,0,.25);padding:calc(env(safe-area-inset-top,0px) + 10px) 14px calc(20px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));animation:drin .18s ease-out}
@keyframes drin{from{transform:translateX(-30px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion: reduce){.drawer-in{animation:none}}
.dr-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}
.dr-head b{font-family:var(--he);font-size:26px}
.dr-top{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;font-size:16px;padding:12px 10px;margin:0 0 6px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.dr-top span{font-family:var(--he);font-weight:normal;font-size:18px;color:var(--muted)}
.dr-part{display:flex;justify-content:space-between;margin:16px 0 4px;padding-bottom:3px;border-bottom:2px solid var(--gold);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.dr-part span[lang]{font-family:var(--he);font-size:16px;letter-spacing:0;text-transform:none}
.dr-it{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:var(--en);padding:9px 6px;border-bottom:1px solid var(--line);font-size:14px}
.dr-it span[lang]{font-family:var(--he);font-size:18px;color:var(--ink);text-align:right}
.dr-it.here{background:color-mix(in srgb, var(--gold) 14%, transparent);border-radius:8px}

/* Tehillim: the page (today's portion, kapitel, the week, the whole book), the psalms, and the fold after Shacharit */
.tehillim{padding-top:4px}
.th-h{font:800 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:22px 0 8px}
.th-h small{font-weight:400;letter-spacing:0;text-transform:none;margin-left:6px}
.kap{list-style:none;padding:0;margin:0 0 8px}
.kap li{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.kap a{flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:var(--ink);background:var(--page);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px}
.kap .kn{font-weight:700}
.kap .kn span{font-family:var(--he);font-weight:normal;color:var(--muted);margin-left:4px}
.kap .kk{color:var(--gold);font-weight:700;white-space:nowrap}
.kap .kk span{font-family:var(--he)}
.kx{border:0;background:var(--chip);color:var(--muted);border-radius:99px;width:34px;height:34px;font-size:20px;cursor:pointer}
.kadd{margin:4px 0 6px}
.kadd summary{cursor:pointer;color:var(--gold);font-weight:700;font-size:14px;padding:6px 0}
.kadd form{display:grid;gap:10px;margin:8px 0}
.kadd label{display:grid;gap:4px;font-size:13px;color:var(--muted)}
.kadd label.chk{display:flex;align-items:center;gap:8px;color:var(--ink)}
.kadd input[type=text],.kadd input:not([type]),.kadd input[type=date]{font:16px var(--sans);padding:9px 10px;border:1.5px solid var(--line);border-radius:10px;background:var(--page);color:var(--ink)}
.kadd button{justify-self:start;font:700 15px var(--sans);background:var(--gold);color:#fff;border:0;border-radius:10px;padding:9px 18px;cursor:pointer}
.khint{font-size:12.5px;color:var(--muted);margin:0}
.wk{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.wk a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);background:var(--page);border:1.5px solid var(--line);border-radius:12px;padding:8px 4px}
.wk a.on{border-color:var(--gold);color:var(--gold)}
.wk small{color:var(--muted);font-size:12px}
.th-book{display:flex;justify-content:space-between;font:700 13px var(--sans);color:var(--ink);margin:16px 0 8px;border-bottom:1px solid var(--line);padding-bottom:4px}
.th-book span[lang=he]{font-family:var(--he);font-size:17px}
.th-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}
.th-grid a,.th-grid .soon{display:flex;align-items:center;justify-content:center;height:40px;border-radius:10px;font:600 14px var(--sans);text-decoration:none}
.th-grid a{background:var(--page);border:1.5px solid var(--line);color:var(--ink)}
.th-grid .soon{color:var(--muted);opacity:.45;border:1px dashed var(--line)}
.psalm{margin:0 0 26px}
.psalm .sec-head h1{font-size:calc(var(--he-size) * 1.15)}
.tvv{position:relative}
.tvv .vno{display:block;text-align:right;font-family:var(--he);font-size:calc(var(--en-size) * .95);color:var(--gold);margin:.4em 0 -.1em}
.th-day{margin:6px 0 20px}
.ins.skip.th .chip{font-size:14px}
.th-k{font-size:13.5px;color:var(--muted);text-align:center;margin:0 0 10px}
.th-k a{color:var(--gold)}
.end.done{color:var(--gold);font-weight:700;text-align:center}
.it.th-it{border:2px solid var(--gold)}
.it.th-it small{font-weight:400;color:var(--muted)}

/* the two tabs at the bottom: Siddur and Learning */
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--bar);border-top:1px solid var(--line);padding:0 0 env(safe-area-inset-bottom,0px)}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0 6px;text-decoration:none;color:var(--muted);font:600 11px var(--sans);letter-spacing:.04em}
.tab .tab-he{font-family:var(--he);font-size:19px;font-weight:bold;line-height:1.1}
.tab.on{color:var(--gold);box-shadow:inset 0 2px 0 var(--gold)}
main{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)) !important}
.no-tabs .tabs{display:none}
.no-tabs main{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px)) !important}