/* ---- 1. FONTS (self-hosted, all SIL Open Font License, from Google Fonts) ---- */
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/FrankRuhlLibre-hebrew-normal-300_900.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/EBGaramond-latin-normal-400_800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400 800;font-display:swap;src:url(fonts/EBGaramond-latin-italic-400_800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--serif-en:"EB Garamond",Georgia,"Times New Roman",serif;--serif-he:"Frank Ruhl Libre","FRL Hebrew","Times New Roman",serif}
body{font-family:var(--serif-en);font-size:17.5px;line-height:1.55}
.he,.hebody,details.hesrc>summary .he,.sefsvg .sh{font-family:var(--serif-he)}
input,button,.btn{font-family:var(--serif-en)}
.hebody{font-size:22px;line-height:1.95;font-weight:420}
.meta,.row .ti,.results .rs{font-size:14.5px}
.row .num{font-size:15px}
h2{font-size:21px;font-weight:600;letter-spacing:.01em}

/* ---- 2. LOGO in the header (both theme variants present; CSS shows one) ---- */
.brand{flex-direction:row;align-items:center;gap:10px}
.brand .logo{height:40px;width:auto;display:block}
.brand .logo.l-light{display:none}
.brand .bt{display:flex;flex-direction:column;line-height:1.15}
.brand .bt .en{font-size:13px}
.brand>.he{display:none}
/* theme toggle */
.themetog{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:rgba(240,204,120,.07);color:var(--ink);font:600 14px var(--serif-en);cursor:pointer}
.themetog .ic{font-size:17px;line-height:1}
@media (max-width:699px){.top{position:sticky}.themetog{position:absolute;top:8px;right:12px}.themetog .tl{display:none}}

