:root{--p:#6d28d9;--p2:#db2777;--c:#0891b2;--o:#ea580c;--g:#16a34a;--ink:#1f2937;--mut:#6b7280;--bg:#faf7ff;--card:#fff;--r:18px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Rubik","Assistant","Noto Sans Hebrew","Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;font-size:17px}
@font-face{font-family:"RTitleUI";src:url(fonts/title.woff2?v=1) format("woff2");font-weight:700;font-display:swap}
h1,h2,.brand b{font-family:"RTitleUI","Rubik",sans-serif}
a{color:var(--p)}:focus-visible{outline:3px solid #f59e0b;outline-offset:2px;border-radius:8px}
.skip{position:absolute;right:-999px;top:0;background:#fff;padding:8px}.skip:focus{right:8px;z-index:99}
.top{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,#6d28d9,#db2777);color:#fff;padding:8px 14px;box-shadow:0 2px 12px #6d28d933}
.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none}.brand img{border-radius:50%;background:#fff}.brand>span{display:flex;flex-direction:column;line-height:1.15}.brand b{font-size:1.15rem}.brand small{opacity:.9;font-size:.85rem}
main{max-width:1280px;margin:0 auto;padding:14px}
.hero{background:radial-gradient(circle at 15% 20%,#fde68a 0 60px,transparent 61px),radial-gradient(circle at 90% 80%,#a7f3d0 0 70px,transparent 71px),linear-gradient(135deg,#ede9fe,#fce7f3);border-radius:28px;padding:26px 18px;text-align:center;margin-bottom:18px;overflow:hidden}
.hero h1{font-size:clamp(1.8rem,6vw,2.8rem);margin:0 0 6px;color:#5b21b6}.lead{max-width:720px;margin:0 auto 12px;font-size:1.05rem}
.steps{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.steps span{background:#fff;border-radius:99px;padding:6px 14px;font-weight:700;box-shadow:0 2px 6px #0001}
.search input{width:100%;max-width:520px;font-size:1.05rem;padding:14px 18px;border-radius:99px;border:2px solid #c4b5fd;background:#fff}
.cat h2{font-size:1.35rem;margin:22px 4px 10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.gcard{display:flex;flex-direction:column;gap:4px;background:var(--card);border-radius:var(--r);padding:16px;text-decoration:none;color:var(--ink);box-shadow:0 3px 14px #6d28d914;border:2px solid transparent;transition:.15s;min-height:120px}
.gcard:hover,.gcard:focus-visible{border-color:#c4b5fd;transform:translateY(-2px)}.gcard .ge{font-size:2rem}.gcard b{font-size:1.1rem;color:#5b21b6}.gcard small{color:var(--mut);font-size:.92rem}
.card-soft{background:#fff;border-radius:var(--r);padding:14px 18px;margin-top:22px;box-shadow:0 3px 14px #0000000d}.tips li{margin:6px 0}
.empty{text-align:center;font-size:1.2rem}
.gen-head{margin-bottom:8px}.gen-head h1{margin:4px 0;font-size:clamp(1.5rem,5vw,2.1rem);color:#5b21b6}.gen-head p{margin:0;color:var(--mut)}.back{font-weight:700;text-decoration:none}
.cols{display:grid;grid-template-columns:minmax(330px,440px) 1fr;gap:16px;align-items:start}
.pane{background:#fff;border-radius:var(--r);padding:14px;box-shadow:0 3px 14px #0000000f;min-width:0}
.prev{position:sticky;top:72px;background:#eef0f5}
.fld{margin:0 0 12px}.lab{display:block;font-weight:700;margin-bottom:5px}.hint{font-size:.88rem;color:var(--mut);background:#f5f3ff;border-radius:10px;padding:6px 10px;margin-bottom:6px}
textarea,input[type=text],input[type=number],input[type=search]{width:100%;font:inherit;font-size:16px;border:2px solid #ddd6fe;border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink)}
textarea{resize:vertical;line-height:1.6}textarea:focus,input:focus{border-color:var(--p);outline:none}
button,.btnlink{font:inherit;font-weight:700;border:0;border-radius:12px;padding:10px 14px;cursor:pointer;background:#ede9fe;color:#4c1d95;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:4px}
button:hover{filter:brightness(.96)}button:disabled{opacity:.6;cursor:wait}
.rowbtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rowbtns button{flex:1 1 auto}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#fef3c7;color:#92400e;border-radius:99px;padding:8px 14px}.chip.on{background:#f59e0b;color:#fff}
.seg{display:flex;flex-wrap:wrap;gap:4px;background:#f5f3ff;border-radius:12px;padding:4px}.seg button{flex:1 1 auto;background:transparent;padding:8px 10px;min-height:40px;font-size:.95rem}.seg button.on{background:var(--p);color:#fff}
.chks{display:grid;gap:4px}.chk{display:flex;gap:8px;align-items:center;padding:6px 4px;min-height:40px;cursor:pointer}.chk input{width:22px;height:22px;accent-color:var(--p)}
details.box{border:2px solid #ede9fe;border-radius:14px;padding:8px 12px;margin-top:10px}details.box summary{font-weight:700;cursor:pointer;padding:6px 0;font-size:1.05rem}
.prevbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.ghost{background:#fff}
#pages{display:grid;gap:14px}.page{margin:0;background:#fff;box-shadow:0 4px 18px #0002;border-radius:4px;overflow:hidden}.page canvas{display:block}.page figcaption{font-size:.8rem;color:var(--mut);text-align:center;padding:3px;background:#f9fafb}
.warn{background:#fff7ed;border:2px solid #fdba74;color:#9a3412;border-radius:12px;padding:8px 12px;margin-bottom:10px;font-size:.95rem}
.dock{position:sticky;bottom:0;z-index:15;padding:10px 0;display:flex;justify-content:center;background:linear-gradient(transparent,var(--bg) 35%)}
.big{background:linear-gradient(90deg,#6d28d9,#db2777);color:#fff;font-size:1.15rem;padding:14px 28px;border-radius:16px;box-shadow:0 6px 18px #db277744;min-height:54px}
.tabs{display:none}
.modal{position:fixed;inset:0;background:#1f293799;z-index:50;display:flex;align-items:center;justify-content:center;padding:14px}.modal[hidden]{display:none}
.mbox{background:#fff;border-radius:20px;padding:20px;max-width:560px;width:100%;max-height:88vh;overflow:auto;position:relative}.mclose{position:absolute;left:10px;top:10px;background:#f3f4f6;min-height:40px}
.mbox h2{margin-top:0}.small{font-size:.88rem;color:var(--mut)}.saved{list-style:none;padding:0;margin:0;display:grid;gap:6px}.saved li{display:flex;gap:6px}.saved .ld{flex:1;flex-direction:column;align-items:flex-start;text-align:right;background:#f5f3ff}.saved small{font-weight:400;color:var(--mut)}.saved .del{background:#fee2e2}
#ldHere.on{background:var(--p);color:#fff}
.toast{position:fixed;bottom:84px;left:50%;transform:translateX(-50%) translateY(30px);background:#111827;color:#fff;padding:10px 18px;border-radius:99px;opacity:0;transition:.25s;z-index:60;pointer-events:none;max-width:90vw;text-align:center}.toast.on{opacity:1;transform:translateX(-50%)}
.foot{text-align:center;padding:24px 14px 40px;color:#4c1d95;font-weight:700}.foot p{margin:4px}
@media (max-width:860px){.cols{grid-template-columns:1fr}.tabs{display:flex;gap:6px;position:sticky;top:60px;z-index:12;background:var(--bg);padding:6px 0}.tabs button{flex:1}.tabs button.on{background:var(--p);color:#fff}
 .cols .prev{display:none;position:static}.cols[data-tab=prev] .prev{display:block}.cols[data-tab=prev] .edit{display:none}main{padding:10px}.grid{grid-template-columns:1fr 1fr;gap:8px}.gcard{padding:12px;min-height:110px}.gcard small{font-size:.84rem}}
@media (max-width:380px){.grid{grid-template-columns:1fr}}

/* ---- detailed guide panel ---- */
.guide{margin:8px 0 14px}
.guide details{background:linear-gradient(135deg,#fff7ed,#fdf2f8);border:2px solid #fbcfe8;border-radius:var(--r);box-shadow:0 3px 14px #db277714}
.guide summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 16px;font-weight:700}
.guide summary::-webkit-details-marker{display:none}
.guide summary::after{content:"▾ סגירה";margin-inline-start:auto;font-size:.85rem;color:#9d174d;background:#fff;border-radius:99px;padding:2px 10px}
.guide details:not([open]) summary::after{content:"▸ פתיחה"}
.gsum{font-size:1.2rem;color:#9d174d;font-family:"RTitleUI","Rubik",sans-serif}.guide summary small{color:var(--mut);font-weight:400}
.gtabs{display:flex;gap:6px;padding:0 12px;flex-wrap:wrap}
.gtabs button{font:inherit;font-weight:700;border:2px solid #f9a8d4;background:#fff;color:#9d174d;border-radius:99px;padding:7px 14px;cursor:pointer;min-height:42px}
.gtabs button.on{background:#db2777;border-color:#db2777;color:#fff}
.gpane{background:#fff;margin:10px 12px 12px;border-radius:14px;padding:6px 16px 12px;max-width:none}
.gpane h3{font-size:1.05rem;margin:14px 0 4px;color:#6d28d9}.gpane p{margin:4px 0}.gpane ul,.gpane ol{margin:4px 0;padding-inline-start:22px}.gpane li{margin:4px 0}
.gpane ol li::marker{font-weight:700;color:#db2777}
.gfmt span{font-size:.88rem;color:var(--mut)}
.gfmt pre,.gex{white-space:pre-wrap;font-family:inherit;background:#f5f3ff;border:1px dashed #c4b5fd;border-radius:10px;padding:8px 12px;margin:4px 0;font-size:.95rem}
.gopts{margin:4px 0}.gopts dt{font-weight:700;color:#0e7490;margin-top:8px}.gopts dd{margin:2px 0 0;padding-inline-start:10px;border-inline-start:3px solid #a5f3fc}
.gpdf{background:#ecfeff;border-radius:12px;padding:10px 12px;margin-top:12px}.gpdf p{font-size:1.02rem}.gpdf small{color:var(--mut)}
.gmore{font-size:.92rem;color:var(--mut);margin-top:12px!important}
#gLoadEx{margin-top:8px}
/* ---- header nav + help page ---- */
.top{display:flex;align-items:center;gap:10px;justify-content:space-between}
.helplink{color:#fff;text-decoration:none;font-weight:700;background:#ffffff26;border:2px solid #ffffff80;border-radius:99px;padding:6px 14px;white-space:nowrap;font-size:.95rem}
.helplink:hover,.helplink:focus-visible{background:#ffffff40}
.help{max-width:860px;margin:0 auto}
.help h1{color:#5b21b6;font-size:clamp(1.6rem,5vw,2.2rem);margin:8px 0}
.hstep{display:flex;gap:12px;background:#fff;border-radius:var(--r);padding:14px 16px;margin:12px 0;box-shadow:0 3px 14px #6d28d914}
.hstep .num{flex:0 0 42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#db2777);color:#fff;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center}
.hstep h2{margin:2px 0 4px;font-size:1.2rem;color:#5b21b6}.hstep p,.hstep ul{margin:4px 0}.hstep ul{padding-inline-start:20px}
.hbox{background:#fff7ed;border-radius:var(--r);padding:12px 16px;margin:14px 0}.hbox h2{font-size:1.15rem;margin:4px 0;color:#c2410c}
.help dl dt{font-weight:700;margin-top:8px}.help dl dd{margin:2px 0 0}
@media (max-width:420px){.helplink{padding:5px 10px;font-size:.85rem}.brand small{display:none}}
@media print{.guide{display:none}}