.ot{padding-bottom:30px}.ot h1{margin:.4em 0 .2em}.ot .lead{font-size:1.08rem}
.crumbs{font-size:.9rem;margin:12px 0 0}.crumbs a{color:#3B4BFF}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin:14px 0 20px}
.lgrid a{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:3px solid #14121F;border-radius:16px;padding:8px 4px;text-decoration:none;color:#14121F;box-shadow:4px 4px 0 #FF5B2E}
.lgrid a:hover{box-shadow:5px 5px 0 #3B4BFF}.lgrid .big{font-size:2.6rem;font-weight:800;line-height:1.1}.lgrid img{width:34px;height:34px}.lgrid small{font-size:.75rem;color:#555}
.ggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:10px 0 20px}
.ggrid a{display:block;background:#fff;border:3px solid #14121F;border-radius:16px;padding:14px;text-decoration:none;color:#14121F;box-shadow:4px 4px 0 #B6F03C}.ggrid a b{font-size:1.15rem;display:block;margin-bottom:4px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:14px 0}
.wc{position:relative;background:#fff;border:3px solid #14121F;border-radius:18px;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;break-inside:avoid}
.wc img{width:62%;max-width:130px;height:auto;aspect-ratio:1}
.wc .w{font-size:2rem;font-weight:800;letter-spacing:.5px}.wc .fl{color:#FF5B2E}
.wc .lt{position:absolute;top:6px;right:10px;font-size:1.1rem;font-weight:800;color:#3B4BFF}
.wc .say{position:absolute;top:4px;left:6px;border:0;background:none;font-size:1.1rem;cursor:pointer;padding:4px}
.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.pn{display:flex;justify-content:space-between;gap:10px;margin:18px 0}.pn a{color:#3B4BFF;font-weight:700;text-decoration:none}
.tip{background:#FFF6D6;border:2px dashed #14121F;border-radius:14px;padding:10px 14px;margin:14px 0}
.ltitle{display:none}
/* games */
.game{background:#fff;border:3px solid #14121F;border-radius:20px;padding:16px;margin:14px 0;text-align:center}
.game .pic{width:150px;height:150px}.game .word{font-size:2.4rem;font-weight:800;margin:6px 0 10px;min-height:1.3em}.game .word .fl{color:#FF5B2E}
.opts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0}
.opts button{font-family:inherit;font-size:2.2rem;font-weight:800;min-width:76px;min-height:76px;border:3px solid #14121F;border-radius:16px;background:#fff;cursor:pointer;box-shadow:3px 3px 0 #14121F}
.opts button.pic{padding:6px;min-width:110px;min-height:110px}.opts button.pic img{width:90px;height:90px;display:block}
.opts button.ok{background:#B6F03C}.opts button.no{background:#ffc9bd;opacity:.7}
.score{font-weight:700;font-size:1.05rem}.msg{font-size:1.3rem;font-weight:700;min-height:1.6em;margin:6px 0}
.target{font-size:4.5rem;font-weight:800;color:#3B4BFF;line-height:1.1}
.mem{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:520px;margin:10px auto}
.mem button{aspect-ratio:1;border:3px solid #14121F;border-radius:14px;background:#3B4BFF;color:#fff;font-family:inherit;font-size:2.4rem;font-weight:800;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}
.mem button.up,.mem button.done{background:#fff;color:#14121F}.mem button.done{background:#E8FFC2;border-color:#4a8a00}.mem button img{width:78%;height:78%}
.mem button .q{font-size:1.8rem}
select.ls{font-family:inherit;font-size:1rem;padding:6px;border:2px solid #14121F;border-radius:10px}
@media(max-width:520px){.cards{grid-template-columns:repeat(2,1fr);gap:8px}.wc .w{font-size:1.6rem}.mem{gap:6px}.mem button{font-size:1.9rem}}
@media print{
 @page{size:A4;margin:9mm}
 body{background:#fff!important}.noprint,.draft,header,footer,.bar,.pn,.tip,.crumbs,.lead,h1.scr{display:none!important}
 .ot{max-width:none;padding:0;margin:0}
 .ltitle{display:block;font-size:13pt;font-weight:700;margin:0 0 2mm;text-align:center}
 .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0}
 .lpage{break-after:page;page-break-after:always}.lpage:last-child{break-after:auto;page-break-after:auto}
 .wc{height:66mm;border:1px dashed #777;border-radius:0;box-shadow:none;justify-content:center;gap:3mm;padding:2mm}
 .wc img{width:auto;height:34mm;max-width:none}.wc .w{font-size:30pt}.wc .lt{font-size:14pt;color:#3B4BFF}.wc .say{display:none}
 .wc .fl{color:#FF5B2E;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* nikud + handwriting fonts (added 25/10) */
@font-face{font-family:"OtNikud";src:url(/otiyot/f/nikud-700.woff2) format("woff2");font-weight:700 800;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"OtYad";src:url(/otiyot/f/ktav-yad.woff2) format("woff2");font-display:swap;unicode-range:U+05D0-05EA}
.nk,.wc .w,.game .word,.opts button.wd{font-family:"OtNikud","Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;font-weight:700}
.wc .w{line-height:1.75;padding:.1em .1em .05em;white-space:nowrap}
.game .word{line-height:1.75}
.yad{font-family:"OtYad",cursive;font-weight:400}
.lbox{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 4px}
.lb{flex:1 1 140px;background:#fff;border:3px solid #14121F;border-radius:18px;padding:8px 10px 10px;text-align:center;box-shadow:4px 4px 0 #3B4BFF}
.lbt{position:relative;z-index:1;font-size:1rem;font-weight:700;color:#555;font-family:"OtNikud",Arial,sans-serif;line-height:1.8}
.lbig{font-size:7rem;line-height:1.35;padding-top:.1em;font-weight:800;color:#14121F;font-family:"OtNikud",Arial,sans-serif}.lbig.yad{font-family:"OtYad",cursive;font-weight:400;color:#3B4BFF}
.fin{display:block;font-size:1rem;color:#555}.fin b{font-size:2.2rem;color:#FF5B2E;margin-inline-start:6px;font-family:"OtNikud",Arial,sans-serif}.fin b.yad{font-family:"OtYad",cursive;font-weight:400}
.opts button.wd{font-size:1.9rem;min-width:130px;padding:6px 14px;line-height:1.75}
.wsl{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin:10px 0 18px}.wsl a{display:block;text-align:center;font-size:1.8rem;font-weight:800;background:#fff;border:3px solid #14121F;border-radius:12px;padding:4px;text-decoration:none;color:#14121F;box-shadow:3px 3px 0 #B6F03C}
/* worksheet */
.ws{background:#fff;border:3px solid #14121F;border-radius:18px;padding:14px;margin:12px 0}
.wshead{display:flex;align-items:flex-end;gap:8px;font-size:1.3rem}.wshead .line{flex:0 1 260px;border-bottom:2px solid #14121F;height:1.4em}
.wsletters{display:flex;justify-content:center;gap:40px;margin:2px 0}.wl{font-size:5rem;font-weight:800;line-height:1.1;font-family:"OtNikud",Arial,sans-serif}.wl.yad{font-family:"OtYad",cursive;font-weight:400;color:#3B4BFF}
.wsq{font-size:1.6rem;text-align:center;margin:6px 0 10px;line-height:1.8}.wsq.sm{font-size:1.3rem;margin-top:14px}
.wsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wsc{border:2px solid #14121F;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;aspect-ratio:1/0.9}
.wsc img{width:72%;height:auto;max-width:120px}
.wsgrid.wskg .wsc{aspect-ratio:auto;padding:6px;gap:2px}.wsgrid.wskg .wsc img{width:56px}.wsgrid.wskg .nk{font-size:1.15rem;line-height:1.8}
.wsgrid.wskg .wsc.on{border:4px solid #e0001b;border-radius:50%;background:#fff3f3}
.trace{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tr{width:64px;height:78px;border-bottom:2px solid #14121F;font-size:3.6rem;line-height:78px;text-align:center;font-family:"OtNikud",Arial,sans-serif;font-weight:800;color:transparent;-webkit-text-stroke:1.5px #9a9a9a}
.wskey{margin:10px 0}.wskey summary{cursor:pointer;font-weight:700;color:#3B4BFF;padding:6px 0}.keypage{background:#fff;border:2px dashed #14121F;border-radius:14px;padding:12px}.keyt{font-weight:800;font-size:1.2rem;margin:0 0 4px}
.srct{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}.srct th,.srct td{border:1px solid #ccc;padding:4px 6px;text-align:right;vertical-align:middle}.srct td.nk{font-size:1.25rem;line-height:1.8}.srct img{width:28px;height:28px}
@media(max-width:520px){.lbig{font-size:5rem}.wsgrid{grid-template-columns:repeat(3,1fr)}.wl{font-size:3.6rem}.tr{width:48px;height:60px;font-size:2.8rem;line-height:60px}}
@media print{
 .lbox{display:none}
 .wc .w{line-height:1.6}
 .ws{border:0;padding:0;margin:0}
 .wshead{font-size:15pt}.wl{font-size:52pt}.wsq{font-size:18pt;margin:2mm 0 4mm}.wsq.sm{font-size:15pt;margin-top:5mm}
 .wsgrid{gap:3mm}.wsc{aspect-ratio:auto;height:44mm;border:1.5px solid #333}.wsc img{width:auto;height:32mm}
 .tr{width:20mm;height:24mm;line-height:24mm;font-size:44pt;-webkit-text-stroke:1.2px #999}
 .wskey{display:none!important}
 body.withkey .wskey{display:block!important}body.withkey .wskey summary{display:none}
 .keypage{break-before:page;page-break-before:always;border:0;padding:0}
 .wsgrid.wskg .wsc{height:auto}.wsgrid.wskg .wsc img{height:20mm;width:auto}.wsgrid.wskg .wsc.on{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .srct{font-size:9pt}
}

/* override site-wide .bar / h1 span styles inside this section */
.ot .bar{display:flex;flex-wrap:wrap;grid-template-columns:none;gap:8px;align-items:center;margin:10px 0}
.ot .bar span{border:0;height:auto;border-radius:0;font-size:inherit;display:inline;place-items:normal;color:inherit}
.ot h1 small span{background:none}