/* ---- 3. BRIGHT THEME  (html[data-theme="light"]) ---- */
html[data-theme=light]{--bg:#f5edda;--card:rgba(255,251,243,.95);--card2:rgba(255,250,240,.82);--ink:#2a1d12;--dim:#5f4e3c;
  --gold:#8a5a0b;--gold-hi:#a8761c;--green:#2e6b3f;--line:rgba(138,90,11,.24);
  --bg-shade:linear-gradient(180deg,rgba(255,250,238,.06) 0%,rgba(252,246,232,.40) 26%,rgba(248,241,225,.86) 52%,#f5edda 78%);
  --shadow:0 1px 2px rgba(90,60,15,.07),0 6px 18px rgba(90,60,15,.07);background:var(--bg);color-scheme:light}
html[data-theme=light] body::before{filter:brightness(1.22) saturate(1.08)}
html[data-theme=light] .brand .logo.l-dark{display:none}
html[data-theme=light] .brand .logo.l-light{display:block}
html[data-theme=light] .top{background:rgba(255,251,242,.93);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(90,60,15,.06)}
html[data-theme=light] .top nav a,html[data-theme=light] .themetog{color:var(--ink);background:rgba(255,255,255,.7);border-color:var(--line)}
html[data-theme=light] .top nav a:active{background:rgba(138,90,11,.14)}
/* gold Hebrew titles: deep metallic gold that reads on cream */
html[data-theme=light] .hero h1 .he,html[data-theme=light] .he.big{background:linear-gradient(180deg,#c0902f 0%,#9a6810 55%,#7a4f08 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 rgba(255,250,235,.9)) drop-shadow(0 0 16px rgba(255,248,230,.9))}
html[data-theme=light] .hero h1 .he::after{background:linear-gradient(90deg,transparent,#a8761c,transparent)}
html[data-theme=light] .hero h1{color:var(--ink);text-shadow:0 0 14px rgba(255,250,236,.95),0 0 3px rgba(255,250,236,.9)}
html[data-theme=light] .hero p,html[data-theme=light] .summary,html[data-theme=light] .txt p,html[data-theme=light] .intro p,
html[data-theme=light] .gt dd,html[data-theme=light] .bio p{color:#3b2d1f}
html[data-theme=light] .srcbody,html[data-theme=light] .foot .ai{color:#4a3a2a}
html[data-theme=light] .chips::before{color:var(--dim)}
html[data-theme=light] .intro,html[data-theme=light] .partcard,html[data-theme=light] .row,html[data-theme=light] .tcard,
html[data-theme=light] .day .daycard,html[data-theme=light] details,html[data-theme=light] .vid,html[data-theme=light] .aud,
html[data-theme=light] .results,html[data-theme=light] .podbar,html[data-theme=light] .podhow,html[data-theme=light] .gt,html[data-theme=light] .sefig{background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme=light] .row.coming{background:var(--card2)}
html[data-theme=light] .searchbox input,html[data-theme=light] .fb input{background:#fffdf7;color:var(--ink);border-color:rgba(138,90,11,.35);box-shadow:inset 0 1px 2px rgba(90,60,15,.06)}
html[data-theme=light] .searchbox input::placeholder{color:#7a6a58}
html[data-theme=light] .bar{background:rgba(138,90,11,.12)}
html[data-theme=light] .th{background:linear-gradient(135deg,rgba(168,118,28,.16),rgba(168,118,28,.04));border-color:rgba(138,90,11,.2)}
html[data-theme=light] .row .st{border-color:rgba(95,78,60,.3)}
html[data-theme=light] .results a,html[data-theme=light] details.parts li{border-bottom-color:rgba(90,60,15,.1)}
html[data-theme=light] .tick{color:#fff;background:var(--green)}
html[data-theme=light] .cont{background:rgba(46,107,63,.08);border-color:rgba(46,107,63,.35)}
html[data-theme=light] .chip{background:rgba(168,118,28,.08);border-color:rgba(138,90,11,.35);color:var(--gold)}
html[data-theme=light] .btn{background:var(--gold);color:#fffaf0}
html[data-theme=light] .btn.ghost{background:rgba(255,255,255,.75);color:var(--gold);border:1px solid rgba(138,90,11,.4)}
html[data-theme=light] .tacts .btn{background:var(--gold)!important;color:#fffaf0!important;box-shadow:0 1px 3px rgba(90,60,15,.18)!important}
html[data-theme=light] .tacts .sharebtn{background:#fffdf7!important;color:var(--gold)!important;border:1px solid rgba(138,90,11,.4)!important}
html[data-theme=light] .pa a,html[data-theme=light] .az a{background:#fffdf7;border-color:var(--line)}
html[data-theme=light] .foot{color:var(--dim)}
html[data-theme=light] .ihint{background:#fffaf0;color:var(--ink);border-color:var(--line)}
html[data-theme=light].app .tabbar,html.app[data-theme=light] .tabbar{background:rgba(255,251,242,.96);border-top:1px solid var(--line)}
html[data-theme=light] .gt dt .he{color:var(--gold)}
html[data-theme=light] .sefsvg .col{fill:var(--dim)}
html[data-theme=light] .vid video{background:#1b140c}

/* ---- 4. PARCHMENT reading surface on Torah pages (body[data-tk]) ---- */
html[data-theme=light] body[data-tk]::before{filter:none;background:url(paper.svg),radial-gradient(ellipse 120% 70% at 50% 0%,#fdf8ec 0%,#f6eedb 55%,#eee1c3 100%);background-attachment:fixed}
html[data-theme=light] body[data-tk] details.hesrc{background:#fbf5e6;border-color:rgba(138,90,11,.3)}
html[data-theme=light] .hebody{color:#241a10}
html[data-theme=light] .hebody b,html[data-theme=light] .secn{color:var(--gold)}
html[data-theme=light] .hsec{border-top-color:rgba(138,90,11,.18)}
html[data-theme=light] .hsec:first-child p:first-of-type::first-line{}
html[data-theme=light] .he.big{font-size:32px;line-height:1.45}
html[data-theme=light] .ttl{font-size:22px;font-style:italic;font-weight:500}
html[data-theme=light] .summary{font-size:18px;line-height:1.65}
/* ornament divider under the Torah title */
.thead .ttl::after{content:"";display:block;width:140px;height:12px;margin:10px 0 2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='12'%3E%3Cg fill='%23a8761c'%3E%3Crect x='0' y='5.4' width='58' height='1.2'/%3E%3Crect x='82' y='5.4' width='58' height='1.2'/%3E%3Cpath d='M70 0l6 6-6 6-6-6z'/%3E%3Ccircle cx='61' cy='6' r='1.6'/%3E%3Ccircle cx='79' cy='6' r='1.6'/%3E%3C/g%3E%3C/svg%3E") no-repeat}

/* ---- 5. OPTION B: bright page with the classic dark header band (html[data-header="dark"]) ---- */
html[data-theme=light][data-header=dark] .top{background:rgba(17,20,42,.96);border-bottom:1px solid rgba(240,204,120,.35)}
html[data-theme=light][data-header=dark] .top nav a,html[data-theme=light][data-header=dark] .themetog{color:#f3ecdc;background:rgba(240,204,120,.07);border-color:rgba(240,204,120,.22)}
html[data-theme=light][data-header=dark] .brand .logo.l-light{display:none}
html[data-theme=light][data-header=dark] .brand .logo.l-dark{display:block}
html[data-theme=light][data-header=dark] .brand .en{color:#c9c6d4}

/* nav pills, consistent on phone + desktop */
@media (min-width:700px){.top nav{align-items:center;gap:8px}.top nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px}}


/* ---- 6. LIVE APPLY (Oct 27, worker 69358882): background picture kept in the bright theme, sefarim row, coming-soon pages, app status bar ---- */
/* Background: the meadow-dawn photo stays visible. Home = light cream veil (photo clearly visible); other pages = soft, lightened photo behind cream cards. */
html[data-theme=light]{--bg-shade:linear-gradient(180deg,rgba(252,247,235,.66) 0%,rgba(250,244,230,.74) 45%,rgba(247,240,224,.82) 100%)}
html[data-theme=light] body::before{filter:brightness(1.12) saturate(1.05)}
html[data-theme=light] body.home{--bg-shade:linear-gradient(180deg,rgba(255,251,240,.08) 0%,rgba(253,248,236,.22) 30%,rgba(250,244,230,.42) 62%,rgba(247,240,224,.58) 100%)}
html[data-theme=light] body.home::before{filter:brightness(1.16) saturate(1.06)}
/* Torah pages: parchment feel over a very soft photo (instead of the mock's plain paper) */
html[data-theme=light] body[data-tk]::before{filter:brightness(1.08);background:url(paper.svg),linear-gradient(180deg,rgba(253,248,236,.80) 0%,rgba(248,241,224,.86) 60%,rgba(243,234,213,.90) 100%),var(--bg-img) center 30%/cover no-repeat,var(--bg)}
@media (min-width:700px){html[data-theme=light] body[data-tk]::before{background:url(paper.svg),linear-gradient(180deg,rgba(253,248,236,.80) 0%,rgba(248,241,224,.86) 60%,rgba(243,234,213,.90) 100%),var(--bg-img-wide) center 40%/cover no-repeat,var(--bg)}}
/* text that sits straight on the picture gets a soft cream halo */
html[data-theme=light] main>section>h2,html[data-theme=light] .hero p,html[data-theme=light] .tlink,html[data-theme=light] .meta,html[data-theme=light] .dayacts,html[data-theme=light] .pn a,html[data-theme=light] .muted{text-shadow:0 0 8px rgba(255,250,238,.95),0 0 2px rgba(255,250,238,.9)}
html[data-theme=light] .bio{background:var(--card);box-shadow:var(--shadow)}
html[data-theme=light] .bio h2{color:var(--gold)}
html[data-theme=light] .bio .unc,html[data-theme=light] .gt .see{color:var(--dim)}
html[data-theme=light] .muted{color:var(--dim)}
/* sefiros diagram on cream */
html[data-theme=light] .sefsvg .ln line{stroke:#b4893a;stroke-width:2}
html[data-theme=light] .sefsvg circle{fill:#fffaf0;stroke:#a8761c}
html[data-theme=light] .sefsvg .daas circle{fill:#fbf3df;stroke:#a8761c}
html[data-theme=light] .sefsvg a:hover circle,html[data-theme=light] .sefsvg a:focus circle{fill:#fff1cc;stroke:#8a5a0b}
html[data-theme=light] .sefsvg .sh{fill:#3a2808}
html[data-theme=light] .sefsvg .st{fill:#6a4c12}
html[data-theme=light] .gt:target{border-color:#a8761c;box-shadow:0 0 0 2px rgba(168,118,28,.25)}

/* SEFARIM row (home) — horizontal scroll on phones, grid on wider screens */
.sefarim{margin:14px 0 6px}
.sefarim h2{display:flex;align-items:baseline;gap:8px;margin:0 0 8px}
.sefarim h2 .he{font-size:20px;color:var(--gold)}
html[data-theme=light] .sefarim h2{display:inline-flex;padding:3px 14px;border-radius:999px;background:rgba(255,251,242,.92);border:1px solid var(--line);box-shadow:var(--shadow);font-size:18px;color:var(--ink)}
.sefrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sefcard{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:96px;padding:12px 12px 10px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;text-align:center;-webkit-tap-highlight-color:rgba(168,118,28,.2)}
.sefcard .he{font-size:21px;line-height:1.25;color:var(--gold);font-weight:600}
.sefcard b{font-size:15px;line-height:1.25;font-weight:600}
.sefcard .sc-st{margin:5px auto 0;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}
.sefcard.live{border-color:rgba(168,118,28,.6);background:linear-gradient(180deg,rgba(240,204,120,.16),rgba(240,204,120,.04)),var(--card)}
.sefcard .sc-main{display:flex;flex-direction:column;gap:2px;color:inherit;text-decoration:none;min-height:44px;justify-content:center}
.sefcard .sc-links{display:flex;gap:6px;margin-top:6px}
.sefcard .sc-links a{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;background:var(--gold);color:#1b1408;font-weight:700;font-size:14px;text-decoration:none}
html[data-theme=light] .sefcard{box-shadow:var(--shadow)}
html[data-theme=light] .sefcard .sc-links a{color:#fffaf0}
html[data-theme=light] .sefcard.soon .sc-st{background:rgba(255,255,255,.6)}
.sefcard:active{transform:translateY(1px)}
@media (max-width:699px){
  .sefrow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;margin:0 -16px;padding:2px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding:0 16px}
  .sefrow::-webkit-scrollbar{display:none}
  .sefcard{flex:0 0 40%;scroll-snap-align:start;min-height:104px}
  .sefcard.live{flex-basis:56%}
}
/* coming-soon pages */
.soonhero h1{margin-bottom:6px}
.soonbox{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px 18px;margin:6px 0 18px}
.soonbox p{font-size:16.5px;line-height:1.65;margin:.6em 0}
.soonbadge{display:inline-block;margin:0 0 4px!important;padding:5px 14px;border-radius:999px;background:var(--gold);color:#1b1408;font-weight:700;font-size:14px!important;letter-spacing:.06em;text-transform:uppercase}
html[data-theme=light] .soonbox .soonbadge{color:#fffaf0}
html[data-theme=light] .soonbox{box-shadow:var(--shadow)}
html[data-theme=light] .soonbox p{color:#3b2d1f}
.soondesc{font-size:18px!important;font-style:italic}
.soonbox .starts{margin-top:14px}

/* theme toggle inside the installed app (top menu is hidden there) */
html.app .themetog{top:calc(4px + var(--sat, env(safe-area-inset-top)))}
/* installed app keeps the white status-bar clock: dark strip behind it in the bright theme */
html.app[data-theme=light] body::after{content:"";position:fixed;top:0;left:0;right:0;height:var(--sat, env(safe-area-inset-top));background:#3a2a17;z-index:50;pointer-events:none}

/* ---- Oct 27 14:10Z: Reuven "light mode text a bit hard to read, make it bolder" ---- */
html[data-theme=light]{--ink:#1a120a;--dim:#3f3122;--gold:#7a4e08}
html[data-theme=light] body{font-weight:500;color:var(--ink);-webkit-font-smoothing:antialiased}
html[data-theme=light] p,html[data-theme=light] li,html[data-theme=light] .meta,html[data-theme=light] .row .ti,html[data-theme=light] .results .rs,html[data-theme=light] .foot{font-weight:500}
html[data-theme=light] .hebody{font-weight:550;color:#140d06}
html[data-theme=light] .he{font-weight:600}
html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] .row .num,html[data-theme=light] .btn,html[data-theme=light] .top nav a{font-weight:700}
html[data-theme=light] .meta,html[data-theme=light] .dim,html[data-theme=light] .foot{color:var(--dim)}