@font-face{font-family:"Frank Ruhl Libre";src:url(fonts/frankruhl.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--navy:#0f1d3a;--navy2:#172a52;--gold:#c9a24d;--gold-l:#e2c47f;--cream:#faf6ec;--ink:#1b2236;--muted:#5d6478;--line:#e6dcc4}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Frank Ruhl Libre","David Libre",David,"Times New Roman",serif;font-size:18px;line-height:1.55}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.hero{background:radial-gradient(ellipse at 50% 0%,#203a6e 0%,var(--navy) 70%);color:#f3ead6;text-align:center;padding:42px 0 34px;border-bottom:4px solid var(--gold)}
.hero h1{margin:0;font-size:clamp(52px,15vw,88px);font-weight:800;line-height:1.05;color:var(--gold-l);letter-spacing:.5px;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.hero .sub{margin:12px 0 6px;font-size:clamp(19px,5vw,24px);font-weight:600}
.hero .maggid{margin:0;font-size:17px;color:#cfc6b0}
.hero .maggid span{color:var(--gold-l)}
.quick{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.btn{display:inline-block;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:700;font-size:16px;line-height:1.2}
.btn.gold{background:var(--gold);color:var(--navy)}
.btn.line{border:1.5px solid var(--gold);color:var(--gold-l)}
.btn:hover{filter:brightness(1.08)}
main{padding-top:8px;padding-bottom:20px}
.block{margin:26px 0 8px}
.block-head{text-align:center;margin-bottom:6px}
.logo{display:block;width:200px;height:auto;margin:0 auto 10px}
.block h2{margin:0;font-size:28px;color:var(--navy);font-weight:800}
.block h2::after{content:"";display:block;width:64px;height:3px;background:var(--gold);margin:8px auto 0;border-radius:2px}
.hint{margin:8px 0 0;color:var(--muted);font-size:15px}
.masechta h3{font-size:22px;color:var(--navy2);margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.shiur{background:#fff;border:1px solid var(--line);border-inline-start:5px solid var(--gold);border-radius:12px;padding:14px 16px 12px;box-shadow:0 1px 3px rgba(15,29,58,.06)}
.shiur-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.shiur h4{margin:0;font-size:22px;color:var(--navy);font-weight:800}
.len{font-size:14px;color:var(--muted);direction:ltr;white-space:nowrap}
.day{margin:2px 0 10px;color:#7a5d1e;font-weight:600;font-size:16px}
.note{margin:-6px 0 10px;color:var(--muted);font-size:15px}
audio{width:100%;height:44px;display:block}
.tools{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}
.dl{font-size:15px;color:var(--navy2);font-weight:700;text-decoration:none;border:1px solid var(--line);padding:6px 12px;border-radius:999px;background:var(--cream)}
.speed{font:inherit;font-size:15px;font-weight:700;color:var(--navy2);background:#fff;border:1px solid var(--line);padding:6px 12px;border-radius:999px;cursor:pointer}
.soon{text-align:center;background:#fff;border:1px dashed var(--gold);border-radius:12px;padding:22px;margin:14px 0 0;font-size:20px;color:var(--navy2);font-weight:700}
.foot{background:var(--navy);color:#e9e1cc;margin-top:34px;padding:28px 0 22px;border-top:4px solid var(--gold)}
.foot h2{margin:0 0 14px;text-align:center;color:var(--gold-l);font-size:24px}
.contacts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.contacts li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.05);border:1px solid rgba(201,162,77,.35);border-radius:10px;padding:10px 14px}
.contacts .k{color:#bfb59c;font-size:15px}
.contacts a{color:var(--gold-l);font-weight:700;text-decoration:none;font-size:18px;word-break:break-all}
.fine{text-align:center;color:#8e8a7d;font-size:13px;margin:18px 0 0}
@media (min-width:700px){.contacts{grid-template-columns:1fr 1fr}}
.pod{text-align:center;margin:18px 0 0;font-size:15px;color:#bfb59c}.pod a{color:var(--gold-l);font-weight:700}

/* ---- section menu ---- */
html{scroll-behavior:smooth}
.secnav{position:sticky;top:0;z-index:20;background:var(--navy);border-bottom:2px solid var(--gold);box-shadow:0 2px 8px rgba(15,29,58,.18)}
.secnav-in{max-width:760px;margin:0 auto;display:flex;gap:6px;overflow-x:auto;padding:8px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.secnav-in::-webkit-scrollbar{display:none}
.secnav a{flex:0 0 auto;white-space:nowrap;text-decoration:none;color:#f3ead6;font-weight:700;font-size:16px;padding:6px 13px;border-radius:999px;border:1px solid rgba(201,162,77,.45)}
.secnav a.on{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.secnav a.empty{color:#8f93a3;border-color:rgba(143,147,163,.35);font-weight:600}
.block{scroll-margin-top:62px}
.masechta{scroll-margin-top:62px}
.secsub{margin:8px 0 0;color:var(--muted);font-size:16px}
.btn.join{margin-top:12px;font-size:15px;padding:9px 18px}
.block+.block{border-top:1px solid var(--line);padding-top:24px}
.block.empty{margin:18px 0 0;padding-top:18px}
.block.empty .block-head{margin:0}
.block.empty h2{font-size:23px}
.block.empty h2::after{width:44px}
.block.empty .soon{font-size:16px;padding:10px;margin:10px auto 0;max-width:320px;color:var(--muted);font-weight:600;border-color:var(--line)}
/* ---- masechta selector ---- */
.msel{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0 4px}
.msel-k{color:var(--muted);font-size:16px;font-weight:600}
.msel-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.mpill{text-decoration:none;font-weight:800;font-size:18px;color:var(--navy);background:#fff;border:1.5px solid var(--gold);padding:7px 18px;border-radius:999px}
.mpill .cnt{font-size:13px;font-weight:700;color:var(--muted);margin-inline-start:4px}
.js .mpill.on{background:var(--navy);color:var(--gold-l);border-color:var(--navy)}
.js .mpill.on .cnt{color:#cfc6b0}
.js .masechta[hidden]{display:none}
/* ---- dedication ---- */
.zchus{background:var(--cream);border:1px solid var(--gold);border-radius:10px;padding:8px 12px;margin:-2px 0 12px;text-align:center;font-size:15px;line-height:1.5;color:var(--navy2)}
.zchus p{margin:2px 0}
.zchus .zchus-h{font-weight:800;color:#7a5d1e;font-size:15px}
.pod-s{margin-top:6px}

.masechta h3{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.jump{font:inherit;font-size:15px;font-weight:700;color:var(--navy2);background:var(--cream);border:1px solid var(--gold);border-radius:999px;padding:5px 12px;max-width:52%}
.shiur{scroll-margin-top:70px}
.shiur.flash{box-shadow:0 0 0 3px var(--gold-l)}

.hero h1{font-size:clamp(40px,11.2vw,80px);line-height:1.1}
.hero .sub{margin:12px 0 2px}
.hero .sub2{margin:0;font-size:clamp(17px,4.6vw,21px);color:#e6dcc4;font-weight:500}
.hero .rav{margin:4px 0 0;font-size:clamp(20px,5.4vw,26px);font-weight:800;color:var(--gold-l)}
.zchus-top{margin:0 0 14px;font-size:16px;padding:10px 14px}
.zchus-top .zchus-h{font-size:16px}