:root{--paper:#faf6ee;--ink:#1c1a16;--ink2:#5b554b;--navy:#173a5e;--gold:#a9822f;--line:#e6ddc9;--card:#fffdf8}
*{box-sizing:border-box;margin:0}
body{font-family:'Heebo',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.mast{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.navrow{display:flex;align-items:center;gap:26px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.logo{font-family:'Frank Ruhl Libre',serif;font-weight:900;font-size:1.7rem;color:var(--navy);text-decoration:none}
.logo span{color:var(--gold)} .logo small{font-size:.9rem;color:var(--ink2);font-weight:500}
nav{margin-left:auto;display:flex;gap:20px}
nav a{color:var(--ink2);text-decoration:none;font-weight:500} nav a:hover{color:var(--navy)}
.searchbox{position:relative;flex:0 1 300px}
.searchbox input{width:100%;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit}
.hits{position:absolute;top:110%;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(28,26,22,.14);overflow:hidden;display:none}
.hits a{display:flex;gap:10px;align-items:center;padding:9px 14px;text-decoration:none;color:var(--ink);font-size:.95rem}
.hits a:hover{background:var(--paper)} .hits img{width:30px;height:40px;object-fit:cover;border-radius:3px}
.hero{padding:56px 0 40px;text-align:center;background:radial-gradient(ellipse at 50% -30%,#efe4c8 0,var(--paper) 62%)}
.kicker{font-family:'Frank Ruhl Libre',serif;color:var(--gold);font-size:1.15rem;letter-spacing:.02em}
.hero h1{font-family:'Frank Ruhl Libre',serif;font-weight:900;font-size:clamp(2.4rem,5.4vw,4rem);line-height:1.08;color:var(--navy);margin:10px 0 12px}
.hero h1 em{font-style:normal;color:var(--gold)}
.sub{max-width:640px;margin:0 auto 26px;color:var(--ink2);font-size:1.13rem}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 26px;border-radius:999px;border:1px solid var(--navy);color:var(--navy);text-decoration:none;font-weight:600;background:transparent;cursor:pointer;font:inherit}
.btn.primary{background:var(--navy);color:#fff} .btn.big{font-size:1.1rem;padding:15px 34px}
.btn.ghost{border-color:transparent;color:var(--ink2);font-weight:500}
.btn.ghost:hover{color:var(--navy)}
.btn:hover{filter:brightness(1.08)}
h2{font-family:'Frank Ruhl Libre',serif;color:var(--navy);font-size:1.7rem;margin-bottom:20px}
.feat{padding:64px 0;background:linear-gradient(#f5eedd,var(--paper) 90%)}
h2.sech{font-size:2rem;border-bottom:2px solid var(--gold);display:inline-block;padding-bottom:8px;margin-bottom:26px} .feat h2 .wk{font-size:1rem;color:var(--gold);font-family:'Heebo';font-weight:600}
.langrow{padding:34px 0;border-top:1px solid var(--line)}
.seeall{font-size:.95rem;font-family:'Heebo';color:var(--gold);text-decoration:none;margin-left:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:20px}
.feat-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{display:block;background:var(--card);border:1px solid #d9cfae;box-shadow:inset 0 0 0 1px rgba(23,58,94,.06);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .16s,box-shadow .16s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(28,26,22,.12)}
.cover{display:block;aspect-ratio:13/17;overflow:hidden;background:#e9e2d0;position:relative}
.badge.onimg{position:absolute;top:10px;left:10px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.wk.onimg{position:absolute;bottom:10px;left:10px;background:rgba(23,58,94,.92);color:#f3e9cf;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600}
.cover img{width:100%;height:100%;object-fit:cover;object-position:top}
.cbody{display:block;padding:13px 15px 15px}
.cname{display:block;font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:1.08rem;line-height:1.3;min-height:2.6em;color:var(--navy)}
.cname[dir=rtl]{font-family:'Frank Ruhl Libre',serif;font-size:1.12rem}
.cmeta{display:flex;gap:8px;align-items:center;margin:8px 0 6px}
.badge{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.badge.hebrew{background:#e8f0e4;color:#3c6134}.badge.english{background:#e4ecf5;color:#2b4d75}.badge.yiddish{background:#f5e9dc;color:#8a5a1e}
.wk{color:var(--gold);font-size:.8rem;font-weight:600}
.cdl{color:var(--navy);font-size:.88rem;font-weight:600}
.sz{color:var(--ink2);font-weight:400;font-size:.78rem}
.band{background:var(--navy);color:#fff;margin-top:60px}
.bandin{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:46px 22px;flex-wrap:wrap}
.band h3{font-family:'Frank Ruhl Libre',serif;font-size:1.6rem;margin-bottom:8px}
.band p{max-width:560px;color:#cdd9e6}
.band .btn.primary{background:var(--gold);border-color:var(--gold)}
.padtop{padding-top:56px;padding-bottom:70px}
.narrow{max-width:820px}
h1{font-family:'Frank Ruhl Libre',serif;color:var(--navy);font-size:2.3rem;margin-bottom:16px}
.lede{font-size:1.13rem;color:var(--ink2);margin-bottom:26px}
.tabs{display:flex;gap:10px;margin:18px 0 26px;flex-wrap:wrap}
.tab{padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-weight:500;color:var(--ink2)}
.tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tabs.small .tab{padding:6px 14px;font-size:.9rem}
.booklet{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:start}
.bigcover{width:100%;border-radius:10px;box-shadow:0 18px 44px rgba(28,26,22,.18)}
.dlbox{margin:22px 0}
.dim{color:var(--ink2)} .small{font-size:.85rem}
.preview{width:100%;height:560px;border:1px solid var(--line);border-radius:10px;margin-top:18px;background:#fff}
.arch{list-style:none;margin:10px 0 26px}
.arch li{padding:6px 0;border-bottom:1px dashed var(--line)}
.arch a{color:var(--navy);font-weight:600}
.qadd{display:inline-flex;gap:10px;align-items:center;margin-top:14px;font-weight:600;color:var(--navy);cursor:pointer}
.qadd input{width:18px;height:18px;accent-color:var(--navy)}
.optgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:30px}
.opt{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:.92rem;font-weight:500}
.opt img{width:34px;height:46px;object-fit:cover;border-radius:3px}
.opt input{accent-color:var(--navy)}
.opt .badge{margin-left:auto}
.ok{color:#3c6134;font-weight:600;margin-top:14px}
.qa{margin-bottom:26px}.qa h3{color:var(--navy);font-family:'Frank Ruhl Libre',serif;font-size:1.2rem;margin-bottom:8px}
.qa p{color:var(--ink2)}
footer{margin-top:70px;border-top:1px solid var(--line);padding:38px 0 46px;text-align:center;color:var(--ink2)}
.fhe{font-family:'Frank Ruhl Libre',serif;color:var(--gold);font-size:1.2rem;margin-bottom:8px}
.flinks{margin:10px 0}.flinks a{color:var(--navy)}
.fine{font-size:.85rem;max-width:640px;margin:0 auto}
h1[dir=rtl]{font-family:'Frank Ruhl Libre',serif}
h2,.qa h3{line-height:1.25}
@media(max-width:760px){.booklet{grid-template-columns:1fr}.navrow{gap:14px}nav{margin-left:0;width:100%;justify-content:space-between}.searchbox{flex:1 1 100%;order:3}}

.rule{border:0;width:120px;height:2px;background:var(--gold);margin:14px auto 20px}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card)}
.stripin{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;flex-wrap:wrap;font-size:.95rem;color:var(--ink2)}
.sitem{font-weight:500}.sdot{color:var(--gold)}
.scta{margin-left:10px}.scta a{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:2px solid var(--gold)}
@media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}.cname{min-height:0;font-size:.95rem}.stripin{gap:8px;font-size:.85rem}}