/* yeshshiur.com — self-hosted fonts (SIL OFL, see /fonts), no third-party requests */
@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/heebo-hebrew-400-normal.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:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/heebo-latin-400-normal.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:Heebo;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/heebo-hebrew-700-normal.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:Heebo;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/heebo-latin-700-normal.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:"Frank Ruhl Libre";font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/frank-ruhl-libre-hebrew-900-normal.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:"Frank Ruhl Libre";font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/frank-ruhl-libre-latin-900-normal.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{--navy:#0b1f4d;--blue:#1a4fa8;--ink:#0b2a6b;--gold:#f3d488;--line:#e3c477;--cream:#fffdf5;--muted:#46557a;--leadbg:#f6eed6}
*{box-sizing:border-box}
html{background:#0a2f7e;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:Heebo,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.7;color:#fff;min-height:100vh;display:flex;flex-direction:column}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,22,64,.78),rgba(4,22,64,.55) 50%,rgba(4,22,64,.72)),#0a2f7e url(/sky.jpg) center top/cover no-repeat}
main{flex:1 0 auto}
a{color:inherit}
a[dir="ltr"]{overflow-wrap:anywhere}
.paper,.foot,.hero{overflow-wrap:break-word}
img,video{max-width:100%}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;inset-inline-start:12px;top:-80px;z-index:10;background:var(--gold);color:var(--navy);padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 6px var(--navy)}
.paper :focus-visible{outline-color:var(--navy);box-shadow:0 0 0 6px var(--gold)}

.top{background:var(--navy);border-bottom:2px solid var(--line)}
.top .in{max-width:760px;margin:0 auto;padding:10px 16px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:"Frank Ruhl Libre",serif;font-weight:900;font-size:26px;line-height:1.2;color:var(--gold);text-decoration:none;padding:4px 0}
.brand img{border-radius:9px;display:block}

.doc{width:100%;max-width:760px;margin:0 auto;padding:22px 16px 36px}
.paper{background:var(--cream);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:24px 20px;box-shadow:0 10px 30px rgba(4,22,64,.35)}
.paper h1{font-family:"Frank Ruhl Libre",serif;font-weight:900;font-size:34px;line-height:1.25;margin:0 0 4px;color:var(--navy)}
.paper h2{font-size:21px;line-height:1.4;color:var(--blue);margin:30px 0 8px;padding-bottom:6px;border-bottom:2px solid var(--line)}
.paper h3{font-size:18px;line-height:1.45;margin:20px 0 4px;color:var(--navy)}
.paper p{margin:0 0 10px}
.paper ul,.paper ol{margin:0 0 10px;padding-inline-start:24px}
.paper li{margin-bottom:7px}
.paper a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.paper a:hover{color:var(--navy)}
.upd{margin:0 0 18px;color:var(--muted);font-size:15px}
.lead{background:var(--leadbg);border-radius:14px;padding:14px 16px 4px;margin:0 0 6px}
.toc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px 4px;margin:16px 0 0}
.paper .toc-h{font-size:18px;color:var(--navy);border:0;margin:0 0 6px;padding:0}
.toc ol{columns:2 220px;column-gap:24px;margin:0 0 8px}
.toc li{margin-bottom:4px;break-inside:avoid}
.end{margin-top:20px!important;font-weight:700}

.foot{background:var(--navy);border-top:2px solid var(--line);color:#fff;font-size:15px}
.foot .in{max-width:760px;margin:0 auto;padding:16px 16px 22px;text-align:center}
.foot ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 18px}
.foot a{color:#fff;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:6px 2px}
.foot a[aria-current]{color:var(--gold);font-weight:700}
.foot p{margin:0;color:#e3e9f6}

.hero{width:100%;max-width:520px;margin:0 auto;padding:36px 16px 32px;text-align:center}
.logo{font-family:"Frank Ruhl Libre",serif;font-weight:900;font-size:clamp(48px,14vw,64px);line-height:1.1;margin:0;color:var(--gold);text-shadow:0 3px 12px rgba(4,22,64,.6)}
.tag{font-size:20px;font-weight:700;line-height:1.5;margin:8px 0 22px;text-shadow:0 2px 6px rgba(4,22,64,.75)}
.phone{width:min(270px,72vw);margin:0 auto;padding:10px;border-radius:44px;background:var(--navy);border:2px solid var(--line);box-shadow:0 14px 40px rgba(4,22,64,.55)}
.phone video{display:block;width:100%;height:auto;aspect-ratio:390/844;border-radius:34px;background:#eef2f8;object-fit:cover}
.vbtn{margin:14px auto 0;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 20px;border-radius:999px;border:1.5px solid var(--gold);background:var(--navy);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.vbtn[hidden]{display:none}
.vbtn:hover{background:#152d66}
.vdesc{max-width:420px;margin:12px auto 0;text-align:start;background:var(--navy);border:1px solid rgba(243,212,136,.6);border-radius:14px;padding:2px 16px;font-size:16px}
.vdesc summary{cursor:pointer;font-weight:700;padding:10px 0}
.vdesc p{margin:0 0 12px}
.slogan{font-family:"Frank Ruhl Libre",serif;font-weight:900;font-size:clamp(21px,6.2vw,25px);line-height:1.5;color:var(--gold);max-width:440px;margin:26px auto 0;padding:14px 6px;border-top:1px solid rgba(243,212,136,.6);border-bottom:1px solid rgba(243,212,136,.6);text-shadow:0 2px 8px rgba(4,22,64,.7)}
.stores{display:grid;gap:12px;margin:24px 0 0}
.store{margin:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:14px;background:var(--navy);border:1.5px solid var(--line);font-size:18px;font-weight:700}
.store .soon{background:var(--gold);color:var(--navy);border-radius:999px;padding:0 10px;font-size:14px}
.feat{margin-top:26px;text-align:start}
.paper.feat h2{margin-top:0}
.feat ul{list-style:none;padding:0}
.feat li{display:flex;gap:10px;align-items:flex-start}
.feat .ic{flex:none;width:1.7em;text-align:center}
.more{margin-top:12px!important}

@media (min-width:700px){.paper{padding:32px 36px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body::before{display:none}body{color:#000;background:#fff}.top,.foot,.skip{display:none}.paper{box-shadow:none;border:0}}
