/* לומדים דברים – "student notebook" theme */
:root{--ink:#23324D;--blue:#2B59C3;--blue2:#E6EEFB;--coral:#F2604A;--coral2:#FFE7E1;--yel:#FFE45C;--yel2:#FFF6B8;--paper:#FFFDF6;--line:#DCE6F6;--muted:#5E6B82;--ok:#1E8E5A;--okbg:#E4F6EC;--no:#C8402B;--nobg:#FDE8E4;
--hand:'Gveret Levin','Karantina',cursive;--body:'Heebo','Rubik',system-ui,sans-serif;--serif:'Frank Ruhl Libre','David',serif;
--wob:255px 14px 225px 14px/14px 225px 14px 255px;--wob2:14px 225px 14px 255px/255px 14px 225px 14px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);color:var(--ink);font-size:17px;line-height:1.6;background-color:var(--paper);
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22420%22%20viewBox%3D%220%200%20420%20420%22%20fill%3D%22none%22%20stroke%3D%22%232B59C3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.16%22%3E%20%3Cg%20transform%3D%22translate%2830%2040%29%22%3E%3Cpath%20d%3D%22M0%2014q22-9%2044%200v44q-22-9-44%200z%22/%3E%3Cpath%20d%3D%22M44%2014q22-9%2044%200v44q-22-9-44%200z%22/%3E%3Cpath%20d%3D%22M8%2026q14-4%2028%200M8%2036q14-4%2028%200M52%2026q14-4%2028%200M52%2036q14-4%2028%200%22/%3E%3C/g%3E%20%3Cg%20transform%3D%22translate%28250%2030%29%20rotate%2828%29%22%3E%3Cpath%20d%3D%22M0%200h66l16%207-16%207H0z%22/%3E%3Cpath%20d%3D%22M10%200v14%22/%3E%3Cpath%20d%3D%22M76%204.5l6%202.5-6%202.5%22/%3E%3C/g%3E%20%3Cg%20transform%3D%22translate%28160%20150%29%22%3E%3Cpath%20d%3D%22M0%2022L66%200%2040%2046%2031%2030z%22/%3E%3Cpath%20d%3D%22M31%2030L66%200%22/%3E%3Cpath%20d%3D%22M-10%2040q-20%2012-38%204%22%20stroke-dasharray%3D%224%207%22/%3E%3C/g%3E%20%3Cg%20transform%3D%22translate%28320%20170%29%22%3E%3Cpath%20d%3D%22M0%208h38v28q0%2012-19%2012T0%2036z%22/%3E%3Cpath%20d%3D%22M38%2014q13%200%2013%2010T38%2034%22/%3E%3Cpath%20d%3D%22M10%200q-4-6%200-12M22%200q-4-6%200-12%22/%3E%3C/g%3E%20%3Cg%20transform%3D%22translate%2840%20190%29%22%3E%3Cpath%20d%3D%22M0%2034L11%200h26l11%2034z%22/%3E%3Cpath%20d%3D%22M24%2034v28%22/%3E%3Cpath%20d%3D%22M8%2062h32%22/%3E%3C/g%3E%20%3Cg%20transform%3D%22translate%28300%20300%29%22%3E%3Cpath%20d%3D%22M0%200h52v38l-14%2014H0z%22/%3E%3Cpath%20d%3D%22M52%2038H38v14%22/%3E%3Cpath%20d%3D%22M8%2012q10-4%2018%200t18%200M8%2024q10-4%2018%200t12%200%22/%3E%3C/g%3E%20%3Cg%20transform%3D%22translate%28150%20290%29%22%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20width%3D%2256%22%20height%3D%2266%22%20rx%3D%2216%22/%3E%3Cpath%20d%3D%22M16%2012q0-14%2012-14t12%2014%22/%3E%3Crect%20x%3D%2212%22%20y%3D%2244%22%20width%3D%2232%22%20height%3D%2222%22%20rx%3D%226%22/%3E%3C/g%3E%20%3Cg%20transform%3D%22translate%2820%20330%29%20rotate%28-8%29%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2296%22%20height%3D%2218%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M12%200v6M24%200v9M36%200v6M48%200v9M60%200v6M72%200v9M84%200v6%22/%3E%3C/g%3E%20%3Cpath%20d%3D%22M210%2070q14-8%2028%200t28%200t28%200%22%20/%3E%20%3Cpath%20d%3D%22M90%20120q12-6%2024%200t24%200%22%20/%3E%20%3Cg%20transform%3D%22translate%28250%20250%29%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2254%22%20rx%3D%224%22/%3E%3Cpath%20d%3D%22M8%2014h24M8%2024h24M8%2034h16%22/%3E%3C/g%3E%20%3C/svg%3E"),repeating-linear-gradient(to bottom,transparent 0 33px,var(--line) 33px 34px);background-size:420px 420px,auto;background-attachment:scroll}
a{color:var(--blue)}
button{font-family:inherit;color:inherit}
.hand{font-family:var(--hand);font-weight:400;color:var(--blue);font-size:26px;line-height:1.1}
.hand.big{font-size:36px}
h2.hand{margin:0 0 6px}
.hl{background:linear-gradient(transparent 58%,var(--yel) 58%,var(--yel) 92%,transparent 92%);padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.muted{color:var(--muted)} .small{font-size:14px;color:var(--muted)}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(255,253,246,.96);border-bottom:2px dashed #C9D6EE;padding:10px 14px 8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px}
.logo{width:44px;height:44px;display:grid;place-items:center;background:var(--yel);border-radius:var(--wob);border:2px solid var(--ink);font-size:22px;transform:rotate(-4deg)}
.logo svg{width:28px;height:28px}
.brand-t{font-family:var(--hand);font-size:30px;line-height:1;color:var(--ink)}
.brand-s{font-size:12.5px;color:var(--muted)}
.switches{display:flex;gap:8px;flex-wrap:wrap}
.seg{display:inline-flex;border:2px solid var(--ink);border-radius:var(--wob);overflow:hidden;background:#fff}
.seg button{border:0;background:transparent;padding:9px 13px;font-size:15px;font-weight:600;min-height:42px;cursor:pointer}
.seg button.on{background:var(--blue);color:#fff}
.seg.lvl button.on{background:var(--coral)}
.subnav{display:flex;gap:6px;overflow-x:auto;padding:10px 12px 4px;max-width:860px;margin:0 auto;scrollbar-width:none}
.subnav button{flex:0 0 auto;border:2px solid var(--ink);background:#fff;border-radius:var(--wob2);padding:8px 14px;font-weight:600;font-size:15px;min-height:42px;cursor:pointer}
.subnav button.on{background:var(--yel);transform:rotate(-1.5deg)}
main{max-width:860px;margin:0 auto;padding:8px 12px 30px}
.loading{text-align:center;padding:60px 0;font-family:var(--hand);font-size:28px;color:var(--blue)}
.who-bar{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--muted);padding:2px 4px 8px}
.linkbtn{background:none;border:0;color:var(--blue);text-decoration:underline;cursor:pointer;font-size:inherit;padding:4px}
.linkbtn.sm{font-size:13px}
/* sheets & cards */
.sheet{position:relative;background:#fff;border:2px solid var(--ink);border-radius:var(--wob);padding:18px 16px;margin:14px 0;box-shadow:3px 4px 0 rgba(35,50,77,.12)}
.taped::before{content:"";position:absolute;top:-12px;right:28px;width:84px;height:24px;background:rgba(255,228,92,.75);border-left:2px dotted rgba(0,0,0,.08);border-right:2px dotted rgba(0,0,0,.08);transform:rotate(-4deg)}
.hero p{margin:6px 0}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chip{display:inline-block;font-size:13.5px;font-weight:600;padding:3px 10px;border:1.5px solid var(--ink);border-radius:var(--wob2);background:#fff}
.chip.b{background:var(--blue2)} .chip.o{background:var(--coral2)} .chip.g{background:var(--yel2)}
.note-y{background:var(--yel2);border-right:5px solid var(--yel);padding:10px 12px;border-radius:6px;margin:10px 0;font-size:15.5px}
.unit{margin:26px 4px 8px}
.unit h2{font-size:21px;margin:0;font-weight:800}
.unit h2.hand{font-size:32px;font-weight:400}
.unit .sub{font-size:14.5px;color:var(--muted)}
.units-box .uchips,.uchips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.uchip{border:2px dashed var(--blue);background:#fff;border-radius:var(--wob2);padding:9px 14px;font-weight:600;min-height:44px;cursor:pointer;font-size:15px}
.uchip.on{border-style:solid;background:var(--blue);color:#fff}
.uchip.on::before{content:"✓ "}
/* accordion */
.acc{background:#fff;border:2px solid var(--ink);border-radius:var(--wob);margin:10px 0;overflow:hidden}
.acc:nth-child(odd){border-radius:var(--wob2)}
.acc-h{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;padding:13px 14px;text-align:right;cursor:pointer;min-height:62px}
.acc-h .num{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--blue);border-radius:50% 46% 52% 44%;font-weight:700;color:var(--blue);font-size:15px}
.acc-h .tt{flex:1;display:flex;flex-direction:column}
.acc-h .tt b{font-size:17px}
.acc-h .tt small{color:var(--muted);font-size:13.5px}
.acc.soon{opacity:.7;border-style:dashed}
.chev{flex:0 0 auto;width:26px;height:26px;transition:transform .2s}
.chev svg{width:26px;height:26px;fill:none;stroke:var(--coral);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.acc.open>.acc-h .chev,.card.open>.card-h .chev{transform:rotate(180deg)}
.acc-b{display:none;padding:0 14px 16px}
.acc.open>.acc-b,.acc.soon .acc-b{display:block}
.acc.soon .acc-b{display:none}
.soon-box{padding:12px;color:var(--muted)}
.intro{font-size:16.5px}
.grp{margin:18px 0 6px;padding-top:10px;border-top:2px dashed #CCD9EF}
.grp h3{font-size:18px;margin:0 0 8px}
.tag5{display:inline-block;font-size:12px;font-weight:700;background:var(--coral);color:#fff;border-radius:10px 4px 10px 4px;padding:1px 7px;margin-inline-start:7px;vertical-align:2px}
.verses{font-family:var(--serif);font-size:21px;line-height:1.95;background:#FBFCFF;border-right:4px solid var(--blue);padding:10px 12px;border-radius:4px}
.vn{font-family:var(--body);font-size:12.5px;color:var(--blue);font-weight:700;margin-inline-end:4px;vertical-align:3px}
.box{margin:10px 0;padding:11px 13px;border-radius:var(--wob2);font-size:16px}
.box .lbl,.lbl{font-family:var(--hand);font-size:22px;color:var(--blue);line-height:1.1;margin-bottom:3px}
.box.simple{background:var(--blue2)}
.box.gloss{background:#F3F8EE;border:1.5px dashed #8BB174}
.box.gloss dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}
.box.gloss dt{font-family:var(--serif);font-weight:700}
.box.gloss dd{margin:0}
.comms-t{font-family:var(--hand);font-size:24px;color:var(--coral);margin:12px 2px 2px}
.card{position:relative;border:2px solid var(--ink);border-radius:var(--wob2);margin:9px 0;background:#fff}
.card.modern{border-style:dashed}
.card-h{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;padding:11px 12px;text-align:right;cursor:pointer;min-height:56px}
.av{flex:0 0 auto;width:38px;height:38px;border-radius:46% 54% 50% 50%;background:var(--yel);border:2px solid var(--ink);display:grid;place-items:center;font-weight:800;font-size:14px}
.card.modern .av{background:var(--coral2)}
.who{flex:1;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.who small{width:100%;font-weight:400;color:var(--muted);font-size:13px}
.card-b{display:none;padding:0 12px 12px}
.card.open .card-b{display:block}
.card.open::before{content:"";position:absolute;top:-9px;left:20px;width:56px;height:18px;background:rgba(242,96,74,.35);transform:rotate(5deg)}
.src{font-family:var(--serif);font-size:18.5px;line-height:1.8;background:#FFFCF2;border-right:3px solid var(--yel);padding:9px 11px;border-radius:4px}
.ref{display:block;font-family:var(--body);font-size:12px;color:var(--muted);margin-top:4px}
.says,.main{margin-top:10px}
.main .hl{font-weight:700}
.credit{margin-top:8px;font-size:13px;color:var(--muted)}
.sticky{position:relative;background:var(--yel2);padding:16px 15px 14px;margin:18px 4px 6px;box-shadow:2px 5px 10px rgba(0,0,0,.10);transform:rotate(-.6deg);border-radius:2px 2px 18px 2px}
.sticky::before{content:"";position:absolute;top:-11px;left:50%;margin-left:-40px;width:80px;height:22px;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.05);transform:rotate(2deg)}
/* buttons & forms */
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:2px solid var(--ink);background:var(--blue);color:#fff;font-weight:700;font-size:16px;min-height:48px;padding:10px 18px;border-radius:var(--wob);cursor:pointer;text-decoration:none;box-shadow:2px 3px 0 var(--ink);transition:transform .08s}
.btn:active{transform:translate(2px,3px);box-shadow:none}
.btn.o{background:var(--coral)}
.btn.ghost{background:#fff;color:var(--ink)}
.btn.sm{min-height:42px;font-size:14.5px;padding:7px 13px}
.btn.wa{background:#25A35A}
.btn:disabled{opacity:.6}
label.f{display:block;font-weight:700;margin:14px 0 5px;font-size:15px}
input.t,select.t,textarea.t{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:2px solid #9FB1D1;border-radius:10px;background:#fff;min-height:48px;color:var(--ink)}
input.t:focus,select.t:focus,textarea.t:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(43,89,195,.15)}
textarea.t{min-height:120px;background-image:repeating-linear-gradient(to bottom,transparent 0 29px,var(--line) 29px 30px);line-height:30px}
.err{color:var(--no);font-weight:600;min-height:20px;margin:6px 0}
.pick-u{font-weight:700;margin:12px 0 4px;font-size:14.5px;display:flex;justify-content:space-between;align-items:center}
.pick{display:grid;grid-template-columns:1fr;gap:6px}
@media(min-width:560px){.pick{grid-template-columns:1fr 1fr}}
.ck{display:flex;align-items:center;gap:8px;border:1.5px solid #B9C7E2;border-radius:10px;padding:9px 10px;min-height:50px;cursor:pointer;background:#fff}
.ck input{width:22px;height:22px;accent-color:var(--blue);flex:0 0 auto}
.ck span{flex:1;font-size:15px}
.ck small{color:var(--muted);font-size:12.5px}
.ck.dis{opacity:.55}
/* login */
body.locked .subnav{display:none}
.login{max-width:440px;margin:30px auto}
.login h2{margin:4px 0}
/* practice */
.pencil{position:relative;height:16px;margin:12px 4px 4px;background:repeating-linear-gradient(90deg,#E8E3D3 0 8px,#EFEBDD 8px 16px);border-radius:3px}
.pf{position:absolute;right:0;top:0;bottom:0;background:var(--yel);border:1.5px solid var(--ink);border-left:0;border-radius:0 3px 3px 0;transition:width .3s}
.pf::after{content:"";position:absolute;left:-14px;top:-1.5px;border-style:solid;border-width:8px 14px 8px 0;border-color:transparent #E9C891 transparent transparent}
.pf::before{content:"";position:absolute;right:-1.5px;top:-1.5px;bottom:-1.5px;width:10px;background:#F4A3A8;border:1.5px solid var(--ink);border-radius:0 3px 3px 0}
.q .qm{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted);margin-bottom:6px;gap:8px}
.qt{font-size:18.5px;font-weight:700;margin:6px 0 12px}
.opt{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:right;background:#fff;border:2px solid #B9C7E2;border-radius:12px;padding:12px;margin:8px 0;font-size:16.5px;min-height:54px;cursor:pointer}
.opt .l{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--blue);border-radius:50%;font-weight:700;color:var(--blue);font-size:14px}
.opt.right{border-color:var(--ok);background:var(--okbg)}
.opt.wrong{border-color:var(--no);background:var(--nobg)}
.fb{margin-top:10px;padding:11px 13px;border-radius:10px}
.fb.ok{background:var(--okbg)} .fb.no{background:var(--nobg)}
.stamp{display:inline-block;margin:10px 4px 0;font-family:var(--hand);font-size:30px;color:var(--coral);border:3px solid var(--coral);border-radius:12px 6px 14px 8px;padding:2px 14px;transform:rotate(-7deg);animation:stamp .35s ease-out;opacity:.92}
@keyframes stamp{0%{transform:scale(2) rotate(-12deg);opacity:0}100%{transform:scale(1) rotate(-7deg);opacity:.92}}
.model{background:var(--blue2);border-radius:10px;padding:11px 13px;margin-top:10px}
.model.kp label{display:flex;gap:8px;align-items:flex-start;padding:5px 0}
.model.kp input{width:20px;height:20px;accent-color:var(--ok);margin-top:3px}
.score{font-family:var(--hand);font-size:64px;color:var(--coral);line-height:1}
.btag{display:inline-block;font-weight:700;font-size:14px;background:var(--coral2);border:1.5px solid var(--coral);border-radius:8px;padding:2px 9px;margin-bottom:8px}
.btag span{font-weight:400}
.bintro{font-family:var(--serif);font-size:18px;line-height:1.8;background:#FFFCF2;border-right:3px solid var(--yel);padding:8px 11px;border-radius:4px;margin:6px 0;white-space:pre-line}
.bpart{margin:8px 0;white-space:pre-line}
.pts{color:var(--muted);font-size:14px}
.bq details{margin-top:8px}
.bq summary{cursor:pointer;color:var(--blue);font-weight:700;min-height:40px;display:flex;align-items:center}
/* teacher */
.filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.filters button{border:2px solid var(--ink);background:#fff;border-radius:var(--wob2);padding:7px 12px;min-height:42px;font-weight:600;cursor:pointer;font-size:14px}
.filters button.on{background:var(--yel)}
.ex-g{margin:16px 0}
.ex-g h3{font-size:17px;margin:0 0 6px}
.ex-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:9px 2px;border-bottom:1.5px dashed #D3DDEE}
.ex-row .s{flex:1 1 120px;font-weight:600}
.ex-row a{display:inline-flex;align-items:center;min-height:40px;padding:4px 12px;border:1.5px solid var(--blue);border-radius:9px;text-decoration:none;font-weight:600;font-size:14.5px}
.ex-row a.key{border-color:var(--coral);color:var(--coral)}
.ex-row .na{font-size:13px;color:var(--muted)}
.gen-q{border:1.5px solid #C5D2EA;border-radius:12px;padding:10px 12px;margin:10px 0;background:#fff}
.gen-q.flash{animation:fl 1s}
@keyframes fl{0%{background:var(--yel2)}100%{background:#fff}}
.gen-q .gh{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:6px;flex-wrap:wrap}
.gen-q .gt{font-weight:700}
ol.heb{list-style-type:hebrew;padding-right:26px;margin:6px 0}
.nomore{color:var(--no);font-weight:700;margin-top:6px}
.sharebox{direction:ltr;text-align:left;background:var(--blue2);border-radius:10px;padding:10px;word-break:break-all;font-size:14px}
/* footer */
.foot{border-top:2px dashed #C9D6EE;background:rgba(255,253,246,.94);margin-top:30px}
.foot-in{max-width:860px;margin:0 auto;padding:18px 16px 30px;font-size:13.5px;color:var(--muted)}
.foot .disc{font-weight:600}
.foot .copy{font-family:var(--hand);font-size:22px;color:var(--ink)}
#printArea{display:none}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:12px;transition:transform .25s;z-index:50;font-weight:600}
#toast.show{transform:translateX(-50%) translateY(0)}
@media print{
  @page{size:A4;margin:16mm 14mm}
  body{background:#fff!important;font-size:12.5pt}
  body>*:not(#printArea){display:none!important}
  #printArea{display:block!important;direction:rtl;color:#000;font-family:'Heebo',Arial,sans-serif}
  .p-head{border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:12px;display:flex;justify-content:space-between;gap:12px}
  .p-head h1{font-size:18pt;margin:0}
  .p-head .m{font-size:11pt;line-height:1.5}
  .p-name{margin:6px 0 14px;font-size:12pt}
  .p-q{break-inside:avoid;margin:0 0 12px}
  .p-q .pt{font-weight:700}
  .p-q ol{margin:4px 0;padding-right:24px;list-style-type:hebrew}
  .p-intro{font-family:'Frank Ruhl Libre',serif;margin:3px 0;white-space:pre-line}
  .p-part{margin:4px 0;white-space:pre-line}
  .p-lines{border-bottom:1px solid #999;height:26px}
  .p-ans{margin:2px 0 4px}
  .p-foot{margin-top:18px;font-size:9.5pt;color:#444;border-top:1px solid #aaa;padding-top:6px}
  .p-ch{font-size:10pt;color:#333}
}
.btitle{font-weight:800;margin:2px 0 4px}

.hide{display:none!important}
.sbtn{margin-top:6px}
.bsec{margin:20px 0 6px;padding-top:12px;border-top:2px dashed #CCD9EF}
.bsec h3{font-size:18px;margin:0 0 8px}
.bdet{border:1.5px solid #C5D2EA;border-radius:12px;background:#fff;margin:8px 0;padding:0 12px}
.bdet>summary{cursor:pointer;font-weight:700;min-height:48px;display:flex;align-items:center;color:var(--blue);list-style:none}
.bdet>summary::-webkit-details-marker{display:none}
.bdet>summary::after{content:"";margin-inline-start:auto;width:9px;height:9px;border-left:2.5px solid var(--coral);border-bottom:2.5px solid var(--coral);transform:rotate(-45deg);transition:transform .2s}
.bdet[open]>summary::after{transform:rotate(135deg)}
.bdet[open]{padding-bottom:10px}
.bcount{color:var(--coral);font-weight:700}
.btopic{font-size:18px;margin:0 0 6px}
/* ---------- teachers: light, clean, airy ---------- */
body.mode-teacher{--ink:#1F2A37;--blue:#2A7C8C;--blue2:#EAF4F6;--coral:#E8875B;--coral2:#FCEFE7;--yel:#F3E3B0;--yel2:#FBF6E6;--line:#E7ECEF;--muted:#64748B;
--hand:'Heebo',system-ui,sans-serif;--wob:12px;--wob2:12px;
background:#FBFCFD;background-image:radial-gradient(#E3E9EE 1px,transparent 1.2px);background-size:22px 22px}
body.mode-teacher .top,body.mode-teacher .foot{background:rgba(255,255,255,.97);border-color:#E3E8EE;border-style:solid;border-width:0 0 1px}
body.mode-teacher .foot{border-width:1px 0 0}
body.mode-teacher .brand-t{font-family:'Heebo',sans-serif;font-weight:800;font-size:22px}
body.mode-teacher .foot .copy{font-family:'Heebo',sans-serif;font-size:14px;font-weight:600}
body.mode-teacher .logo{transform:none;border-radius:12px;border:1px solid #D7DEE5;background:#EAF4F6}
body.mode-teacher .hand{font-family:'Heebo',sans-serif;font-weight:800;color:var(--ink);font-size:22px;letter-spacing:-.2px}
body.mode-teacher .hand.big{font-size:24px}
body.mode-teacher .lbl,body.mode-teacher .box .lbl{font-family:'Heebo',sans-serif;font-size:13px;font-weight:700;color:var(--blue);text-transform:none;letter-spacing:.2px}
body.mode-teacher .comms-t{font-family:'Heebo',sans-serif;font-size:15px;font-weight:700}
body.mode-teacher .unit h2.hand{font-size:20px}
body.mode-teacher .sheet,body.mode-teacher .acc,body.mode-teacher .card{border:1px solid #E1E7ED;box-shadow:0 1px 2px rgba(16,24,40,.04);border-radius:14px}
body.mode-teacher .sheet{padding:22px 20px}
body.mode-teacher .taped::before,body.mode-teacher .card.open::before,body.mode-teacher .sticky::before{display:none}
body.mode-teacher .sticky{transform:none;box-shadow:none;border:1px solid #EFE3BC;border-radius:12px}
body.mode-teacher .hl{background:none;border-bottom:2px solid var(--coral);padding:0}
body.mode-teacher .seg,body.mode-teacher .subnav button,body.mode-teacher .filters button,body.mode-teacher .uchip,body.mode-teacher .chip{border-width:1px;border-color:#CBD5DF;border-radius:999px}
body.mode-teacher .seg button.on{background:var(--blue)}
body.mode-teacher .seg.lvl button.on{background:var(--ink)}
body.mode-teacher .subnav button.on{background:var(--blue);color:#fff;transform:none;border-color:var(--blue)}
body.mode-teacher .filters button.on{background:var(--blue2);border-color:var(--blue);color:var(--blue)}
body.mode-teacher .uchip{border-style:solid}
body.mode-teacher .btn{border:0;box-shadow:none;border-radius:10px;font-weight:600}
body.mode-teacher .btn.ghost{border:1px solid #CBD5DF}
body.mode-teacher .btn:active{transform:translateY(1px)}
body.mode-teacher .acc-h .num{border:1px solid #CBD5DF;border-radius:10px;color:var(--blue)}
body.mode-teacher .av{border:1px solid #D7DEE5;border-radius:10px}
body.mode-teacher .ex-row{border-bottom:1px solid #EEF2F5}
body.mode-teacher .ex-row a{border-width:1px;border-radius:8px}
body.mode-teacher .grp,body.mode-teacher .bsec{border-top:1px solid #EEF2F5}
body.mode-teacher .note-y{border-right-width:3px}
body.mode-teacher .gen-q,body.mode-teacher .bdet,body.mode-teacher .ck{border-color:#E1E7ED}
body.mode-teacher input.t,body.mode-teacher select.t,body.mode-teacher textarea.t{border:1px solid #CBD5DF}
body.mode-teacher .chev svg{stroke:var(--blue)}
.flagtag{font-size:12px;font-weight:700;background:#FFF1C2;color:#7A5A00;border-radius:6px;padding:1px 7px;margin-inline-end:6px}

/* ---------- chapter-end practice / unit general practice / answer check ---------- */
.cprac{margin:22px 0 6px;padding:14px 12px 8px;background:#FFFEFA;border:2px dashed var(--blue);border-radius:var(--wob2)}
.cprac .cp-t{font-size:30px;color:var(--coral);margin:0}
.cprac .cp-s{margin:2px 0 8px}
.cprac .bdet{background:#fff}
.cprac .bdet.bsub{border-style:dashed}
.iq{padding:12px 0;border-bottom:1.5px dashed #CCD9EF}
.iq:last-child{border-bottom:0}
.iq .qt{font-size:17px;margin:0 0 6px}
.qn{font-family:var(--hand);color:var(--coral);font-size:22px;font-weight:400;margin-inline-end:2px}
.iq .stamp{font-size:24px}
.cp-score{font-weight:600;color:var(--blue);margin:2px 0 4px}
.ugen{background:#fff;transform:none;margin:10px 2px 12px;padding:9px 12px 8px;border:1.5px solid var(--line);border-right:4px solid var(--blue);box-shadow:none;border-radius:10px;font-size:14.5px}
.ugen .ugen-t{font-size:20px;color:var(--ink)}
.ugen p{margin:2px 0 6px}
.chkw{margin:8px 0 2px}
.chkw textarea.t{min-height:90px}
.chkbtn{background:var(--yel);color:var(--ink)}
.cfb:empty{display:none}
.cfb-in{margin-top:10px;background:#fff;border:2px solid var(--ink);border-radius:var(--wob2);padding:10px 12px;font-size:15.5px}
.cfb-in ul{margin:4px 0 6px;padding-inline-start:20px}
.cfb-in li{margin:3px 0}
.cfb-in p{margin:4px 0}
.fb-good{background:var(--okbg);border-radius:10px;padding:8px 10px;margin-bottom:8px}
.fb-good .lbl{color:var(--ok)}
.fb-miss{background:var(--yel2);border-radius:10px;padding:8px 10px}
.fb-miss .lbl{color:#A06A00}
.fb-short{font-weight:700;color:var(--coral);margin-top:8px!important}
body.mode-teacher .cprac{border:1px solid #E1E7ED;background:#fff;border-radius:14px}
body.mode-teacher .cprac .cp-t{font-size:20px;color:var(--ink)}
body.mode-teacher .ugen{transform:none;background:#fff;border:1px solid #E1E7ED;border-right:3px solid var(--blue)}
body.mode-teacher .ugen .ugen-t{font-size:16px}
body.mode-teacher .qn{font-family:'Heebo',sans-serif;font-size:16px;font-weight:700}
body.mode-teacher .iq{border-bottom:1px solid #EEF2F5}
body.mode-teacher .cfb-in{border:1px solid #E1E7ED;border-radius:12px}
body.mode-teacher .chkbtn{background:var(--blue2);color:var(--blue)}
body.mode-teacher .fb-good .lbl,body.mode-teacher .fb-miss .lbl{font-size:14px}

/* follow-up: intros, jump buttons, practice buttons around the bagrut list */
.intro-note{position:relative;background:var(--yel2);padding:14px 15px 12px;margin:12px 4px 10px;box-shadow:2px 5px 10px rgba(0,0,0,.09);transform:rotate(.5deg);border-radius:2px 18px 2px 2px;font-size:16.5px;line-height:1.65}
.intro-note::before{content:"";position:absolute;top:-10px;right:50%;margin-right:-36px;width:72px;height:20px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.05);transform:rotate(-2deg)}
.intro-note .lbl{color:var(--coral)}
.u-intro{margin:8px 4px 6px}
.jump{display:flex;width:100%;align-items:center;justify-content:center;gap:6px;margin:10px 0 4px;min-height:46px;padding:8px 14px;border:2px dashed var(--coral);background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:15.5px;border-radius:var(--wob2);cursor:pointer;text-align:center;line-height:1.35}
.jump:active{background:var(--coral2)}
.unit .ujump{margin-top:8px}
.pbtn{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-height:58px;padding:10px 14px;margin:6px 0;border:2px solid var(--ink);background:var(--coral);color:#fff;font:inherit;font-weight:700;font-size:17px;line-height:1.3;border-radius:var(--wob);box-shadow:2px 3px 0 var(--ink);cursor:pointer;text-align:center}
.pbtn small{font-weight:500;font-size:13px;opacity:.95}
.pbtn:active{transform:translate(2px,3px);box-shadow:none}
.pbtn.cp-bottom{background:#fff;color:var(--ink);border-style:dashed;box-shadow:none}
.cprac .cp-panel{margin:4px 0 8px}
.cprac .cp-bag>summary{color:var(--ink)}
.flash{animation:flash 1.2s ease-out}
@keyframes flash{0%{box-shadow:0 0 0 4px rgba(242,96,74,.55)}100%{box-shadow:0 0 0 0 rgba(242,96,74,0)}}
body.mode-teacher .intro-note{transform:none;box-shadow:none;border:1px solid #EFE3BC;border-radius:12px;background:var(--yel2)}
body.mode-teacher .intro-note::before{display:none}
body.mode-teacher .intro-note .lbl{color:var(--blue)}
body.mode-teacher .jump{border:1px solid #CBD5DF;border-radius:10px;font-weight:600;color:var(--blue)}
body.mode-teacher .pbtn{border:0;box-shadow:none;border-radius:10px;background:var(--blue);font-weight:600}
body.mode-teacher .pbtn.cp-bottom{background:#fff;color:var(--blue);border:1px solid #CBD5DF}
body.mode-teacher .pbtn:active{transform:translateY(1px)}

/* back button + "where am I" bar */
.backbtn{flex:0 0 auto;border:2px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:14.5px;min-height:40px;padding:4px 11px;border-radius:var(--wob2);cursor:pointer;white-space:nowrap}
.backbtn[hidden]{display:none}
.backbtn:active{background:var(--yel2)}
.where{position:fixed;left:0;right:0;z-index:19;display:flex;align-items:center;gap:7px;padding:6px 14px;background:#2B59C3;border-bottom:2px solid #1D3F8F;font-size:13.5px;font-weight:600;color:#fff;box-shadow:0 2px 8px rgba(29,63,143,.25);cursor:pointer}
.where[hidden]{display:none}
.where .w-t{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.where .w-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#fff}
body.mode-teacher .backbtn{border:1px solid #CBD5DF;border-radius:10px;font-weight:600;color:var(--blue)}
body.mode-teacher .where{background:#E3EEFA;border-bottom:2px solid #3B6FB6;box-shadow:0 1px 4px rgba(16,24,40,.10);font-weight:600;color:#15325E}
body.mode-teacher .where .w-dot{background:#3B6FB6}
@media print{.where,.backbtn{display:none!important}}

.cprac .pbtn.cp-t{color:#fff;font-size:17px}
body.mode-teacher .cprac .pbtn.cp-t{color:#fff;font-size:17px}

/* generator: per-chapter counts and pickers, swap highlight */
.gck{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.gck .gck-l{display:flex;align-items:center;gap:8px;flex:1 1 100%;cursor:pointer}
.gck .gav{flex:1 1 auto;color:var(--muted);font-size:12.5px}
.gck .gnum{display:inline-flex;align-items:center;gap:4px;font-size:13.5px}
.gck .gnum.off{opacity:.45}
.gck .gnum input.gcn{width:64px;min-height:38px;padding:4px 6px;text-align:center;display:inline-block}
.gtotal{margin:12px 0 4px;font-size:16px;font-weight:600;color:var(--ink);background:var(--blue2);border-radius:10px;padding:9px 12px}
.gen-q.swapped{animation:swapfl 1.6s ease-out;border-color:var(--coral)!important}
@keyframes swapfl{0%{background:var(--yel)}100%{background:#fff}}
.swapnote{font-size:13px;font-weight:700;color:var(--ok);margin:2px 0 6px}
.nomore{font-size:13.5px;font-weight:700;color:var(--no);margin-top:6px}

/* admin-only notes, unit count chips */
.adm{font-size:12.5px;color:#7A3FB0;background:#F4ECFB;border-right:3px solid #9B5BD6;border-radius:6px;padding:5px 9px;margin:6px 0}
.adm a{color:#7A3FB0}
.flagtag.adm-tag{background:#F4ECFB;color:#7A3FB0;border-color:#9B5BD6}
.ucount{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:6px 0 10px}
.ucount span{font-weight:700;font-size:15px}
.nchip{min-width:48px;min-height:44px;border:2px solid var(--ink);background:var(--coral);color:#fff;font:inherit;font-weight:700;font-size:16px;border-radius:var(--wob2);cursor:pointer;box-shadow:2px 2px 0 var(--ink)}
.nchip:active{transform:translate(2px,2px);box-shadow:none}
body.mode-teacher .nchip{border:0;box-shadow:none;border-radius:10px;background:var(--blue)}

.sumlist{margin:4px 0 0;padding-inline-start:22px}
.sumlist li{margin:0 0 7px;line-height:1.55}
.sumlist li::marker{font-weight:800;color:var(--coral)}
body.mode-teacher .sumlist li::marker{color:var(--blue)}

.expbox{margin:14px 0 6px;padding:12px;border:2px dashed var(--blue);border-radius:var(--wob2);background:#FBFCFF}
.expbox .exp-t{font-size:24px;margin-bottom:6px}
.exp-row{margin:8px 0}.exp-row b{display:block;margin-bottom:4px}
.exp-row .row{gap:6px;flex-wrap:wrap}
body.mode-teacher .expbox{border:1px solid #E1E7ED;border-radius:12px;background:#fff}
body.mode-teacher .expbox .exp-t{font-size:17px}

/* commentator tab: chapter and verse in small text */
.card-h .cref{font-size:12.5px;font-weight:500;color:var(--muted);white-space:nowrap}
/* minimal footer */
.foot .moe{margin:0 0 4px;font-size:12.5px}
#footAdm:empty{display:none}

/* follow-up 3: exam instructions, groups, closing line, unit questions, mock exam, review sheet, admin review */
.instr{margin:12px 0;padding:10px 12px;border:1.5px solid #C5D2EA;border-radius:12px;background:#FBFCFF}
.instr-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.instr textarea{min-height:150px;line-height:1.55;font-size:15px}
.ggrp{margin:16px 0 4px;font-weight:800;font-size:16px;color:var(--ink);border-bottom:2px solid var(--blue);padding-bottom:3px}
.encbox{margin:14px 0;padding:10px 12px;border:1.5px dashed #C5D2EA;border-radius:12px;text-align:center}
.encbox .seg{margin-bottom:8px}
.seg.sm button{min-height:34px;padding:5px 14px;font-size:14px}
.enc-in{text-align:center;font-weight:700}
.btag.site{background:#EAF1FB;border-color:#3B6FB6}
.gunits{margin-top:10px}
.gunits .gck{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mock{margin-top:14px}
.mock .uchips{margin:6px 0}
.rv-out{margin-top:12px}
.revq{border:1.5px solid #E1E7ED;border-radius:12px;padding:10px 12px;margin:10px 0;background:#fff}
.revq .rv-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:6px}
.revq mark{background:#FFE58A;padding:0 2px;border-radius:3px}
.revq .rv-b{display:flex;gap:8px;margin-top:8px}
.revq .rv-b button.on.ok{background:#2E7D32;color:#fff;border-color:#2E7D32}
.revq .rv-b button.on.no{background:#C62828;color:#fff;border-color:#C62828}
.revq.st-ok{border-color:#2E7D32}.revq.st-no{border-color:#C62828}
@media print{
  .p-instr{border:1px solid #888;padding:6px 10px;margin:8px 0 12px;font-size:10.5pt}
  .p-grp{font-weight:800;font-size:13pt;margin:14px 0 4px;border-bottom:1px solid #444}
  .p-enc{margin-top:22px;text-align:center;font-weight:800;font-size:14pt}
}
body.mode-teacher .subnav{flex-wrap:wrap;overflow-x:visible}

/* ---- practice: controls on top ---- */
.pctl{display:grid;grid-template-columns:1fr;gap:0 10px;background:var(--blue2);border:2px dashed #9FB1D1;border-radius:12px;padding:4px 12px 12px;margin:10px 0 12px}
.pctl label.f{margin:10px 0 4px}
@media(min-width:620px){.pctl{grid-template-columns:repeat(3,1fr)}}
/* ---- self rating ---- */
.selfr{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:8px;border-top:1px dashed #C9D6EE;font-size:14px}
.selfr span{font-weight:700;color:var(--muted)}
.selfr button{border:2px solid #9FB1D1;background:#fff;border-radius:999px;padding:5px 12px;min-height:36px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink)}
.selfr button.on{background:var(--blue);border-color:var(--blue);color:#fff}
/* ---- personal progress ---- */
.prog h3.hand{margin:0 0 8px}
.ptop{display:flex;align-items:center;gap:14px;margin:6px 0 10px}
.pring{width:104px;height:104px;flex:0 0 auto}
.pr-hi{stroke:var(--ok)}.pr-mid{stroke:#E0A400}.pr-lo{stroke:var(--coral)}
.pbig{font-weight:800;font-size:19px}
.pkinds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}
.pk{background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:8px 10px;text-align:center}
.pk b{display:block;font-size:21px;font-weight:800;color:var(--ink)}
.pk span{font-size:13px;color:var(--muted)}
.pnote{border-radius:10px;padding:10px 12px;margin:8px 0;font-size:15.5px;line-height:1.5}
.pnote.best{background:var(--okbg);border-right:5px solid var(--ok)}
.pnote.weak{background:var(--coral2);border-right:5px solid var(--coral)}
.pnote .btn{display:flex;width:100%;margin-top:8px}
.pbar{margin:0 0 12px}
.pbl{display:flex;justify-content:space-between;gap:10px;font-size:15px;align-items:baseline}
.pbl .pbn{font-weight:600}
.pbl b{font-size:16px;font-weight:800}
.pbt{height:14px;background:#EEF2FA;border-radius:999px;overflow:hidden;margin:4px 0 2px;border:1px solid var(--line)}
.pbf{display:block;height:100%;border-radius:999px}
.pbf.hi{background:var(--ok)}.pbf.mid{background:#E8B10C}.pbf.lo{background:var(--coral)}
.pbs{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);min-height:28px}
.pbs .linkbtn{font-size:13.5px;padding:2px 4px}
.pu{border-top:1px dashed #C9D6EE;padding:8px 0 2px}
.pu summary{font-weight:700;cursor:pointer;margin-bottom:8px;min-height:32px}
.prog-empty{text-align:center}
/* ---- summaries ---- */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sumtoc-full summary{font-weight:700;cursor:pointer;min-height:36px}
.sumtoc,.sumtoc ol{list-style:none;margin:0;padding:0}
.sumtoc>li{margin:6px 0}
.sumtoc ol{padding-inline-start:14px;border-right:2px solid var(--line)}
.sumtoc .linkbtn{text-align:right;padding:5px 6px;min-height:34px;font-size:15px}
.sumbar{position:sticky;z-index:15;display:flex;gap:8px;align-items:center;background:rgba(255,253,246,.97);padding:8px 2px;border-bottom:2px dashed #C9D6EE;margin:0 0 6px}
.sumbar select.t{min-height:44px;padding:8px 10px;font-size:15px;flex:1 1 auto;min-width:0}
.sumbar .btn{flex:0 0 auto;white-space:nowrap}
.su{margin:18px 0 26px}
.su-h{font-family:var(--hand);font-weight:400;color:#fff;background:var(--blue);font-size:28px;line-height:1.15;margin:0 0 8px;padding:10px 14px;border-radius:var(--wob2)}
.su-h small{display:block;font-family:var(--body);font-size:14.5px;font-weight:600;opacity:.92}
.su-intro{background:var(--blue2);border-radius:10px;padding:10px 12px;margin:0 0 12px}
.sch{background:#fff;border:2px solid var(--ink);border-radius:var(--wob);padding:14px 14px 8px;margin:12px 0;box-shadow:3px 4px 0 rgba(35,50,77,.10)}
.sch-h{display:flex;gap:10px;align-items:flex-start;margin:0 0 8px;font-size:19px;line-height:1.35}
.sch-h small{display:block;font-size:13.5px;font-weight:600;color:var(--muted)}
.sch-h .num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--yel);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.sch-intro{font-weight:500;margin:0 0 10px}
.sch .lbl{font-weight:800;color:var(--coral);font-size:14.5px;margin:10px 0 4px}
.sgrp{border-right:3px solid var(--line);padding:2px 10px 2px 0;margin:8px 0}
.sgrp h4{margin:0 0 3px;font-size:16px}
.sgrp p{margin:0 0 4px;font-size:15.5px}
.scomm{margin:4px 0 6px;padding-inline-start:18px;font-size:15px}
.scomm li{margin:0 0 4px}
.sch-top{text-align:left;margin:4px 0 0}

/* student nav: 4 tabs wrap at 390px instead of hiding off-screen */
.subnav{flex-wrap:wrap;overflow-x:visible}
@media(max-width:420px){.subnav button{padding:7px 11px;font-size:14.5px}}

/* fu5: C2 decided list */
#revDone h3{margin:0 0 4px}#revDone details{margin-top:8px}#revDone summary{cursor:pointer;font-weight:700}ul.rvd{list-style:none;padding:0;margin:6px 0;font-size:.9em}ul.rvd li{padding:4px 0;border-bottom:1px dashed #ddd}ul.rvd li.rvd-ok b{color:#2e7d32}ul.rvd li.rvd-no b{color:#c62828}ul.rvd li.rvd-no{opacity:.75}
/* fu5: expired temporary password */
#lerr.exp{color:#c62828;font-weight:700}

.login-brand{font-family:var(--hand);font-size:34px;line-height:1.1;color:var(--ink);margin:6px 0 2px}
.login-tag{font-size:14px;color:var(--muted);margin-bottom:10px}

/* fu6: contextual exam hints */
.tip-hint{display:flex;gap:8px;align-items:flex-start;background:#FFF6D6;border:1px dashed #E1C35E;border-radius:10px;padding:7px 10px;margin:8px 0 10px;font-size:13.5px;line-height:1.5;color:var(--ink)}
.tip-tx{flex:1;min-width:0}
.tip-ic{flex:none}
.tip-x{flex:none;background:#fff;border:1px solid #D9C27A;border-radius:8px;padding:2px 9px;font:inherit;font-size:12.5px;color:var(--ink);cursor:pointer}
/* fu6: bigger header subtitle and login tagline */
.brand-s{font-size:18px;font-weight:600;color:var(--ink);opacity:.85;line-height:1.25;margin-top:3px}
.login-tag{font-size:20px;font-weight:600;color:var(--ink);opacity:.85;line-height:1.3}

/* HDR2 (22:26): name and tagline on one line, subject line below */
.brand-t,.login-brand{white-space:nowrap}
.brand-tag{font-size:.72em;font-weight:800;font-family:'Heebo',sans-serif;color:var(--ink);opacity:.85;white-space:nowrap}
@media (max-width:440px){.brand-tag{font-size:.6em}.login-brand{font-size:30px}.login-brand .brand-tag{font-size:.56em}}
@media (max-width:360px){.brand-t{font-size:26px}}

@media (max-width:440px){.brand:has(#backBtn:not([hidden])) .logo{display:none}.brand:has(#backBtn:not([hidden])) .brand-t{font-size:23px}.brand:has(#backBtn:not([hidden])) .brand-s{font-size:15px}}

/*M2 units + book tabs*/
.yubar{display:flex;gap:8px;margin:0 0 12px}
.yubar .yu{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;border:2px solid var(--ink);background:#fff;border-radius:var(--wob2);padding:8px 6px;min-height:52px;cursor:pointer;font-family:inherit;color:var(--ink)}
.yubar .yu b{font-size:16.5px}.yubar .yu small{font-size:12.5px;color:var(--muted)}
.yubar .yu.on{background:var(--blue);border-color:var(--blue);color:#fff}.yubar .yu.on small{color:#E6EEFB}
.yubar.one .yu{cursor:default;flex:0 1 auto;flex-direction:row;gap:8px;padding:6px 14px;min-height:0}
.booktabs{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:12px 0;padding:2px 1px 6px}
.booktabs::-webkit-scrollbar{display:none}
.booktabs .bt{flex:0 0 auto;border:2px solid var(--ink);background:#fff;border-radius:999px;padding:8px 15px;min-height:42px;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit;color:var(--ink);white-space:nowrap}
.booktabs .bt.on{background:var(--yel);}
.booktabs.one .bt{cursor:default}
.booktabs.pk{margin:6px 0 2px}.booktabs.pk .bt{font-size:14px;padding:6px 12px;min-height:38px;border-width:1.5px}
.pick-bh,.book-h{font-family:var(--hand);font-size:24px;margin:14px 0 2px;color:var(--blue)}
.book-h{font-size:30px;margin:22px 4px 4px}
body.mode-teacher .booktabs .bt,body.mode-teacher .yubar .yu{border-width:1px;border-color:#CBD5DF}
body.mode-teacher .booktabs .bt.on{background:var(--blue2);border-color:var(--blue);color:var(--blue)}
body.mode-teacher .yubar .yu.on{background:var(--blue);border-color:var(--blue)}

/*M3: books grouped תורה | נביאים וכתובים, section jumps, exam dates*/
.booktabs.grp2{display:flex;flex-direction:column;gap:6px;overflow:visible;padding:0}
.booktabs.grp2 .bkg{display:flex;align-items:center;gap:8px;min-width:0}
.booktabs.grp2 .bkr{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 1px 4px;min-width:0;flex:1}
.booktabs.grp2 .bkr::-webkit-scrollbar{display:none}
.bkl{flex:0 0 auto;font-size:13px;font-weight:700;color:#4A5A7A;white-space:nowrap}
.booktabs .bt.soon{opacity:.55;border-style:dashed;cursor:default}
.booktabs .bt.soon small{font-size:11px;font-weight:400}
.secjump{position:sticky;z-index:14;display:flex;gap:6px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:rgba(255,253,246,.97);padding:6px 2px;border-bottom:2px dashed #C9D6EE;margin:0 0 8px}
.secjump::-webkit-scrollbar{display:none}
.secjump .sj{flex:0 0 auto;border:1.5px solid #9FB3D9;background:#fff;border-radius:999px;padding:5px 11px;min-height:34px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.secjump .sj.on,.secjump .sj:focus-visible{border-color:var(--ink);background:#EEF3FF}
.cyc-h{margin:18px 2px 8px;font-size:17px;color:#2B3A67;border-right:4px solid #F2C14E;padding-right:8px}
.examdates{margin-top:10px;display:flex;flex-direction:column;gap:4px}
.examdates .exd{background:#FFF8E1;border:1.5px solid #F2C14E;border-radius:10px;padding:6px 10px;font-size:14.5px;line-height:1.45}
.examdates .exd small{font-size:12px;color:#5A6478}
.examdates .exn{font-weight:700;color:#B4462E;white-space:nowrap}

.examdates .exdr{color:#8A5A00;font-weight:700}.examdates .exnote{font-size:12px;color:#8A5A00;margin-top:1px}
.partjump{flex-direction:column;align-items:stretch;gap:5px;padding:6px 2px 7px}
.partjump .pjr{display:flex;gap:6px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0}
.partjump .pjr::-webkit-scrollbar{display:none}
.partjump .pj1{gap:0;border:2px solid var(--ink);border-radius:12px;overflow:hidden;flex:0 0 auto}
.partjump .pj{flex:1 1 50%;border:0;background:#fff;font:inherit;font-weight:700;font-size:15px;padding:7px 6px;min-height:38px;cursor:pointer;color:var(--ink);white-space:nowrap}
.partjump .pj+.pj{border-inline-start:2px solid var(--ink)}
.partjump .pj.on{background:var(--yel)}
.partjump .pj:disabled{opacity:.45;cursor:default}
.partjump .sj.soon{opacity:.55;border-style:dashed;cursor:default}.partjump .sj.soon small{font-size:11px}
body.mode-teacher .partjump .pj1{border-width:1px;border-color:#CBD5DF}body.mode-teacher .partjump .pj+.pj{border-inline-start-width:1px;border-color:#CBD5DF}body.mode-teacher .partjump .pj.on{background:var(--blue2);color:var(--blue)}
.book-h{margin:22px 0 6px;font-size:23px;font-weight:800;border-bottom:3px solid var(--ink);padding-bottom:3px;scroll-margin-top:200px}
.book-h small{display:block;font-size:12.5px;font-weight:700;color:#4A5A7A}
.soon-box.nsoon{margin-top:14px}

/* review1 */
.foot .nw{white-space:nowrap}

/* fx2 (29.10): progress bar at the very top of every page, chapter page head, header that slides away while reading */
.pgbar{position:fixed;top:0;left:0;right:0;height:4px;z-index:40;background:rgba(43,89,195,.12);pointer-events:none}
.pgbar[hidden]{display:none}
.pgbar i{display:block;height:100%;width:0;margin-right:0;margin-left:auto;background:linear-gradient(to left,var(--blue),var(--coral));border-radius:0 2px 2px 0;transition:width .15s linear}
body.mode-teacher .pgbar{background:rgba(71,85,105,.14)}
body.mode-teacher .pgbar i{background:linear-gradient(to left,#0F766E,#475569)}
.top{transition:transform .25s ease,box-shadow .25s ease;will-change:transform}
body.hdr-hide .top{transform:translateY(-100%);box-shadow:none}
.where{transition:top .25s ease}
.secjump,.sumbar{transition:top .25s ease}
.pagehead{display:flex;align-items:center;gap:10px;margin:0 0 10px;min-height:44px}
.pg-back{flex:0 0 auto;border:2px solid var(--ink);background:var(--yel2);color:var(--ink);font:inherit;font-weight:700;font-size:15px;min-height:42px;padding:4px 13px;border-radius:var(--wob2);cursor:pointer;white-space:nowrap}
.pg-back:active{background:var(--yel)}
.pg-t{font-family:var(--hand);color:var(--blue);font-size:24px;line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.mode-teacher .pg-back{border:1px solid #CBD5DF;border-radius:10px;background:#fff;color:#0F766E;font-weight:600}
body.mode-teacher .pg-t{font-family:var(--body);font-weight:700;font-size:18px;color:#334155}
.chpage .acc{margin-top:0}
@media print{.pgbar,.pagehead{display:none!important}body.hdr-hide .top{transform:none}}
@media (prefers-reduced-motion:reduce){.top,.where,.secjump,.sumbar,.pgbar i{transition:none}}
.sugg{display:inline-block;background:var(--coral2);color:#9A2E1E;border:1px solid #F5B4A8;border-radius:999px;padding:0 9px;font-size:13px;font-weight:700;line-height:1.7}
.sugg-n{font-weight:400;color:var(--muted);font-size:12px}
body.mode-teacher .sugg{background:#F1F5F9;color:#334155;border-color:#CBD5E1}
.keylink{font-weight:700}

/* ---------- gen1 (29.10) ---------- */
/* admin lock toggles */
.lockbtn{display:inline-grid;place-items:center;min-width:36px;min-height:36px;padding:0 4px;margin-inline-end:4px;border:1.5px solid #9B5BD6;border-radius:8px;background:#fff;font-size:16px;line-height:1;cursor:pointer;vertical-align:middle}
.lockbtn.open{border-color:var(--ok);background:var(--okbg)}
.lockbtn:focus-visible{outline:3px solid #9B5BD6;outline-offset:1px}
.adm{display:block}
.unl-note{margin:6px 0}
.flagtag .lockbtn{min-width:30px;min-height:30px;font-size:14px}
.lockdlg{position:fixed;inset:0;z-index:200;background:rgba(20,28,45,.45);display:grid;place-items:center;padding:16px}
.lockdlg-in{width:min(360px,100%);margin:0}
.lockdlg-in .row{margin-top:10px;gap:8px}
/* "חזרה לדף הראשי" at the end of every page */
.homebar{display:flex;justify-content:center;margin:26px 0 8px}
.homebtn{width:100%;max-width:420px;background:var(--yel);color:var(--ink);border-color:var(--ink);font-size:17px;box-shadow:3px 3px 0 var(--coral)}
.homebtn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--coral)}
body.mode-teacher .homebtn{background:#0F766E;color:#fff;box-shadow:none;border:0;border-radius:10px}
body.mode-teacher .homebtn:active{background:#475569;transform:translateY(1px)}
/* generator: books as open/close rows */
.pk-gl{font-weight:800;font-size:14px;color:var(--muted);margin:14px 2px 4px}
.pick-book.pacc{border:1.5px solid var(--line);border-radius:12px;background:#fff;margin:8px 0;overflow:hidden}
.pacc .pick-bh.pbtog{display:flex;align-items:center;gap:8px;width:100%;min-height:52px;margin:0;padding:8px 12px;border:0;background:none;text-align:right;cursor:pointer;font-family:var(--body);font-size:18px;font-weight:800;color:var(--blue)}
.pacc .pbn{flex:1 1 auto}
.pacc .pbcnt{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--ink);background:var(--yel2);border-radius:999px;padding:2px 9px}
.pacc .pbcnt.z{background:none;color:var(--muted);font-weight:500}
.pacc .chev{width:22px;height:22px}.pacc .chev svg{width:22px;height:22px}
.pacc.open>.pbtog .chev{transform:rotate(180deg)}
.pacc>.pick-bb{display:none;padding:0 10px 8px}
.pacc.open>.pick-bb{display:block}
.gnk{display:block;font-size:12.5px;font-weight:700;color:#9A3412}
.gnk:empty{display:none}
/* generator: no answer in the key (teacher only) */
.nokey{font-size:13.5px;font-weight:700;color:#9A3412;background:#FFF4E5;border-right:3px solid #EA8A2E;border-radius:6px;padding:4px 9px;margin:6px 0}
/* generator: chapter sections + per-section instructions */
.gsec{margin:12px 0 4px;padding-top:6px}
.gsec-h{font-size:17px;font-weight:800;margin:6px 0 6px;padding-bottom:4px;border-bottom:2px solid var(--line);color:var(--ink)}
.gsi{font-size:15px;min-height:52px;margin-bottom:6px}
.btn.wd{background:#2B579A;color:#fff}
/* מיקודית: which questions */
.msrc{display:flex;width:100%;margin:6px 0 4px}
.msrc button{flex:1 1 0;padding:9px 6px;font-size:14.5px}
.qkind{font-size:12px;font-weight:700;background:var(--blue2);color:var(--blue);border-radius:6px;padding:1px 7px;margin-inline-end:6px;white-space:nowrap}
.qkind.site{background:var(--yel2);color:#7A5A00}
.sq .qt{font-weight:600;margin:8px 0}
.sq .mcopts{margin:4px 0 8px;padding-right:22px;list-style-type:hebrew}
@media print{
  .p-sec{font-size:13pt;font-weight:700;margin:12px 0 4px;border-bottom:1px solid #777;padding-bottom:2px}
  .p-pinstr{font-size:11.5pt;font-weight:700;margin:0 0 8px;white-space:pre-wrap}.p-sinstr{font-size:11pt;margin:0 0 8px}
  .p-nk{font-weight:700;font-size:11pt;margin:2px 0 4px}
}

/* tc1: temporary codes (admin) */
.tc-form .f{margin-top:12px}
.tc-seg{display:flex;flex-wrap:wrap;width:100%}
.tc-seg label{flex:1 1 0;position:relative;min-width:0}
.tc-seg input{position:absolute;opacity:0;pointer-events:none}
.tc-seg span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 8px;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.tc-seg input:checked+span{background:var(--blue);color:#fff}
.tc-seg input:focus-visible+span{outline:2px solid var(--ink);outline-offset:-3px}
.tc-checks{display:flex;flex-wrap:wrap;gap:6px 16px}
.tc-checks .ck{margin:0}
.tc-new{margin-top:16px;border:2px solid var(--blue);background:var(--blue2);border-radius:14px;padding:14px}
.tc-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:34px;font-weight:800;letter-spacing:3px;text-align:center;color:var(--ink);margin:6px 0;user-select:all}
.tc-act{gap:8px;margin-top:10px;flex-wrap:wrap}
.tc-act .btn{flex:1 1 0;min-width:120px}
.tc-row{border-top:1px solid var(--line);padding:12px 0}
.tc-row:first-child{border-top:0;padding-top:4px}
.tc-row.dead{opacity:.6}
.tc-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tc-static{font-size:12px;background:var(--blue2);color:var(--ink)}
.tc-c{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px;margin-top:2px}
.tc-c .linkbtn{font-family:inherit;font-size:14px}
.tc-x{color:var(--no)}
.tc-extpick{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tc-extpick[hidden]{display:none}
.tc-extpick .chip{cursor:pointer;min-height:36px;padding:4px 12px}
.tc-checks .ck{flex:1 1 28%;min-width:90px}
.tc-checks .ck{padding:9px 8px;gap:6px}.tc-checks .ck span{white-space:nowrap;font-size:14.5px}
.tc-act .btn{white-space:nowrap;min-width:140px}
.tc-checks .ck{flex:1 1 auto;min-width:0}

/* reg1 (29.10): registration, free tier, teacher dashboard, homework, admin users, מיקודית table of contents */
.rg-t{--ink:#1F2A37;--blue:#2A7C8C;--blue2:#EAF4F6;--coral:#3E5566;--coral2:#E9EEF2;--yel:#F3E3B0;--yel2:#FBF6E6;--line:#E7ECEF;--muted:#64748B}
.rg-login{margin-top:18px;padding-top:14px;border-top:2px dashed var(--line)}
.rg-login h3{font-size:16.5px;margin:0 0 8px}
.rg-login .t{margin-bottom:8px}
.rg-forgot{display:inline-block;margin-top:8px;color:var(--blue)}
.rg-new{margin-top:14px;padding:12px;border-radius:12px;background:var(--blue2)}
.rg-new>span{display:block;font-weight:700;font-size:15px;margin-bottom:8px}
.rg-newb{display:flex;gap:8px}.rg-newb .btn{flex:1;min-width:0}
.rg-newb .btn.ghost.o{border-color:var(--coral)}
.rg-su .f{margin-top:10px}
.rg-seg{display:flex;width:100%}.rg-seg button{flex:1}
.rg-tchk{min-height:22px;margin-top:4px}.rg-tchk.ok{color:var(--ok);font-weight:700}.rg-tchk.bad{color:var(--no)}
.rg-ban{margin:10px 4px;padding:10px 12px;border-radius:10px;font-size:15px;line-height:1.5;border-right:5px solid var(--blue);background:var(--blue2)}
.rg-ban.sfree{border-color:var(--yel);background:var(--yel2)}
.rg-ban.pend{border-color:var(--coral);background:var(--coral2)}
.rg-ban .linkbtn{padding:0 2px;font-weight:700}
.lockbox{display:flex;flex-direction:column;gap:10px;align-items:flex-start;color:var(--ink)}
.lockbox .btn{width:100%}
.rg-modal{position:fixed;inset:0;z-index:1000;background:rgba(20,30,50,.45);display:flex;align-items:flex-end;justify-content:center;padding:10px;overflow-y:auto}
.rg-card{width:100%;max-width:440px;margin:auto 0 0;background:var(--paper);padding:18px 16px 14px;border-radius:16px}
@media (min-width:600px){.rg-modal{align-items:center}.rg-card{margin:auto}}
.rg-price{font-size:17px;margin:8px 0;padding:8px 12px;background:var(--yel2);border-radius:8px}
.rg-steps{padding-inline-start:22px;margin:8px 0 12px}.rg-steps li{margin:4px 0}
.rg-card .btn{margin-top:8px;display:flex;justify-content:center;text-decoration:none}
.nowrap{white-space:nowrap}
.rg-hw .rg-hwi{border-top:2px dashed var(--line);padding:10px 0}
.rg-hw .rg-hwi:first-of-type{border-top:0}
.rg-hwt{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between}
.rg-hwch{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.chipbtn{border:2px solid var(--blue);background:#fff;color:var(--ink);border-radius:999px;padding:5px 12px;font-size:14.5px;min-height:38px;cursor:pointer;font-family:inherit}
.rg-hwi .btn{width:100%}
.rg-hwd{color:var(--ok);font-weight:700;font-size:15px}
.rg-hwi.done .rg-hwt b{text-decoration:line-through;text-decoration-color:var(--ok)}
.tc-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tc-acts .btn{flex:1;min-width:0;text-decoration:none;display:flex;justify-content:center}
.rg-un{border:2px solid var(--blue);background:var(--blue2);border-radius:14px;padding:12px;margin:8px 0}
.rg-unv{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:30px;font-weight:800;letter-spacing:2px;text-align:center;user-select:all;overflow-wrap:anywhere}
.rg-cnts{display:grid;gap:10px;margin-top:10px}
.rg-cnt{padding:10px 12px;border-radius:12px;background:#fff;border:2px solid var(--line)}
.rg-cnt.ok{border-color:var(--ok);background:var(--okbg)}
.rg-cntt{font-size:16px}.rg-cntt b{font-size:22px}
.rg-bar{height:10px;border-radius:6px;background:var(--line);overflow:hidden;margin:6px 0}
.rg-bar i{display:block;height:100%;background:var(--blue);border-radius:6px}
.rg-cnt.ok .rg-bar i{background:var(--ok)}
.rg-sti,.rg-hwl,.rg-row{border-top:1px solid var(--line);padding:8px 0}
.rg-sti summary,.rg-hwl summary,.rg-row summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;list-style:none}
.rg-sti summary::-webkit-details-marker,.rg-hwl summary::-webkit-details-marker,.rg-row summary::-webkit-details-marker{display:none}
.rg-stn{margin-inline-start:auto;font-weight:800;color:var(--blue)}
.rg-stb{padding:6px 0 4px}
.rg-tab{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0;table-layout:fixed}
.rg-tab th,.rg-tab td{border-bottom:1px solid var(--line);padding:4px;text-align:right;overflow-wrap:anywhere}
.rg-tab th:nth-child(n+2),.rg-tab td:nth-child(n+2){width:70px;text-align:center}
.rg-hwc{max-height:260px;overflow-y:auto;border:2px solid var(--line);border-radius:10px;padding:6px 8px;background:#fff}
.rg-hwu .lbl{margin-top:6px}
.rg-row.pend{background:var(--coral2);border-radius:10px;padding:10px;margin:6px 0;border:0}
.rg-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.rg-acts .btn{text-decoration:none}
.t.sm{min-height:42px;font-size:15px;padding:6px 10px;width:150px;max-width:100%}
.rg-adm h3{margin:18px 0 6px}
.rg-adm #usQ{margin-top:14px}
.rg-adm .row .t{flex:1;min-width:0}
.bq-toc{margin-top:10px}
.bq-toc h3{margin:0 0 6px}
.bq-tb{border-top:1px solid var(--line);padding:6px 0}
.bq-tb summary{cursor:pointer;font-weight:800;font-size:16px}
.bq-tl{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0}
.bq-tu{flex-basis:100%;font-size:13px;color:var(--muted);margin-top:4px}
.bq-tj{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:5px 10px;font-size:14px;min-height:38px;cursor:pointer;font-family:inherit;color:var(--ink);text-align:right}
.bq-tj small{color:var(--muted);font-weight:700}
.bq-top{display:block;margin-top:6px;font-size:14px}
.bq-tlk{margin-top:6px}

.bsd{position:absolute;top:3px;right:8px;font-size:11px;line-height:1;color:var(--muted);font-weight:600;pointer-events:none;z-index:3}
.rg-note{font-size:14px;color:var(--muted);line-height:1.5;margin:6px 0 10px;font-style:italic}
.rg-sutabs{margin-bottom:12px}
.rg-ok{align-items:flex-start;margin-top:12px;padding:10px;border-radius:10px;background:var(--yel2)}
.rg-ok span{font-size:17px;line-height:1.55;font-weight:600}
.rg-susbar{display:block;width:100%;margin:8px 0;padding:10px 12px;border:2px solid #C8402B;background:#FDE8E4;color:#8A2416;font-weight:800;border-radius:10px;font-size:15px;cursor:pointer;font-family:inherit;text-align:right}
.rg-susbar.on{background:#C8402B;color:#fff}
.chip.rg-sus,b.rg-sus{background:#C8402B;color:#fff}
b.rg-sus{padding:1px 6px;border-radius:6px}
.rg-devs{margin-top:6px;padding:6px 8px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.rg-devs.sus{border-color:#C8402B}
.rg-dt td:nth-child(n+2),.rg-dt th:nth-child(n+2){width:92px;font-size:12.5px}
.rg-sig{display:block;font-style:normal;font-weight:700;margin-top:2px}
.acc.lk{border-style:dashed}
.acc.lk .acc-h small{color:var(--coral)}
.p-bsd{display:none}
@media print{.p-bsd{display:block;text-align:right;font-size:10pt;margin:0 0 4pt}}

.rg-ctf{flex-wrap:wrap;gap:6px}.rg-ctf .t{flex:1 1 30%;min-width:0;font-size:14.5px}
.rg-ctbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0}
.rg-ctw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:10px;background:#fff;max-width:100%}
.rg-ctt{border-collapse:collapse;font-size:13.5px;min-width:900px}
.rg-ctt th,.rg-ctt td{border-bottom:1px solid var(--line);padding:5px 7px;text-align:right;white-space:nowrap}
.rg-ctt th{background:var(--blue2);position:sticky;top:0}
.rg-acct .btn{flex:1 1 100%}
.rg-new-b{background:var(--coral);color:#fff;border-radius:999px;padding:0 7px;font-size:12px;margin-inline-start:4px}
.rg-rimg{max-width:100%;max-height:60vh;display:block;margin:8px auto;border-radius:8px}
.rg-rc{background:var(--blue2);padding:6px 8px;border-radius:8px}
.bq-tbh{font-weight:800;font-size:16px}

/*inst1: save-to-phone card + sheet*/
.inst-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:10px 0 14px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,var(--blue2),var(--yel2));border:1px solid var(--line);box-shadow:0 1px 3px rgba(16,24,40,.06)}
.inst-ic{font-size:26px;line-height:1;flex:0 0 auto}
.inst-tx{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:2px}
.inst-tx b{font-family:var(--body);font-weight:800;font-size:16px;color:var(--ink)}
.inst-tx span{font-size:14px;color:var(--muted);line-height:1.35}
.inst-act{flex:1 1 100%;display:flex;align-items:center;gap:12px}
.inst-btn{flex:1 1 auto;min-height:46px;font-size:16px;font-weight:800;background:var(--blue);color:#fff;border-color:var(--blue)}
.inst-x{flex:0 0 auto;font-size:14px;color:var(--muted);white-space:nowrap;padding:8px 4px}
body.mode-teacher .inst-card{background:linear-gradient(135deg,#EAF4F6,#F1F4F7);border-color:#D7E3E8}
body.mode-teacher .inst-btn{background:#2A7C8C;border-color:#2A7C8C}
.inst-mini{display:block;margin:10px auto 0;font-size:15px;font-weight:700}
.inst-foot-p{margin:6px 0 0;text-align:center}
.inst-foot{font-size:14px}
body.inst-open{overflow:hidden}
.inst-sheet{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center}
.inst-bg{position:absolute;inset:0;background:rgba(20,28,45,.45)}
.inst-pan{position:relative;width:100%;max-width:480px;box-sizing:border-box;background:#fff;border-radius:22px 22px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(16,24,40,.18);direction:rtl;text-align:right;max-height:92vh;overflow:auto}
.inst-grab{width:44px;height:5px;border-radius:5px;background:#D5DCE6;margin:0 auto 10px}
.inst-pan h3{margin:0 0 4px;font-family:var(--body);font-weight:800;font-size:20px;color:var(--ink)}
.inst-sub{margin:0 0 10px;color:var(--muted);font-size:14px}
.inst-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.inst-steps li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--blue2);border:1px solid var(--line)}
.inst-steps li b{display:block;font-size:15.5px;color:var(--ink);line-height:1.35}
.inst-steps li small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.inst-n{flex:0 0 26px;height:26px;border-radius:50%;background:var(--yel);color:var(--ink);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
body.mode-teacher .inst-n{background:#3E5566;color:#fff}
.ii{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.ii-share::before{content:'';position:absolute;left:9px;right:9px;bottom:6px;height:12px;border:2px solid var(--blue);border-top-color:transparent;border-radius:3px}
.ii-share i{position:absolute;left:50%;top:5px;width:2px;height:15px;margin-left:-1px;background:var(--blue);border-radius:2px}
.ii-tile i{width:16px;height:16px;border:2px solid var(--blue);border-radius:5px;box-sizing:border-box;position:relative}
.ii-tile i::after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--coral);left:50%;top:50%;margin:-2px 0 0 -2px}
.ii-ok{color:var(--ok);font-weight:800;font-size:18px;border-radius:50%}
.ii-dots{flex-direction:column;gap:3px}
.ii-dots i{width:4px;height:4px;border-radius:50%;background:var(--blue)}
.inst-note{margin:10px 0 0;font-size:13px;color:var(--muted);line-height:1.4}
.inst-ok{width:100%;margin-top:14px;min-height:46px;font-size:16px;font-weight:800}
@media (display-mode: standalone){.inst-card,.inst-mini,.inst-foot{display:none!important}}
/*v83: open in Chrome (Android outside Chrome) and the Play Protect line*/
.inst-cr{display:flex;gap:10px;margin-top:4px}
.inst-cr .btn{flex:1 1 0;min-height:46px;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.inst-cr-go{background:var(--blue);color:#fff;border-color:var(--blue)}
body.mode-teacher .inst-cr-go{background:#2A7C8C;border-color:#2A7C8C}
.inst-cr-ok{margin:8px 0 0;font-size:14px;color:#1F7A3D;font-weight:700;word-break:break-all}
.inst-pp{font-size:12.5px}
.inst-pp-card{flex:1 1 100%;margin:0;font-size:12.5px;color:var(--muted);line-height:1.4}

/*pay1: payment buttons on the upgrade screen*/
.rg-pay{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.rg-paybtn{width:100%;min-height:54px;font-size:18px;font-weight:800;box-sizing:border-box}
.rg-bit{background:var(--blue);border-color:var(--ink);color:#fff}
.rg-pbx{background:var(--coral);border-color:var(--ink);color:#fff}
.rg-t .rg-pbx{background:#3E5566}
.rg-copy{width:100%;box-sizing:border-box;font-size:16px}
.rg-copy.done{background:var(--okbg);color:var(--ok);border-color:var(--ok)}
.rg-payhint{margin:-4px 0 0;text-align:center;font-size:14px;color:var(--muted)}
@media (max-width:400px){.brand{min-width:0}.brand-t{font-size:28px}}/*inst1: the header was 3px wider than a 390px phone*/
body.locked .inst-foot-p{display:none}/*inst1: the login screen has its own small button; the locked footer keeps its 2 lines*/

/*v40: Bit app button + 3-level מיקודית*/
.rg-payrow{display:flex;gap:8px}
.rg-payrow .btn{flex:1 1 0;min-width:0;min-height:52px;font-size:15.5px;padding:8px 10px;box-sizing:border-box;line-height:1.2}
.rg-bitapp{background:var(--blue);color:#fff}
.rg-pbx{background:var(--blue)}
.rg-t .rg-pbx{background:#2A7C8C}
.rg-paymsg{min-height:20px;text-align:center;font-size:14.5px;font-weight:700;color:var(--ok)}
.mk-lbl{font-size:13px;font-weight:700;color:var(--muted);margin:10px 0 4px}
.mk-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px;overscroll-behavior-x:contain}
.mk-scroll::-webkit-scrollbar{display:none}
.mk-scroll button{flex:0 0 auto;white-space:nowrap;height:40px;padding:0 14px;border-radius:20px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:700 15px var(--body);cursor:pointer;box-sizing:border-box}
.mk-scroll button small{font-weight:600;opacity:.7;font-size:12px}
.mk-books button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.mk-chs button{height:36px;border-radius:10px;font-size:14px}
.mk-chs button.on{background:var(--yel);border-color:var(--ink);color:var(--ink)}
.mk-chs button.lk{color:var(--muted)}
body.mode-teacher .mk-books button.on{background:#2A7C8C;border-color:#2A7C8C}
body.mode-teacher .mk-chs button.on{background:#3E5566;border-color:#3E5566;color:#fff}
.bq.lk{opacity:.92;background:#F6F7F9}
.bq.lk .btopic{color:var(--muted)}
.mk-u{margin-top:6px}
.rg-was{color:var(--muted);font-weight:600}
.rg-now{font-size:1.25em;color:var(--ink)}
.rg-launch{font-size:14px;font-weight:700;color:var(--coral);margin-top:2px}
.rg-t .rg-launch{color:#2A7C8C}
.pr-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px 8px;align-items:center;margin:6px 0}
.pr-grid b{font-size:13px;color:var(--muted);text-align:center}
.pr-grid label{font-size:13px;white-space:nowrap}
.pr-grid .t{min-width:0;width:100%;box-sizing:border-box;margin:0}

/*v40: locked items (free view) + lock popup*/
.lk-ic{font-size:.8em;opacity:.75}
.bq.lk{cursor:pointer;padding-top:12px;padding-bottom:12px}
.bq.lk .btopic{margin:0}
.lockbox{display:flex;justify-content:flex-start;margin:6px 0}
.lk-mini{background:none;border:1px solid var(--line);border-radius:10px;font-size:18px;padding:6px 12px;cursor:pointer}
.lkp-card{max-width:340px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:stretch}
.lkp-card h3{margin:0;font-family:var(--body);font-weight:800;font-size:20px;color:var(--ink)}
.lkp-ic{font-size:34px;line-height:1}
.lkp-up{width:100%}
.lkp-x{width:100%}

/*v40: payment screenshot*/
.pshot{display:flex;flex-direction:column;gap:8px;align-items:stretch;margin:10px 0;padding:12px;border:1.5px dashed var(--line);border-radius:14px;background:#fff}
.pshot-in{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pshot-pick{width:100%;box-sizing:border-box}
.pshot-hint{text-align:center;color:var(--muted)}
.pshot-prev{max-width:100%;max-height:220px;object-fit:contain;border-radius:10px;border:1px solid var(--line);align-self:center}
.pshot-msg{text-align:center;font-size:14px;color:var(--no)}
.pshot-ok{text-align:center;font-weight:800;color:var(--ok);font-size:16px}
.shot-th{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px;cursor:pointer}
.shot-th img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#F1F4F7}

/* GEN2 (29.10): generator in the structure of the latest bagrut, answering instructions, practice book tabs, past papers 3/5 */
.gmode{display:flex;width:100%;margin:4px 0 10px}.gmode button{flex:1 1 50%}
.gstruct{margin:8px 0}.gs-src{font-size:14px;color:var(--muted);margin:0 0 6px;font-weight:600}
.gpart{border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;margin:8px 0}
.gp-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:16.5px;color:var(--blue)}
.gp-pt{flex:0 0 auto;font-size:14px;font-weight:700;background:var(--blue2);border-radius:999px;padding:2px 10px;color:var(--ink)}
.gp-r{font-size:14px;color:var(--muted);margin:2px 0 6px}
.gp-n{display:flex;gap:10px;flex-wrap:wrap}.gp-n label{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;margin:0}.gp-n input.t{width:68px;min-height:40px;text-align:center;padding:4px;margin:0}
.gp-av{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.gp-ch{margin-top:6px}.gp-ch summary{cursor:pointer;font-weight:700;font-size:14.5px;min-height:40px;display:flex;align-items:center;gap:6px;list-style:none;color:var(--blue)}
.gp-ch summary::-webkit-details-marker{display:none}.gp-cn{color:var(--muted);font-weight:600}
.gp-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}
.gpc{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:5px 10px;font-size:14px;background:#fff;min-height:36px;max-width:100%;cursor:pointer;font-family:inherit;color:var(--ink);margin:0;font-weight:500}
.gpc input{margin:0;width:18px;height:18px;flex:0 0 auto}.gpc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:270px}
.gpc.lk{color:var(--muted);border-style:dashed}
.gpinstr{margin:6px 0 10px}.gpinstr textarea{font-size:15px;width:100%}
.exlv{display:flex;width:100%;margin:10px 0 4px}.exlv button{flex:1 1 50%}
.ubk{font-weight:700;color:var(--blue);margin:8px 0 0;font-size:15px}
.ex-none{margin:10px 0}

/* viewas1: admin preview */
.pv-box .pv-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.pv-box .pv-btn{width:100%;min-height:44px;padding:8px 6px;font-size:15px;white-space:normal;line-height:1.25}
.pv-box .pv-t{background:#2A7C8C;border-color:#1F5E6A;color:#fff}
.pv-box .pv-s{background:#2B59C3;border-color:#1D3F8F;color:#fff}
.pv-box .pv-a{grid-column:1/-1;background:#3E5566;border-color:#2B3C49;color:#fff}
body.pv-on{--pvh:44px;padding-top:var(--pvh)}
body.pv-on .top{top:var(--pvh)}
body.pv-on .pgbar{top:var(--pvh)}
.pv-bar{position:fixed;top:0;left:0;right:0;z-index:45;height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;font-size:14px;color:#fff;background:#3E5566;border-bottom:2px solid #2B3C49;box-shadow:0 2px 6px rgba(20,30,50,.18)}
.pv-bar.pv-bs{background:#2B59C3;border-bottom-color:#1D3F8F}
.pv-bar.pv-bt{background:#2A7C8C;border-bottom-color:#1F5E6A}
.pv-bar .pv-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-bar b{color:#FFE45C}
.pv-exit{flex:0 0 auto;background:#fff;color:#23324D;border:2px solid #23324D;border-radius:10px;padding:4px 12px;font:inherit;font-weight:700;cursor:pointer;min-height:32px}

/* rev1 (29.10) */
/* #9: teacher screens use the teacher palette (teal / slate), never coral */
body.mode-teacher .btn.o{background:var(--blue);color:#fff}
body.mode-teacher .ex-row a.key{border-color:var(--ink);color:var(--ink)}
/* review t14 / s8: the toast hides completely (a two-line toast used to peek 14px over the bottom buttons) */
#toast{transform:translateX(-50%) translateY(calc(100% + 40px));visibility:hidden;transition:transform .25s,visibility 0s linear .25s;max-width:calc(100vw - 32px);box-sizing:border-box;text-align:center}
#toast.show{transform:translateX(-50%) translateY(0);visibility:visible;transition:transform .25s,visibility 0s}
/* #2/#13: free exams left, and locked generator actions */
.glim{font-size:14px;font-weight:600;color:var(--blue);background:var(--blue2);border-radius:10px;padding:7px 12px;margin:0 0 10px;text-align:center}
.glim.z{color:var(--ink);background:#F1F5F9}
.glim .linkbtn{padding:0 2px;font-weight:700}
.btn.lkd{opacity:.6}
/* rev1: Word export (locked unless the admin opened it) */
.btn.wd.lkd{background:#E2E8F0;color:var(--ink)}
.rg-word[aria-pressed="true"]{background:var(--blue);color:#fff}
.enc-lbl{font-size:14px;font-weight:600;color:var(--muted);margin-inline-end:8px}
.ex-key{margin-top:6px}
.rg-su .fe{min-height:20px;line-height:20px;font-size:13px;color:#B42318;margin:0 0 4px}/*space reserved: no jump when a message appears*/
.rg-su .t.bad{border-color:#B42318}
.em-fix{font-size:14px}

/* admin1 (30.10): users and registrations — teal/slate, compact, 390px first */
.rg-adm .rg-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rg-adm .rg-hd h2{margin:0}
.rg-adm .rg-hd .btn{flex:0 0 auto}
.rg-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0 6px}
.rg-kpi{grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:74px;padding:9px 10px;border:1px solid #DCE3EA;border-radius:12px;background:#F7F9FB;color:#1F2A37;font-family:inherit;text-align:right;cursor:pointer}
.rg-kpi:nth-child(-n+2){grid-column:span 3}
.rg-kpi b{font-size:24px;line-height:1.1;font-weight:800;color:#1F2A37;font-variant-numeric:tabular-nums}
.rg-kpi .rg-kl{font-size:13px;font-weight:700;color:#334155;line-height:1.25}
.rg-kpi .rg-ks{font-size:12px;color:#64748B;line-height:1.25}
.rg-kpi.hot{background:#FFF4E5;border-color:#F0B357}
.rg-kpi.hot b{color:#B45309}
.rg-kpi.red{background:#FDECEA;border-color:#E9A79C}
.rg-kpi.red b{color:#B42318}
.rg-kpi:focus-visible,.rg-chips button:focus-visible,.rg-sort button:focus-visible{outline:2px solid #2A7C8C;outline-offset:2px}
.rg-adm .rg-sum{color:#64748B;margin:4px 0 2px}
.rg-adm .rg-sum b{color:#B45309}
.rg-needs,.rg-all{scroll-margin-top:84px}
.rg-adm h3.rg-sh{font-size:17px;margin:20px 0 8px;padding-top:12px;border-top:1px solid #E7ECEF;color:#1F2A37}
.rg-needs.has h3.rg-sh{color:#B45309}
.rg-needs h3:not(.rg-sh){font-size:14.5px;margin:12px 0 6px;color:#475569}
.rg-none{margin:4px 0}
.rg-b{display:inline-block;font-size:12px;font-weight:700;line-height:1.5;padding:0 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.rg-b.rt{background:#E3F1F3;color:#1F5F6B;border-color:#BFDDE2}
.rg-b.rs{background:#EEF1F5;color:#334155;border-color:#D5DCE4}
.rg-b.ok{background:#E4F4EA;color:#17663A}
.rg-b.fr{background:#F3F4F6;color:#4B5563}
.rg-b.pd{background:#FFF1DC;color:#9A4A06}
.rg-b.bl{background:#FDE8E4;color:#A1281A}
.rg-adm .rg-row{border:1px solid #E1E7ED;border-radius:12px;background:#fff;padding:0;margin:6px 0}
.rg-adm .rg-row.pend,.rg-adm .rg-row.pay{background:#FFF8EE;border-color:#F3D3A2;padding:10px 12px;margin:8px 0}
.rg-adm .rg-row.pend .rg-acts,.rg-adm .rg-row.pay .rg-acts{margin-top:8px}
.rg-adm .rg-row.u>summary{display:block;padding:10px 12px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.rg-adm .rg-row.u>summary::-webkit-details-marker{display:none}
.rg-adm .rg-row.u[open]{border-color:#9CC9D1;box-shadow:0 1px 3px rgba(16,24,40,.06)}
.rg-adm .rg-row.u[open]>summary{background:#F4FAFB;border-radius:12px 12px 0 0;border-bottom:1px solid #E1EEF0}
.rg-adm .rg-row.isbl{background:#FBFBFC}
.rg-adm .rg-row.isbl .rg-nm{color:#6B7280;text-decoration:line-through;text-decoration-color:#C8402B}
.rg-l1{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding-inline-end:52px;position:relative;min-height:24px}
.rg-row.pend .rg-l1,.rg-row.pay .rg-l1{padding-inline-end:0}
.rg-nm{font-size:16px;font-weight:800;color:#1F2A37;margin-inline-end:2px;overflow-wrap:anywhere}
.rg-l2{color:#64748B;margin-top:2px;line-height:1.4;overflow-wrap:anywhere}
.rg-l3{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:4px}
.rg-tel{color:#1F5F6B;font-weight:700;text-decoration:none;font-size:14.5px;padding:3px 0;font-variant-numeric:tabular-nums}
.rg-uwa{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;border-radius:8px;border:1px solid #CFE3D6;background:#F0F8F2;text-decoration:none;font-size:16px}
.rg-more{position:absolute;inset-inline-end:0;top:0;font-size:12px;font-weight:700;color:#2A7C8C;border:1px solid #BFDDE2;border-radius:999px;padding:1px 8px;line-height:1.5;background:#fff}
.rg-more::after{content:'פרטים'}
details[open]>summary .rg-more::after{content:'סגירה'}
.rg-det{padding:8px 12px 12px}
.rg-kv{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0 0 4px}
.rg-kv>div{min-width:0}
.rg-kv dt{font-size:12px;color:#64748B;font-weight:600}
.rg-kv dd{margin:0;font-size:14px;color:#1F2A37;overflow-wrap:anywhere}
.rg-al{font-size:12.5px;font-weight:800;color:#475569;margin:12px 0 0;letter-spacing:.2px}
.rg-det .rg-acts{margin-top:6px}
.rg-det .rg-del{color:#B42318;margin-inline-start:auto}
.rg-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 6px}
.rg-chips button{font-family:inherit;font-size:14px;font-weight:700;min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid #CBD5DF;background:#fff;color:#334155;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.rg-chips button.on{background:#2A7C8C;border-color:#2A7C8C;color:#fff}
.rg-cn{font-size:12px;font-weight:700;background:#EEF2F5;color:#475569;border-radius:999px;padding:0 6px;min-width:18px;text-align:center;font-variant-numeric:tabular-nums}
.rg-chips button.on .rg-cn{background:rgba(255,255,255,.22);color:#fff}
.rg-sort{display:flex;align-items:center;gap:6px;color:#64748B;margin:4px 0 8px}
.rg-sort button{font-family:inherit;font-size:13.5px;min-height:32px;padding:2px 10px;border-radius:8px;border:1px solid #D5DCE4;background:#fff;color:#334155;cursor:pointer}
.rg-sort button.on{background:#1F2A37;border-color:#1F2A37;color:#fff}
.rg-adm #usQ{margin-top:4px;width:100%;box-sizing:border-box}
.rg-cntl{margin:2px 0 4px}
.rg-empty{padding:18px 4px;text-align:center}
.rg-tg{border:1px solid #E7ECEF;border-radius:14px;padding:6px;margin:10px 0;background:#FAFBFC}
.rg-tg>.rg-row.u{margin:0}
.rg-tg.orph{background:#FFFBF5;border-color:#F3E2C6}
.rg-gh{padding:6px 6px 4px;font-size:15px}
.rg-sts{margin:6px 0 0;border-radius:10px}
.rg-sts>summary{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:8px;padding-inline-end:64px;position:relative;cursor:pointer;list-style:none;border-radius:10px;background:#EEF4F6;min-height:40px;box-sizing:border-box}
.rg-sts>summary::-webkit-details-marker{display:none}
.rg-sts>summary .rg-more{top:50%;transform:translateY(-50%);inset-inline-end:8px}
.rg-gt{font-weight:800;color:#1F5F6B;font-size:14.5px}
.rg-gc{font-size:13px;color:#475569}
.rg-gc b{color:#1F2A37}
.rg-sts0{padding:6px 8px 4px}
.rg-stl{padding:2px 0 0}
.rg-stl .rg-row.u{margin:6px 0 0}
.rg-cfg h2{margin-bottom:4px}
@media (max-width:360px){.rg-kpi b{font-size:21px}.rg-kv{grid-template-columns:1fr}}
.rg-tg.solo{border:0;padding:0;background:none;margin:6px 0}
.rg-tg.solo>.rg-row.u{margin:0}
#usQ::-webkit-search-cancel-button,#usQ::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.rg-l23{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:2px}
.rg-l23 .rg-l2{margin-top:0;flex:1 1 150px;min-width:0}
.rg-l23 .rg-l3{margin-top:0;margin-inline-start:auto;flex:0 0 auto}
.rg-adm .rg-row.pend [data-un]{flex:1 1 160px;width:auto;min-width:0}
.rg-adm .rg-row.pend [data-un]::placeholder{direction:rtl;text-align:right;font-size:13.5px}
/* maps1int (30.10): entry points to the Kings maps (the map itself is styled by maps1/maps1.css, loaded with it) */
.jump.m1-open{flex-direction:column;gap:2px;border-color:var(--blue);margin:12px 0 6px}
.jump.m1-open small{font-weight:500;font-size:13px;color:#5E6B82}
.jump.m1-ch{border-color:var(--blue)}
body.mode-teacher .jump.m1-open,body.mode-teacher .jump.m1-ch{border:1px solid #9FC7C4;color:#1F5F5B}
.m1-host{margin:8px 0 18px;min-height:300px}
.m1-exq .m1-exrow{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #CBD5DF;border-radius:10px;font:inherit;color:inherit;text-align:right;cursor:pointer;margin:6px 0;min-height:44px}
.m1-exq .m1-exrow .s{font-weight:600}
/* maps1int: login entry — two big choices at the top (משתמש חדש / משתמש רשום) */
.lg-entry{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px}
.lg-ch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:96px;padding:10px 8px;border:2px solid var(--ink);border-radius:var(--wob2);background:#fff;font:inherit;color:var(--ink);cursor:pointer;box-shadow:2px 3px 0 rgba(35,50,77,.12);text-align:center;line-height:1.25}
.lg-ch .lg-ic{font-size:26px;line-height:1}
.lg-ch b{font-size:18px;font-weight:800}
.lg-ch small{font-size:12.5px;color:var(--muted)}
.lg-new{background:var(--yel2)}
.lg-reg{background:var(--blue2)}
.lg-ch.on{outline:3px solid var(--coral);outline-offset:1px}
.lg-newp{margin:8px 0 6px;padding:10px 12px;border:2px dashed var(--coral);border-radius:var(--wob2);background:#fff}
.lg-newp[hidden]{display:none}
.lg-newt{font-weight:700;margin-bottom:8px}
.lg-newb{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lg-newb .btn{width:100%;min-height:48px}
.rg-login.lg-hl{outline:3px solid var(--blue);outline-offset:4px;border-radius:10px;transition:outline-color .3s}
.login .lg-wel{font-size:25px;line-height:1.25;margin:2px 0 4px;font-weight:800;color:var(--ink)}
.login .lg-sub{margin:0 0 6px;color:var(--muted);font-size:15px;line-height:1.45}
.lg-newb .lg-sut{background:#E3F1EF;border-color:#1F5F5B;color:#1F5F5B}

/* pw1 (30.10): forgot-password form, in-site requests, and the admin's "שכחו סיסמה" rows */
.rg-login .rg-forgot{display:inline-block;margin-top:8px;color:var(--blue);background:none;border:0;padding:4px 0;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.fg-card{text-align:right}
.fg-card h3,.fg-card .lkp-ic{text-align:center}
.fg-card .f{display:block;font-size:14px;font-weight:700;margin:8px 0 4px}
.fg-card .t{width:100%;box-sizing:border-box}
.fg-card #fgPh{text-align:left}
.fg-card #fgPh::placeholder{text-align:left}
.fg-card .err{min-height:1.2em;margin:6px 0}
.fg-card textarea.t{resize:vertical;min-height:80px;font:inherit}
.fg-ok{text-align:center;font-size:16px;line-height:1.5;margin:0}
.rg-pwbar{display:block;width:100%;margin:8px 0;padding:10px 12px;border:1px solid #F0B357;border-radius:12px;background:#FFF4E5;color:#B45309;font:inherit;font-weight:700;text-align:right;cursor:pointer}
.rg-adm .rg-row.pwq{background:#FFF8EE;border:1px solid #F3D3A2;border-radius:10px;padding:10px 12px;margin:8px 0}
.rg-adm .rg-row.pwq .rg-acts{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rg-adm .rg-row.pwq [data-pwin]{flex:1 1 170px;width:auto;min-width:0;font-family:ui-monospace,Menlo,monospace}
.rg-adm .rg-row.pwq [data-pwin]::placeholder{direction:rtl;text-align:right;font-family:inherit;font-size:13.5px}
.rg-adm .rg-nomatch{color:#B42318;margin-top:6px}
.rg-adm .rg-qnote{margin-top:6px;padding:8px 10px;background:#fff;border-radius:8px;white-space:pre-wrap;font-size:14px}
.rg-adm .rg-pwh{margin-top:6px}
#pwNew .tc-acts{display:flex;flex-wrap:wrap;gap:6px}
#pwNew .tc-acts .btn{flex:1 1 auto;white-space:nowrap}

/*tland: pending teacher – locked teacher tools in the nav, banner on top; WhatsApp help line in teacher sign-up*/
.subnav button.tlk{color:var(--muted)}
body.t-pend .rg-ban.pend{margin-top:8px;font-size:15.5px}
.su-help{margin:-2px 2px 6px;color:var(--muted)}
/*tland: the share-declaration gift card in the generator*/
.gbonus{margin:10px 0;padding:12px 14px;border-radius:12px;border:1px solid #F1D9A7;background:#FFF8E8}
.gbonus.z{border:2px solid var(--coral);background:var(--coral2)}
.gbonus .gb-t{font-weight:800;font-size:17px;margin-bottom:4px}
.gbonus .gb-ck{margin:8px 0}
.gbonus .gb-btn{width:100%}
.gbonus .gb-btn:disabled{opacity:.5}

/*share (v=57): "📤 שתף עם התלמידים" for an approved teacher – top strip and next to the gift card in the generator; fallback sheet*/
.tsh-top{display:flex;justify-content:flex-start;margin:0 0 8px}
.btn.tshare,body.mode-teacher .btn.tshare{background:var(--blue2);color:var(--blue);border:1.5px solid var(--blue);box-shadow:none;font-weight:700}
.btn.tshare.top,body.mode-teacher .btn.tshare.top{padding:6px 14px;font-size:14.5px;min-height:36px;border-radius:999px}
.btn.tshare.gsh{width:100%;margin:8px 0}
.btn.tshare.busy{opacity:.7}
.sh-pop .sh-h{margin:0 0 4px;text-align:center}
.sh-pop .sh-sub{text-align:center;margin:0 0 8px}
.sh-pop .sh-txt{width:100%;box-sizing:border-box;font:inherit;font-size:14px;line-height:1.45;resize:vertical;white-space:pre-wrap}
.sh-pop .sh-cp{width:100%;margin:8px 0}
.sh-pop .sh-dl{display:flex;flex-direction:column;gap:6px}
.sh-pop .sh-dl .btn{display:block;text-align:center;text-decoration:none}
.sh-pop .sh-x{display:block;margin:8px auto 0}

/*share2 (v=60): step 2 button and the note line in the share sheet*/
.sh-pop .sh-note{background:#fff4e0;border:1px solid #f0c27a;border-radius:10px;padding:8px 10px;margin:4px 0 8px;color:#6a4500}

.tsh-wrap{display:flex;flex-direction:column;gap:6px;width:100%}
.tsh-note{font-size:13px;line-height:1.5;background:#FFF7E0;border:1px solid #F0D58A;border-radius:10px;padding:8px 10px;color:#3a2f10}
.tsh-note b[dir=ltr]{font-family:inherit}

/*v76: pending-teacher box (what is open now / after approval / after 10 students)*/
.rg-ban.tpb .tpb-h{font-size:16px;margin-bottom:4px}
.rg-ban.tpb .tpb-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.5}
.rg-ban.tpb .tpb-l li{background:rgba(255,255,255,.6);border-radius:8px;padding:6px 8px}
.rg-ban.tpb-s{font-size:14.5px}
/*v76: SH_NOTE one-line version*/
.tsh-note.tsh-s{padding:5px 10px;display:flex;align-items:center;gap:4px}
.tsh-note.tsh-s>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsh-note.tsh-s .tsh-more{flex:none}
.tsh-note .tsh-more{padding:0 4px;font-weight:700;font-size:13px}
/*v76: login – the password/code box under "יש לי קוד"*/
.lg-code{margin-top:6px}
.lg-code .lg-codeb{color:var(--blue);padding:4px 0;font-size:14px}
.lg-codep{margin-top:6px;padding:10px 12px;border-radius:12px;background:#F7F8FB;border:1px dashed var(--line)}
.lg-codep[hidden]{display:none}
.lg-codep p{margin:0 0 8px}
.lg-codep .t{margin-bottom:8px}

/* mks1 (31.10): the verses box above a question in the student מיקודית */
.mkv{margin:4px 0 10px;background:#FBFCFF;border:1px solid var(--line);border-right:4px solid var(--blue);border-radius:6px;padding:6px 10px 4px}
.mkv>summary,.mkv-s{font-size:14px;line-height:1.5;font-weight:700;color:var(--blue);list-style:none;cursor:pointer}
.mkv-s{cursor:default}
.mkv>summary::-webkit-details-marker{display:none}
.mkv>summary::marker{content:''}
.mkv[open]>summary::after{content:' · הסתרה';font-weight:400;color:var(--muted);font-size:12.5px}
.mkv:not([open])>summary::after{content:' · הצגה';font-weight:400;color:var(--muted);font-size:12.5px}
.mkv>summary{display:block}
.mkv-h{margin-inline-end:6px}
.mkv-r{font-weight:600;color:var(--ink)}
.mkv-t{font-family:var(--serif);font-size:18px;line-height:1.85;margin:2px 0 4px;color:var(--ink)}
.mkv-t .vn{font-size:11.5px}
.seg.lv-fixed button{cursor:default}

/*v82*/.rg-card .rg-ben2{margin-top:-4px}.upg-hint{text-align:center;color:var(--muted);margin:6px 2px 0;line-height:1.45}

/*v84: the free teacher's upgrade button – gold, a colour no other button on the site uses (teacher buttons are teal, accents coral)*/
.upg-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;font-family:'Heebo',sans-serif;font-weight:800;font-size:17px;line-height:1.25;color:#fff;background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 55%,#6D28D9 100%);border:1px solid #5B21B6;border-radius:12px;min-height:50px;padding:8px 16px;cursor:pointer;box-shadow:0 2px 6px rgba(109,40,217,.35),inset 0 1px 0 rgba(255,255,255,.25);text-decoration:none;-webkit-tap-highlight-color:transparent}
.upg-btn:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(109,40,217,.35)}
.upg-btn:focus-visible{outline:3px solid #23324D;outline-offset:2px}
.upg-btn.pend{background:#FFF4D2;color:#6B4700;border:1.5px dashed #D58E0C;box-shadow:none}
.upg-top{flex:1 1 100%;order:9;min-height:40px;font-size:15.5px;padding:6px 14px;border-radius:999px}
.upg-top[hidden]{display:none!important}
.upg-home{margin:4px 0 14px}
.upg-home .upg-btn{min-height:54px;font-size:18px}
.upg-sub{text-align:center;font-size:14.5px;color:#6B4700;margin-top:6px;font-weight:600}
@media print{.upg-btn,.upg-home{display:none!important}}
body.upg-on .lkp-up[data-upg]{background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 55%,#6D28D9 100%);color:#fff;border:1px solid #5B21B6;font-weight:800}/*v85: the lock popup's upgrade button is violet like the free-teacher upgrade buttons (was gold in v84)*/
/*v85 (איתמר 1.11 08:53: "הכפתור של המחולל מבחנים אצל המורים תצבע אותו בזהב"): the teachers' מחולל מבחנים tab is gold for every teacher*/
body.mode-teacher .subnav button[data-tab="gen"],body.mode-teacher .subnav button[data-tlk="gen"]{background:linear-gradient(135deg,#FFE28A 0%,#F8BE3C 55%,#F2A01E 100%);color:#3B2600;border:1px solid #D58E0C;font-weight:800;box-shadow:0 1px 3px rgba(213,142,12,.3)}
body.mode-teacher .subnav button[data-tab="gen"].on{background:linear-gradient(135deg,#FFD65C 0%,#F5AE22 55%,#E08E0B 100%);color:#2E1D00;border:1px solid #A86A00;box-shadow:inset 0 0 0 1px #A86A00,0 0 0 2px #FFE9A8,0 2px 6px rgba(168,106,0,.4)}

/* v91 מצגות: the list and the in-site projector (no download: background-image under a shield, no select/drag/callout) */
.mz-free{background:var(--yel2);border:1.5px dashed var(--coral);border-radius:12px;padding:8px 12px;margin:8px 0 0;font-weight:600}
.mz-bkh{margin:0 0 10px;font-size:1.25rem;color:var(--blue)}
.mz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.mz-card{display:flex;align-items:center;gap:12px;text-align:right;font:inherit;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;min-height:64px}
.mz-card:hover,.mz-card:focus-visible{border-color:var(--blue);background:var(--blue2)}
.mz-card .mz-ic{flex:0 0 40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:16px}
.mz-card.lk{background:#FAFAF7;color:var(--muted)}
.mz-card.lk .mz-ic{background:var(--line);color:var(--ink)}
.mz-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.mz-tx b{font-weight:700;line-height:1.3}
.mz-tx small{color:var(--muted)}
.mz-more{text-align:center;margin:10px 0}
body.mz-on{overflow:hidden}
.mz-ov{position:fixed;inset:0;z-index:9999;background:#0E1526;display:flex;flex-direction:column;color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mz-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top))}
.mz-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.mz-c{font-variant-numeric:tabular-nums;opacity:.9;white-space:nowrap}
.mz-b{font:inherit;font-weight:700;border:0;border-radius:999px;padding:9px 16px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;white-space:nowrap}
.mz-b:hover{background:rgba(255,255,255,.26)}
.mz-b:disabled{opacity:.35;cursor:default}
.mz-x{background:#F2604A}
.mz-stage{position:relative;flex:1;min-height:0;margin:0 10px}
.mz-img{position:absolute;inset:0;background:center/contain no-repeat;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mz-shield{position:absolute;inset:0;background:transparent;-webkit-touch-callout:none;touch-action:pan-y pinch-zoom}
.mz-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.8}
.mz-wait[hidden]{display:none}
.mz-nav{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
.mz-nav .mz-b{min-width:120px;padding:12px 18px}
.mz-next{background:#2B59C3}
.mz-ov.fs .mz-bar,.mz-ov.fs .mz-nav{position:absolute;left:0;right:0;z-index:2;opacity:0;transition:opacity .25s}
.mz-ov.fs .mz-bar{top:0}.mz-ov.fs .mz-nav{bottom:0}
.mz-ov.fs:hover .mz-bar,.mz-ov.fs:hover .mz-nav{opacity:1}
.mz-ov.fs .mz-stage{margin:0}
@media (max-width:480px){.mz-bar{gap:6px;padding:8px 10px}.mz-b{padding:8px 12px}.mz-nav .mz-b{min-width:100px}.mz-t{font-size:.92rem}}

/*v99: previous/next unit on a chapter page (arrows in the page head, a bar with names at the bottom)*/
.ln-top{margin-inline-start:auto;display:inline-flex;gap:8px;flex:0 0 auto}
.ln-a{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--ink);background:#fff;color:var(--blue);font:inherit;font-weight:800;font-size:22px;line-height:1;border-radius:50% 46% 52% 44%;cursor:pointer;padding:0;box-shadow:2px 2px 0 rgba(35,50,77,.18)}
.ln-a:active{background:var(--blue2)}
.ln-a.ln-off{visibility:hidden;box-shadow:none}
.ln-bot{display:flex;gap:10px;margin:16px 0 6px;align-items:stretch}
.ln-b{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;border:2px solid var(--ink);background:#fff;color:var(--ink);font:inherit;border-radius:var(--wob2);padding:8px 10px;min-height:58px;cursor:pointer;text-align:start;box-shadow:2px 3px 0 rgba(35,50,77,.14)}
.ln-b.ln-n{flex-direction:row-reverse;text-align:end;background:var(--blue2)}
.ln-b.ln-off{visibility:hidden;box-shadow:none}
.ln-b:active{background:var(--yel2)}
.ln-ar{flex:0 0 auto;font-size:24px;font-weight:800;color:var(--blue);line-height:1}
.ln-tx{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.ln-tx small{font-size:13px;color:var(--muted);font-weight:600}
.ln-tx b{font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.mode-teacher .ln-a{border:1px solid #CBD5DF;border-radius:10px;color:#0F766E;box-shadow:none}
body.mode-teacher .ln-b{border:1px solid #CBD5DF;border-radius:12px;box-shadow:none}
body.mode-teacher .ln-b.ln-n{background:#F0FDFA}
body.mode-teacher .ln-ar{color:#0F766E}
@media (min-width:900px){.ln-tx b{font-size:16px}.ln-b{min-height:64px;padding:10px 14px}}
@media print{.ln-top,.ln-bot{display:none!important}}

/* v100 scope notes: one line for the viewer's level */
.note-lv b{color:#1F3A68}
p.small.note-lv,div.small.note-lv{font-size:14px;color:#2B3550}


/* v100 refs: clearer references (מראה מקומות) for students and teachers */
.uref{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;background:#FFF4C2;border:1.5px solid #E9C84A;color:#1F3A68;font-family:var(--body);font-size:14.5px;font-weight:700;line-height:1.4}
.cyc-h .uref{display:block;width:fit-content;margin:4px 0 0;font-size:13.5px}
body.mode-teacher .uref{background:#F2F7F7;border-color:#9CC9C6;color:#173F4A}
.acc-h .tt small{color:#1F3A68;font-size:14px;font-weight:700}
.acc-h .tt small::before{content:"📍 ";font-weight:400}
.sch-h small{color:#1F3A68;font-weight:700;font-size:14px}
.sch-h small::before{content:"📍 ";font-weight:400}
.card-h .cref{color:#2D4A78;font-weight:600}
.ref{color:#3C4F70;font-weight:600;font-size:12.5px}
.sj .sj-r{display:inline-block;margin-inline-start:5px;font-size:11.5px;font-weight:700;opacity:.8}
body.mode-teacher .acc-h .tt small,body.mode-teacher .sch-h small{color:#173F4A}

/* v101: "קפיצה ל:" jump buttons – real buttons, wrapping, clear (איתמר 1.11 18:58) */
.secjump:not(.partjump),.partjump .pj2{flex-wrap:wrap;overflow:visible;gap:6px}
.secjump:not(.partjump)>.bkl,.partjump .pj2>.bkl{flex:0 0 100%;font-size:13.5px;font-weight:800;color:var(--ink);padding:0 2px;margin-bottom:-1px}
.secjump .sj{flex:1 1 0;min-width:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;padding:5px 8px;border:2px solid var(--blue);background:var(--blue2);color:var(--ink);border-radius:12px;font:inherit;font-size:15px;line-height:1.2;white-space:normal;text-align:center;box-shadow:0 2px 0 rgba(43,89,195,.28);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .1s}
.secjump .sj:not(.has-r){min-width:74px}
.secjump .sj .sj-n{font-weight:800;font-size:15px}
.secjump .sj .sj-r{display:block;margin:0;font-size:12.5px;font-weight:700;opacity:1;color:var(--blue);direction:rtl}
.secjump .sj:hover{background:#D5E2FA}
.secjump .sj:active{transform:translateY(1px);box-shadow:none}
.secjump .sj.on,.secjump .sj:focus-visible{background:var(--yel);border-color:var(--ink);box-shadow:0 2px 0 rgba(35,50,77,.35);outline:none}
.secjump .sj.on .sj-r,.secjump .sj:focus-visible .sj-r{color:var(--ink)}
.partjump .sj.soon{flex:0 1 auto;min-height:44px;display:inline-flex;align-items:center;border:2px dashed #9FB3D9;background:#fff;border-radius:12px;padding:5px 9px;font-size:14px;box-shadow:none}
body.mode-teacher .secjump .sj{border:1.5px solid #7FB3BC;background:var(--blue2);color:#173F4A;box-shadow:0 1px 0 rgba(42,124,140,.25)}
body.mode-teacher .secjump .sj .sj-r{color:var(--blue)}
body.mode-teacher .secjump .sj:hover{background:#D7EBEF}
body.mode-teacher .secjump .sj.on,body.mode-teacher .secjump .sj:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff}
body.mode-teacher .secjump .sj.on .sj-r,body.mode-teacher .secjump .sj:focus-visible .sj-r{color:#fff}
@media (min-width:700px){.secjump .sj{flex:0 1 auto;min-width:120px;padding:6px 14px}}

.secjump .sj{flex:1 1 auto}
.sj-sent{display:block;height:0;margin:0;padding:0}
.secjump.sj-c:not(.partjump),.secjump.sj-c .pj2{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.secjump.sj-c:not(.partjump)>.bkl,.secjump.sj-c .pj2>.bkl{display:none}
.secjump.sj-c .sj{flex:0 0 auto;min-width:0;flex-direction:row;gap:6px;min-height:40px;padding:4px 12px;white-space:nowrap}
.secjump.sj-c .sj .sj-r{font-size:12px}
.secjump .sj:not(.has-r){flex:1 1 0;min-width:74px;max-width:calc(25% - 5px)}
.secjump.sj-c .sj:not(.has-r){flex:0 0 auto;max-width:none}
.secjump.sj-c:not(.partjump),.secjump.sj-c .pj2{padding-bottom:3px}

/*v104: teachers' WhatsApp group button*/
.twa-wrap{margin:0 0 10px}
body .btn.twa-btn,body.mode-teacher .btn.twa-btn{display:flex;width:100%;box-sizing:border-box;min-height:48px;background:#25D366;color:#fff;font-weight:800;font-size:16px;border:0;border-radius:12px;box-shadow:none;text-decoration:none;justify-content:center;align-items:center;text-align:center}
.btn.twa-btn:active{transform:translateY(1px)}

/* v105 tcode: teacher code / student code buttons (teal: not the generator's gold, the upgrade's violet or WhatsApp green), the ⓘ marker, classes */
.tc-row{display:flex;align-items:center;gap:10px;margin:10px 0}
.btn.tc-btn,body.mode-teacher .btn.tc-btn{flex:1;min-height:48px;background:#0E7490;color:#fff;font-weight:800;font-size:16px;border:0;border-radius:12px;box-shadow:none;justify-content:center;text-align:center}
.btn.tc-btn:active{background:#155E75}
.ibw{position:relative;display:inline-flex;flex:none;vertical-align:middle}
.ib{width:34px;height:34px;min-width:34px;border-radius:50%;border:2px solid #0E7490;background:#fff;color:#0E7490;font-size:19px;font-weight:800;line-height:1;cursor:help;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif}
.ibw.on .ib{background:#0E7490;color:#fff}
.ib-tip{display:none;position:fixed;z-index:1200;background:#1F2A44;color:#fff;font-size:14.5px;line-height:1.5;padding:9px 12px;border-radius:10px;box-shadow:0 6px 22px rgba(0,0,0,.28);text-align:right;direction:rtl;font-weight:500;white-space:normal;font-family:var(--body)}
@media (hover:hover){.ibw:hover .ib-tip{display:block}}
.ibw.on .ib-tip{display:block}
.tc-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:32px;font-weight:800;letter-spacing:2px;text-align:center;user-select:all;overflow-wrap:anywhere;border:2px dashed #0E7490;background:#ECFEFF;color:#164E63;border-radius:12px;padding:10px}
.tc-card.tc-on{display:flex;flex-direction:column;gap:6px;border-right:5px solid #0E7490;padding:12px 14px;margin:10px 0}
.tc-l{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px}
.tc-lblrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tc-lblrow h2{margin:0}.tc-lblrow label.f{margin-bottom:5px}
.tc-flt{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.tc-flt .chipbtn.on{background:#0E7490;color:#fff;border-color:#0E7490}
.tc-gh{margin:14px 2px 4px;font-size:16px;color:#164E63;border-bottom:2px solid #CFFAFE;padding-bottom:3px}
.tc-grp label.f{margin-top:8px}.tc-grpr{display:flex;gap:8px;align-items:stretch}.tc-grpr input.t{flex:1;min-width:0}
.linkbtn.tc-rmb,.linkbtn.tc-off{color:var(--no);margin-top:8px;display:inline-block}
.btn.tc-rm{background:var(--no);color:#fff;width:100%}
.tc-asg{margin-top:16px;padding:12px;border:2px solid #A5F3FC;background:#F0FDFF;border-radius:14px}.tc-h3{margin:0 0 4px;font-size:17px}
.tc-seg{flex-wrap:wrap}
.tc-seg button{flex:1 1 auto;min-width:30%}
.lkp-card .tc-acts .btn{font-size:15px;white-space:nowrap;padding-inline:8px}

/* v106: "📄 דף פרשנות" (commentary sheet) – button on a chapter page, popup, and its print view */
.btn.cm-btn{display:flex;width:100%;justify-content:center;margin:8px 0;border:2px solid var(--ink)}
.btn.cm-go{width:100%}
@media print{
  .pc-head{display:block}.pc-head .m{font-size:10.5pt}
  .pc-note{margin:6px 0 10px;font-size:11pt;background:#FFF6D8;padding:6px 8px;border-radius:4px}
  .pc-h{font-size:14pt;margin:14px 0 4px;color:#1F3D8A;border-bottom:1px solid #C5D2EA;break-after:avoid}.pc-h small{font-size:9.5pt;color:#555;font-weight:400}
  .pc-v{font-family:'Frank Ruhl Libre',serif;font-size:14pt;line-height:1.8;margin:4px 0 8px}.pc-vn{font-family:'Heebo',Arial,sans-serif;font-size:9.5pt;color:#2B59C3}
  .pc-p{margin:3px 0 6px;font-size:11.5pt}
  .pc-g{font-size:11pt;margin:2px 0 8px}.pc-g ul{margin:2px 0;padding-right:18px}.pc-g li b{font-family:'Frank Ruhl Libre',serif}
  .pc-cl{font-weight:800;font-size:12.5pt;margin:8px 0 2px}
  .pc-c{break-inside:avoid;margin:0 10px 8px 0}.pc-w{font-size:12pt}.pc-w small{color:#555;font-size:9.5pt}
  .pc-src{font-family:'Frank Ruhl Libre',serif;font-size:12pt;line-height:1.7;margin:2px 0 3px}
}
.who-bar .wb-tc{font-weight:700;color:#0E7490;white-space:nowrap;margin-inline-start:auto;margin-inline-end:10px}

/* v107: admin row under the regular tabs; view-as popup; assign students to the admin's class; teachers' group on the entry page */
.admnav{background:#23324D;border-radius:12px;margin:6px 8px 0;padding:6px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;position:static}
.admnav .adm-lbl{color:#FFE45C;font-weight:800;font-size:13px;padding:0 6px;letter-spacing:.5px}
.admnav button{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 11px;font-size:14px;min-height:36px;font-family:inherit;cursor:pointer}
.admnav button.on{background:#fff;color:#23324D;font-weight:800}
.admnav .adm-pv{background:#FFE45C;color:#23324D;font-weight:800;border-color:#FFE45C}
.us-sel{display:inline-flex;align-items:center;margin-inline-end:6px}.us-sel input{width:22px;height:22px;accent-color:#0E7490}
.rg-b.us-mine{background:#CFFAFE;color:#164E63}
.us-asg .btn.on{background:#0E7490;color:#fff;border-color:#0E7490}
.us-bulk{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;background:#ECFEFF;border:2px solid #0E7490;border-radius:12px;padding:8px 10px;margin:8px 4px}
.us-bb{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.us-bulk .btn.sm{min-height:36px;padding:4px 12px}
.as-l{text-align:right;margin:4px 0;padding-right:18px}
/* .lg-twa removed in v115 */

/* v107: the teachers' group as one compact line in the page frame; the commentary-sheet lock (admin) */
.twa-top{margin:6px 8px 0}.twa-top .twa-btn.twa-line,body.mode-teacher .twa-top .btn.twa-btn{display:flex;min-height:40px;font-size:15px;border-radius:10px;padding:6px 10px}
.cm-adm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.cm-adm .cm-btn{flex:1;margin:0}.cm-adm .cm-st{flex-basis:100%;color:var(--muted)}

/* v108: ✏️ עריכת תוכן (admin) and the site notice */
.ov-notice{background:#FFF7D6;border:2px solid #F5C518;border-radius:12px;padding:10px 12px;margin:8px 0;font-weight:700}
.ov-ed .ed-yu{display:flex;flex-wrap:wrap;margin:8px 0}.ov-ed select.t{width:100%}
.ed-f{margin:10px 0;padding:8px;border-radius:10px;border:1px solid #E5E7EB}.ed-f.ed-ch{border-color:#0E7490;background:#F0FDFF}
.ed-f textarea.t,.ed-f input.t{width:100%;box-sizing:border-box;font-size:16px}
.ed-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.ed-acts .btn.sm{min-height:40px}
.ed-tag{display:inline-block;background:#0E7490;color:#fff;border-radius:999px;font-size:12px;padding:1px 8px;font-weight:700;vertical-align:middle}
.ed-orig{margin-top:6px;font-size:14px}.ed-orig div{white-space:pre-wrap;background:#F9FAFB;border-radius:8px;padding:6px;margin-top:4px;color:#4B5563}
.ed-g{border:1px solid #E5E7EB;border-radius:10px;padding:6px 8px;margin:8px 0}.ed-g>summary{font-weight:700;cursor:pointer;min-height:32px}
.ed-sp{display:grid;gap:4px;margin:6px 0;padding:6px;border-radius:8px;background:#F9FAFB}
.ed-q{border:1px solid #E5E7EB;border-radius:10px;padding:6px 8px;margin:6px 0}.ed-q>summary{cursor:pointer;min-height:36px;line-height:1.5}.ed-q.ed-hid{opacity:.6}.ed-q.ed-ch{border-color:#0E7490}
.ed-qt{font-size:12px;background:#EEF2FF;color:#3730A3;border-radius:6px;padding:1px 6px}
.ed-qf textarea.t,.ed-qf input.t{width:100%;box-sizing:border-box;font-size:16px}.ed-opt{display:flex;gap:6px;align-items:center;margin:4px 0}.ed-opt input[type=radio]{width:22px;height:22px;flex:none;accent-color:#0E7490}
.ed-lv{display:flex;gap:14px;flex-wrap:wrap}.ed-lv label{display:flex;gap:4px;align-items:center;min-height:36px}
.ed-rep,.ed-hr{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #F3F4F6;padding:6px 0;font-size:14px}
.ed-repf{display:grid;gap:6px;margin-top:8px}

/* v110: the teachers' popup (mockup teacher-popup-sample.png) */
.lk-pop.tpop .lkp-card{text-align:center}
.tpop .tp-ic{font-size:56px;line-height:1.1;margin:4px 0}
.tpop .tp-t{color:#23324D;font-size:24px;font-weight:800;margin:6px 0 10px}
.tpop .tp-p{color:#374151;font-size:17px;line-height:1.6;margin:0 0 10px}.tpop .tp-b{font-weight:800;color:#1F2937}
.tpop .tp-box{background:#FFF7E0;border-radius:14px;padding:12px 14px;margin:6px 0 14px;font-size:16px;line-height:1.6;color:#1F2937}
.tpop .tp-thx{text-align:center;font-weight:800;font-size:20px;color:#23324D;margin:2px 0 12px}/*v113*/
.tpop .btn.twa-btn.tp-sh{min-height:54px;font-size:18px;border-radius:14px;margin-bottom:10px}
.tpop .btn.tp-done{display:flex;width:100%;justify-content:center;align-items:center;min-height:54px;font-size:18px;font-weight:800;background:#EEF2F7;color:#23324D;border:0;border-radius:14px;box-shadow:none}
.tpop .linkbtn.tp-later{display:block;margin:12px auto 0;color:#6B7280;text-decoration:none;font-size:16px;min-height:40px}

.tpop .tp-again{background:#E0F2FE;color:#075985;border-radius:12px;padding:8px 10px;font-weight:700;margin:0 0 10px}
.tp-joined{background:#ECFDF5;border:1px solid #A7F3D0;border-radius:12px;padding:10px 12px;margin:10px 0}.tp-joined ul{margin:6px 0 0;padding-right:18px}

/* v112: app users in the admin list */
.rg-appl{margin:6px 2px 10px;font-weight:700;color:#23324D}.rg-b.app{background:#E0F2FE;color:#075985}

/* v114 – design review, all 8 approved by איתמר ("הכל", 2.11.2026 06:58) */
/* 1. teacher tabs: 4×2 tile grid, icon and short name, every tab visible, no sideways scroll; the generator stays gold */
body.mode-teacher #subnav.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px 6px;overflow:visible}
body.mode-teacher #subnav.tiles button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:4px 2px;border-radius:14px;font-size:12.5px;line-height:1.15;white-space:normal;text-align:center;min-width:0}
#subnav.tiles .mi{font-size:19px;line-height:1}#subnav.tiles .ml{font-weight:700}
/* 3. teachers' "מחובר כ…" bar: soft band, level as a label, "יציאה" as a small button */
body.mode-teacher .who-bar{background:#F3F6FA;border-radius:12px;padding:7px 12px;margin:6px 0 12px;gap:8px}
body.mode-teacher .who-bar .lvl-tag{background:#E2E8F0;border-radius:999px;padding:1px 8px;font-weight:700;color:#334155;white-space:nowrap}
body.mode-teacher .who-bar #logout.lo-btn{border:1px solid #CBD5DF;border-radius:999px;padding:3px 12px;text-decoration:none;background:#fff;font-size:13px;color:#334155;min-height:0;flex:none}
/* 4. unit cards: same size, centred */
.yubar:not(.one){display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.yubar:not(.one) .yu{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px 4px;min-width:0}
.yubar:not(.one) .yu b{font-size:14px;line-height:1.25}.yubar:not(.one) .yu small{font-size:12px;opacity:.85}
body.mode-teacher .yubar:not(.one) .yu{border-radius:14px}
/* 5. bagrut dates: two cards side by side, large "עוד N ימים" on top */
.examdates{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.examdates .exd{display:flex;flex-direction:column;align-items:center;text-align:center;background:#FFF7E0;border:0;border-radius:14px;padding:10px 6px;margin:0;font-size:13.5px;line-height:1.35}
.examdates .exd:only-child{grid-column:1/-1}
.examdates .exd .exg{display:none}
.examdates .exn{order:-1;font-size:20px;font-weight:800;color:#23324D}
.examdates .exw{font-size:12.5px;color:#5A6478}
/* 6. ⓘ marks: small and light (the tap area stays large) */
.ib{width:22px;height:22px;min-width:22px;font-size:13px;border-width:1.5px;background:#fff;color:#0E7490;position:relative}
.ib::after{content:"";position:absolute;inset:-10px}
.ibw.on .ib{background:#0E7490;color:#fff}
/* 7. my students: score as a coloured label */
.rg-stn.sc-ok,.rg-stn.sc-low,.rg-stn.sc-none{border-radius:999px;padding:2px 10px;white-space:nowrap;flex:none}
.rg-stn.sc-ok{background:#DCFCE7;color:#166534;font-weight:800}
.rg-stn.sc-low{background:#FEF3C7;color:#92400E;font-weight:800}
.rg-stn.sc-none{background:#F1F5F9;color:#64748B;font-size:12.5px;font-weight:700}
/* 8. teachers' chapter picker lists: rows with divider lines, one frame around the list */
body.mode-teacher #hwC,body.mode-teacher .pick{border:1px solid #E3E8EF;border-radius:14px;padding:2px 8px;background:#fff;gap:0}
body.mode-teacher #hwC .ck,body.mode-teacher .pick .ck{border:0;border-bottom:1px solid #EEF2F6;border-radius:0;margin:0;background:transparent;box-shadow:none;padding:10px 4px}
body.mode-teacher #hwC .ck:last-child,body.mode-teacher .pick .ck:last-child{border-bottom:0}

/* v115 – the gift line became a small 🎁 button with a bubble (איתמר 2.11 07:04) */
.tsh-note .ibw.gift-w{display:inline-flex;vertical-align:middle;flex:none}
.ib.ib-gift{width:30px;height:30px;min-width:30px;font-size:17px;border:1.5px solid #E0B84A;background:#FFFDF4;color:inherit;cursor:pointer;font-family:inherit}
.ibw.on .ib.ib-gift{background:#FFE9A8;border-color:#C99A1E;color:inherit}
.ib-tip.gift-tip{background:#FFF7E0;color:#3a2f10;border:1px solid #E0B84A;font-size:14px;font-weight:500}
.ib-tip.gift-tip b{font-weight:800}
.tsh-note.tsh-s{gap:6px}
.tsh-note.tsh-f .ib-gift{margin-inline-start:2px}

/* v118: teacher tiles – 9 tiles (with 🗓️ תוכנית שנתית) are a 3×3 grid */
body.mode-teacher #subnav.tiles.t9{grid-template-columns:repeat(3,minmax(0,1fr))}
/* v118: הצעות לתוכנית שנתית (teachers only) – teal/slate teacher palette */
.pl-rights{font-size:13px;line-height:1.5;color:#334155;background:#F1F5F9;border-right:4px solid #0E7490;border-radius:8px;padding:7px 10px;margin:8px 0}
.pl-rights.pl-foot{margin:10px 12px 4px;text-align:center;border-right:0;background:none;color:var(--muted)}
.pl-g .pl-gh{margin:0 0 6px;font-size:21px;color:#164E63}
.pl-sub{margin:10px 0 4px}
.pl-sh{margin:0 0 8px;font-size:17px;color:var(--ink);border-bottom:2px solid #CFFAFE;padding-bottom:4px}
.pl-sh small{font-weight:600;font-size:13px;color:var(--muted);margin-inline-start:4px}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.pl-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px solid var(--line);border-radius:14px;padding:10px;min-width:0}
.pl-th{flex:0 0 84px;display:block;border:1px solid #CBD5E1;border-radius:6px;overflow:hidden;background:#fff;line-height:0}
.pl-th img{width:84px;height:auto;display:block}
.pl-tx{flex:1;min-width:0}
.pl-tx h5{margin:0 0 4px;font-size:16.5px;color:#164E63}
.pl-m{margin:0 0 2px;font-size:14px;color:var(--ink)}
.pl-e{margin:4px 0 0;font-size:14px;font-weight:700;color:#0E7490}
.pl-dr{font-weight:500;color:var(--muted);font-size:12.5px}
.pl-bs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.btn.pl-b,body.mode-teacher .btn.pl-b{flex:1 1 0;min-height:42px;background:#0E7490;color:#fff;border:0;border-radius:12px;box-shadow:none;font-size:15px;font-weight:800;padding:6px 10px}
.btn.pl-b.pl-w,body.mode-teacher .btn.pl-b.pl-w{background:#fff;color:#0E7490;border:2px solid #0E7490}
.btn.pl-b:active{transform:none;opacity:.85}
.pl-in{font-size:14.5px;line-height:1.5;color:var(--muted);margin:4px 0 0}
.pl-t{white-space:nowrap;unicode-bidi:isolate}
/* v118: teacher bank – a site question shows its first line in the closed row */
.bdet.sq>summary{flex-wrap:wrap;padding:4px 0}
.sq-pv{order:3;flex:1 0 100%;width:0;font-size:14px;font-weight:500;color:var(--ink);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
details.sq[open] .sq-pv{display:none}

/* v119: student sign-up – teacher code is optional and never blocks */
.su-opt{color:var(--ok);font-weight:800}.rg-tchk.warn{color:#9a5b00}.su-optn{color:var(--ok)}

/*v121: question cap note (מחולל מבחנים / דפי חזרה)*/
.gcap{font-size:13px;color:#475569;margin:4px 2px 8px;text-align:center}
.gcap.full{color:#9a5b00;font-weight:600}
#rCap{margin-top:6px}

/* v123: 📬 פניות (the /feedback form) */
.fb-badge{display:inline-block;min-width:20px;padding:0 6px;margin-inline-start:4px;border-radius:999px;background:#F2604A;color:#fff;font-size:12px;font-weight:800;line-height:20px;text-align:center;vertical-align:middle}
.fb-adm .fb-link{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#F6F3FD;border:1.5px dashed #B9A8E6;border-radius:12px;padding:8px 10px;margin:4px 0 10px;font-weight:700;word-break:break-all}
.fb-adm .fb-link span{flex:1;min-width:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.fb-chips{margin:6px 0 10px}
.fb-row{border-inline-start:4px solid var(--line)}
.fb-row.fb-new{border-inline-start-color:#6B4FBB;background:#FBFAFF}
.fb-k{display:inline-block;font-size:13px;font-weight:800;border-radius:999px;padding:1px 10px;margin-inline-end:6px;border:1.5px solid}
.fb-k.k-note{background:#E3F3F5;border-color:#2A7C8C;color:#1D5A66}
.fb-k.k-idea{background:#FFF4C2;border-color:#F2C230;color:#6E5200}
.fb-k.k-req{background:#EFEAFB;border-color:#6B4FBB;color:#4A3490}
.fb-k.k-thanks{background:#E4F6EC;border-color:#1E8E5A;color:#15663F}
.rg-b.fb-ok{background:#E4F6EC;color:#15663F}
.fb-text{white-space:pre-wrap;word-break:break-word}
.fb-foot{margin:6px 0 0;font-size:14px}
.fb-foot-a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}

/*v127: "מחוץ למיקוד" – a small muted grey chip on a bagrut section outside this year's מיקוד (shown, never hidden)*/
.chip.oos,body.mode-teacher .chip.oos{background:#F1F3F5;color:#6B7280;border:1px solid #D5D9DE;border-radius:999px;font-weight:500;font-size:12px;line-height:1.5;padding:0 8px;white-space:nowrap;vertical-align:1px}
summary .chip.oos{margin-inline-start:4px}
@media print{.chip.oos{background:none!important;color:#555!important;border:1px solid #999!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/*v130 העמקה (רשות) chip – same muted grey as מחוץ למיקוד*/
.chip.hm,body.mode-teacher .chip.hm{background:#F1F3F5;color:#6B7280;border:1px solid #D5D9DE;border-radius:999px;font-weight:500;font-size:12px;line-height:1.5;padding:0 8px;white-space:nowrap;vertical-align:1px;margin-inline-start:4px}
.card-h .who .chip.hm{font-size:11px}
@media print{.chip.hm{background:none!important;color:#555!important;border:1px solid #999!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* v134: the admin's "הורדת המצגת (PDF)" row in the projection viewer */
.mz-dl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 10px;color:#fff;font-size:.92rem}
.mz-dls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600}
.mz-dls:empty{display:none}
a.mz-b{text-decoration:none;display:inline-block}
.mz-ok{color:#bff0c8}
.mz-ov.fs .mz-dl{display:none}
@media (max-width:480px){.mz-dl{padding:0 10px 8px;gap:6px}}

/*v135: the chapter tabs carry the topic name on a second line*/
.mk-chs button.mk-ch{height:auto;min-height:40px;max-width:176px;white-space:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 12px;border-radius:14px;line-height:1.2;text-align:center}
.mk-chs button.mk-ch .mk-cl{white-space:nowrap}
.mk-chs button.mk-ch .mk-tn{font-size:11.5px;font-weight:500;opacity:.85}
.mk-chs button.mk-ch{position:relative}
.mk-chs button.mk-ch .lk-ic{position:absolute;top:3px;left:7px;font-size:11px}

/*v137: the note before Bit / PayBox*/
.paynote-card{text-align:center}
.paynote-tx{margin:0;font-size:16px;line-height:1.65;color:var(--ink);font-weight:500}
.paynote-ok{width:100%}
.paynote-x{align-self:center;margin-top:-2px}

/*v138: a generator assignment for a free student*/
.rg-hwlk{margin:8px 0 2px;padding:10px 12px;border:2px dashed var(--line);border-radius:12px;background:#fafafa}
.rg-hwlkt{margin:0;font-weight:700;font-size:15px;color:var(--ink,#333)}
.rg-hwlkn{margin:2px 0 4px}

/*v139: 📂 המבחנים האחרונים שלי (generator)*/
.gx>summary{cursor:pointer;list-style:none;font-size:17px;padding:2px 0}
.gx>summary::-webkit-details-marker{display:none}
.gx .gx-n{color:var(--muted,#667);font-weight:400}
.gx-note{margin:6px 0 4px}
.gx-row{border-top:1px solid #E1E7ED;padding:10px 0 4px}
.gx-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.gx-h b{font-size:16px;overflow-wrap:anywhere}
.gx-d{font-size:13px;color:var(--muted,#667);white-space:nowrap}
.gx-m{font-size:14px;margin-top:2px;overflow-wrap:anywhere}
.gx-u{font-size:13px;color:var(--muted,#667)}
.gx-b{gap:6px;flex-wrap:wrap;margin-top:6px}

/* v140: 🧾 חסרה קבלה */
.rg-b.nrc{background:#FDF0DC;color:#8A4B00}
.rg-adm .rg-row.rcq{background:#FFFBF3;border:1px solid #F0DDB8;border-radius:12px;padding:10px 12px;margin:8px 0;transition:opacity .25s,transform .25s}
.rg-adm .rg-row.rcq.gone{opacity:0;transform:scale(.98)}
.rg-row.rcq .rg-l1{padding-inline-end:0}
.rg-row.rcq .rc-kv{margin:8px 0 4px}
.rc-in{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.rc-in label{display:flex;flex-direction:column;gap:2px;min-width:0}
.rc-in input{width:100%;min-width:0;box-sizing:border-box}
.rg-row.rcq .rg-acts{margin-top:8px}
.rc-hd{line-height:1.5}
.linkbtn.rc-sum{font:inherit;font-weight:700;color:#8A4B00;text-decoration:underline;padding:0;background:none;border:0;cursor:pointer}

/* v141: device-only note */
.gx-warn{color:#B45309;font-weight:800}
.gx-dev{margin:8px 0 0;font-size:13px;text-align:center}

/* v142: whole העמקה/רשות sections (shown at 5 יח״ל only) – a soft grey box, same chip as the items; the teacher's "הצגת חומר שאינו ברמה" toggle and its dashed chips */
.grp.hm-sec,.sgrp.hm-sec{background:#F7F8FA;border:1px solid #DDE1E6;border-radius:12px;padding:10px 12px;margin:14px 0}
.sgrp.hm-sec{border-right:3px solid #C9CED5}
.grp.lvx-sec,.sgrp.lvx-sec{background:#FAFAFB;border:1px dashed #C9CED5;border-radius:12px;padding:10px 12px;opacity:.92}
.chip.hm.lvx,body.mode-teacher .chip.hm.lvx{background:#fff;border-style:dashed;color:#6B7280}
.sumlist li.sp-hm{color:#4B5563}
.alllv{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:10px;padding:7px 10px;margin:8px 0;cursor:pointer;line-height:1.4}
.alllv input{width:18px;height:18px;flex:0 0 auto;margin:0}
@media print{.alllv{display:none}.grp.hm-sec,.sgrp.hm-sec{background:none!important}}

/*v144: choose-one note (the Ministry unit asks for one of several explanations) – on the verse group, the key point and the question*/
.c1n{margin:6px 0 10px;padding:7px 11px;background:var(--yel2);border:1px solid #F1DE7A;border-radius:10px;font-size:14px;line-height:1.5;color:#4A3D0B}
.c1n.in{display:block;margin:5px 0 2px;padding:4px 9px;font-size:13px}
.c1n.q{margin:2px 0 10px;font-size:13px}
@media print{.c1n{background:none!important;border:1px solid #999!important;color:#333!important}}

/*v145pf*//* v145: "דף לתלמיד" choice (generator, files box, recent exams, review sheet) and the compact print of a questions-only sheet */
.pf-row{margin:8px 0 6px}.pf-l{display:block;font-size:14px;font-weight:700;margin-bottom:4px;color:var(--ink)}
.pf-seg{display:flex;width:100%;max-width:460px;margin-bottom:0}.pf-seg button{flex:1 1 auto;padding:5px 8px;font-size:13.5px;line-height:1.25}.pf-seg .nw{white-space:nowrap}
@media print{
  .pf-q .p-q{break-inside:auto;margin:0 0 5px}.pf-q .p-q .pt{break-after:avoid}
  .pf-q .p-q ol{margin:1px 0}.pf-q .p-part{margin:1px 0}.pf-q .p-intro{margin:1px 0}
  .pf-q .p-sec{margin:8px 0 3px;break-after:avoid}.pf-q .p-grp{margin:10px 0 3px;break-after:avoid}.pf-q .p-ch{break-after:avoid}.pf-q .p-sinstr,.pf-q .p-pinstr{margin-bottom:4px}
}

/*v146: מורחב (the Ministry's "ישעיה מורחב" units) and the העמקה label in the slides viewer*/
.chip.mrv,body.mode-teacher .chip.mrv{background:#EEF4FF;color:#1E3A8A;border:1px solid #BFD0F2;border-radius:999px;font-weight:600;font-size:12px;line-height:1.5;padding:0 8px;white-space:nowrap;vertical-align:1px;margin-inline-start:6px}
.mz-c .chip.mz-hm{margin-inline-start:8px}

/*V151PTS*//* v151: editable points in the exam generator */
.gpt-row{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;margin:2px 0 8px;font-size:14px}
.gpt-l,.gpt-sl{font-weight:700;color:var(--ink)}
.gpt-in{width:62px;min-height:38px;padding:5px 6px;border:1.5px solid #C5D2EA;border-radius:9px;font:inherit;font-size:16px;font-weight:700;text-align:center;background:#fff;color:var(--ink)}
.gpt-in.sm{width:46px;min-height:34px;font-size:15px;padding:4px 3px}
.gpt-in{-moz-appearance:textfield;appearance:textfield}
.gpt-in::-webkit-outer-spin-button,.gpt-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.gpt-in:focus{outline:2px solid var(--coral);outline-offset:1px}
.gpt-u{color:var(--ink)}
.gpt-sug{font-size:12.5px;color:var(--muted);background:#F3F6FB;border-radius:999px;padding:2px 9px}
.gpt-row.ed .gpt-in{border-color:var(--coral);background:#FFF6F2}
.gpt-row.ed .gpt-sug{color:#9a4a26;background:#FDEEE6}
.gpt-secs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;margin:-2px 0 8px;font-size:13.5px}
.gpt-s{display:inline-flex;align-items:center;gap:4px;font-weight:700}
.gpt-help{margin:8px 0 2px}
.gpt-tot{position:sticky;bottom:10px;z-index:6;margin:14px 0;padding:10px 12px;border-radius:12px;background:#EEF7F0;border:1.5px solid #9CCDA8;box-shadow:0 4px 14px rgba(35,50,77,.12)}
.gpt-tot.off100{background:#FFF8E6;border-color:#E9C46A}
.gpt-tl{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.gpt-tl b{font-size:16.5px}
.gpt-note{font-size:13px;color:#7a5200;margin-top:4px}
.gpt-note:empty{display:none}
.gen-q .btag.site>span{display:none}/*the original question's total; the teacher's points are in the row above*/
@media print{.gpt-row,.gpt-secs,.gpt-tot,.gpt-help{display:none!important}}
/*V153FB: replies in 📬 פניות (admin) and the sender's "תשובה מאיתמר" notice*/
.fb-ans{background:#EFEAFB;color:#4A3490}
.fb-rep{margin-top:8px;padding:8px 10px;border-radius:10px;background:#F6F3FD;border:1.5px solid #D9CFF3}
.fb-rep-h{font-size:13px;font-weight:700;color:#4A3490;margin-bottom:4px}
.fb-rep-t{white-space:pre-wrap;word-break:break-word;font-size:15px}
.fb-rep .rg-acts{margin-top:8px}
.fb-rf{margin-top:8px}
.fb-rf .f{margin:0 0 4px}
.fb-ta{min-height:76px;resize:vertical;font-size:15px;line-height:1.5}
.fbm-it{text-align:right;margin:10px 0;padding:10px;border-radius:12px;background:#F6F3FD;border:1.5px solid #D9CFF3}
.fbm-q{white-space:pre-wrap;word-break:break-word;font-size:14px;color:var(--muted);margin:2px 0 8px}
.fbm-a{white-space:pre-wrap;word-break:break-word;font-size:16px;font-weight:600;margin-bottom:4px}

/*V154GX*/ /* 📂 המבחנים האחרונים שלי inside the generator card*/
.gx.gx-in{margin:14px 0 0}
.gx.gx-in>summary{font-size:16px;gap:6px}
.gx.gx-in>summary b{color:var(--ink,#1f2937)}

/*V156ST – student tab strip as the תושב״ע student tabs (tushba .lkt.ts45): square tiles, emoji above a bold label, the active one teal */
body:not(.mode-teacher) #subnav.stiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px 6px;overflow:visible;flex-wrap:nowrap}
body:not(.mode-teacher) #subnav.stiles button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:4px 2px;border:1px solid #CBD5DF;border-radius:14px;background:#fff;color:#1F2A37;font-family:Heebo,system-ui,sans-serif;font-size:12.5px;font-weight:600;line-height:1.15;white-space:normal;text-align:center;min-width:0;transform:none;box-shadow:none;margin:0}
body:not(.mode-teacher) #subnav.stiles button.on{background:#2A7C8C;border-color:#2A7C8C;color:#fff;transform:none}
body:not(.mode-teacher) #subnav.stiles .mi{font-size:19px;line-height:1}
body:not(.mode-teacher) #subnav.stiles .ml{font-weight:700}
body:not(.mode-teacher) #subnav.stiles button[data-tab="progress"]{grid-column:1/-1;flex-direction:row;gap:6px;min-height:42px}
@media(min-width:700px){body:not(.mode-teacher) #subnav.stiles{gap:8px}body:not(.mode-teacher) #subnav.stiles button{font-size:14px;min-height:64px}}

/* V160SW: "🔄 החלף סעיף" under each section of a composite question in the generator preview */
.gen-q .swp-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 10px;margin-top:4px;white-space:normal}
.gen-q .swp-row .btn.swp{min-height:34px;font-size:13px;padding:3px 10px;border:1px dashed #9BB0D3}
.gen-q .swp-note{font-size:12.5px;font-weight:700;color:var(--ok);flex:1 1 auto}
.gen-q .bpart.swp-on{background:#F2FAF4;border-radius:8px;padding:4px 6px;margin-right:-6px;margin-left:-6px}
.gen-q .bpart.swp-fl{animation:fl 1s}
.swp-asg{background:#FFF7E0;border-radius:8px;padding:6px 8px}
/* V160UC: a count per mitzvot unit */
.gunits .gck .gnum input.gun{width:64px}

/*V162FF*/.rg-b.gift{background:#F3E8FF;color:#6B21A8}.btn.rg-ff{background:#7C3AED;border-color:#7C3AED;color:#fff}

/* V164CM: "📋 דף מלווה שיעור" – a wide tile under the teacher tile grid, and its page (a list of chapters) */
body.mode-teacher #subnav.tiles button[data-tab="cm"]{grid-column:1/-1;flex-direction:row;gap:8px;min-height:44px}
.cm164-head .cm-adm{margin-top:8px}
.cm164-b{padding-top:10px}
.cm164-bh{font-size:18px;margin:0 0 6px;color:#1F2A37}
.cm164-u h4{font-size:14px;margin:12px 0 6px;color:#0E7490}
.cm164-r{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:right;background:#fff;border:1px solid #CBD5DF;border-radius:12px;padding:10px 12px;margin:0 0 6px;font-family:Heebo,system-ui,sans-serif;color:#1F2A37;cursor:pointer;min-width:0}
.cm164-r:active{background:#F1F5F9}
.cm164-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cm164-t b{font-size:15px;line-height:1.3}
.cm164-t small{font-size:12.5px;color:#64748B}
.cm164-i{font-size:20px;flex:none}

/* V165TL: the ירמיהו timeline (home card, list/chapter rows, viewer window) and the "📬 תיבת פניות" button */
.tl165-card{margin:12px 0;background:#fff;border:1px solid #E3E8EF;border-right:6px solid #0F8B8D;border-radius:14px;padding:12px 14px;box-shadow:0 4px 14px rgba(24,35,58,.06);font-family:Heebo,system-ui,sans-serif}
.tl165-hd{display:flex;gap:10px;align-items:flex-start}
.tl165-ic{font-size:28px;line-height:1;flex:none}
.tl165-hd b{display:block;font-size:17px;color:#1F2A37;line-height:1.3}
.tl165-hd span{display:block;font-size:13.5px;color:#475569;line-height:1.45;margin-top:2px}
.tl165-act,.tl165-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tl165-row{margin:6px 0 12px}
.tl165-row .tl165-b{font-size:14.5px;white-space:nowrap}
.tl165-b{flex:1 1 140px;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border-radius:10px;border:0;background:#0F6E70;color:#fff;font:700 15px/1.2 Heebo,system-ui,sans-serif;text-decoration:none;cursor:pointer;text-align:center;box-sizing:border-box}
.tl165-b.o{background:linear-gradient(180deg,#ffe7a8,#f2b84b);color:#3d2a02}
.tl165-b.g{background:#fff;color:#1F2A37;border:1px solid #CBD5DF}
.tl165-b:active{filter:brightness(.95)}
body.tl165-on{overflow:hidden}
.tl165-ov{position:fixed;inset:0;z-index:5000;background:#FFFDF6;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.tl165-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));background:#071a22;color:#fff;border-bottom:2px solid #f2b84b;font-family:Heebo,system-ui,sans-serif}
.tl165-bar b{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl165-cl{flex:none;min-height:40px;padding:6px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:600 14px Heebo,system-ui,sans-serif;cursor:pointer}
.tl165-dl{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border-radius:9px;background:linear-gradient(180deg,#ffe7a8,#f2b84b);color:#3d2a02;font:700 14px Heebo,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.tl165-body{max-width:640px;margin:0 auto}
.tl165-body img{display:block;width:100%;height:auto}
.tl165-end{display:flex;gap:8px;flex-wrap:wrap;padding:14px 12px calc(20px + env(safe-area-inset-bottom))}
.fb165-home{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;background:#F5F8FB;border:1px solid #E3E8EF;border-radius:12px;font-family:Heebo,system-ui,sans-serif}
.fb165-home span{flex:1;min-width:0;font-size:13px;color:#475569;line-height:1.4}
.fb165-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:6px 14px;border-radius:999px;background:#23324D;color:#fff;font:700 15px/1.2 Heebo,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.fb165-foot{margin:10px 0 4px}
.fb165-foot .fb165-btn{min-height:40px;font-size:14.5px}
@media print{.tl165-card,.tl165-row,.fb165-home,.fb165-foot,.tl165-ov{display:none!important}}