/* Written by scripts/build-pages.js: the styles of index.html, then content/pages.css. Do not edit by hand. */
/* Fonts are served from this site (public/fonts, SIL Open Font License), split by script like the original Google Fonts files. */
@font-face{font-family:'Alef';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/alef-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Alef';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/alef-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Alef';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/alef-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Alef';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/alef-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(fonts/fredoka-var-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(fonts/fredoka-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(fonts/fredoka-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Suez One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/suez-one-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Suez One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/suez-one-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Suez One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/suez-one-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Layout: an exam booklet on squared math-notebook paper; sticky bar with the child's profile, single column of "sheets", answer squares shaded like pencil. */
:root{
  --paper:#F5F7FA; --sheet:#FFFFFF; --ink:#23272F; --muted:#5B6372; --line:#D8DDE6;
  --grid:rgba(58,92,170,.075); --pencil:#F4B400; --pencil-ink:#3A2C00; --blue:#2A55C9;
  --good:#1A7541; --good-bg:#E4F3E9; --bad:#B8382C; --bad-bg:#FBE8E5; --warn:#9A6400; --warn-bg:#FFF4D6;
  --shade:#2B2F37; --soft:#EEF1F6;
  --av1:#2A55C9; --av2:#1A7541; --av3:#B8382C; --av4:#7A4CC2;
  --display:'Suez One','Frank Ruhl Libre',Georgia,serif;
  --body:'Fredoka','Assistant','Arial Hebrew','Segoe UI',Arial,sans-serif;
  --read:'Alef','Noto Sans Hebrew','Arial Hebrew','Segoe UI',Arial,sans-serif;
  --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#13161B; --sheet:#1B1F26; --ink:#E7EAF0; --muted:#9BA3B1; --line:#2F3540;
  --grid:rgba(140,170,255,.055); --pencil:#F6C433; --pencil-ink:#2A2000; --blue:#86A6FF;
  --good:#5CCB8A; --good-bg:#15301F; --bad:#FF8B7D; --bad-bg:#3A1C18; --warn:#F2C25B; --warn-bg:#352A10;
  --shade:#E7EAF0; --soft:#232832; --av1:#86A6FF; --av2:#5CCB8A; --av3:#FF8B7D; --av4:#C3A4FF; color-scheme:dark }}
:root[data-theme="dark"]{
  --paper:#13161B; --sheet:#1B1F26; --ink:#E7EAF0; --muted:#9BA3B1; --line:#2F3540;
  --grid:rgba(140,170,255,.055); --pencil:#F6C433; --pencil-ink:#2A2000; --blue:#86A6FF;
  --good:#5CCB8A; --good-bg:#15301F; --bad:#FF8B7D; --bad-bg:#3A1C18; --warn:#F2C25B; --warn-bg:#352A10;
  --shade:#E7EAF0; --soft:#232832; --av1:#86A6FF; --av2:#5CCB8A; --av3:#FF8B7D; --av4:#C3A4FF; color-scheme:dark }

*{box-sizing:border-box}
body{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;direction:rtl;margin:0}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.2;text-wrap:balance;margin:0}
p{margin:0}
a{color:var(--blue)}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}

.top{position:sticky;top:0;padding-top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.top-in{max-width:1040px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:14px;min-height:60px}
.brand{font-family:var(--display);font-size:24px;display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;background:none;border:0;padding:0}
.owl{width:34px;height:34px;color:var(--ink);flex:none}.owl-lg .owl{width:84px;height:84px}
.mxt{border-collapse:separate;border-spacing:6px}.mxt td{width:78px;height:78px;border:2px solid var(--ink);border-radius:10px;background:var(--sheet);text-align:center;vertical-align:middle;padding:4px}.mxt td.q{border-style:dashed;color:var(--blue);font-size:30px;font-weight:600;background:var(--soft)}.mxt .fig{max-width:62px;margin:0 auto}
.pq .mxt td{width:58px;height:58px}.pq .mxt .fig{max-width:48px}
.loading{display:grid;place-items:center;gap:14px;padding:80px 0;color:var(--muted)}
.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.tabs::-webkit-scrollbar{display:none}
.tab{background:none;border:0;padding:8px 12px;min-height:44px;border-radius:10px;cursor:pointer;white-space:nowrap;font-weight:500;color:var(--muted)}
.tab .ti,.tab .ts{display:none}.tab .chip{padding:0 7px}
.tab:hover{color:var(--ink);background:var(--soft)}
.tab[aria-current="page"]{color:var(--ink);background:var(--soft);box-shadow:inset 0 -3px 0 var(--pencil)}
.who{position:relative;flex:none}
.who-btn{display:flex;align-items:center;gap:8px;background:var(--sheet);border:1.5px solid var(--line);border-radius:999px;padding:4px 12px 4px 4px;cursor:pointer;font-weight:600}
.menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:8px;min-width:230px;box-shadow:0 10px 30px rgba(0,0,0,.14);display:grid;gap:2px;z-index:30}
.menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:none;border:0;padding:8px 10px;border-radius:8px;cursor:pointer}
.menu button:hover{background:var(--soft)}
.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--sheet);font-weight:600;font-size:15px;flex:none}
.av.lg{width:56px;height:56px;font-size:24px}
.av.c0{background:var(--av1)}.av.c1{background:var(--av2)}.av.c2{background:var(--av3)}.av.c3{background:var(--av4)}

.wrap{max-width:1040px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-left,0px));padding-block:28px 64px}
.stack{display:flex;flex-direction:column;gap:20px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.muted{color:var(--muted)}
.small{font-size:14px}
.eyebrow{font-size:13px;letter-spacing:.06em;color:var(--muted);font-weight:600}
.h1{font-size:clamp(30px,5vw,40px)}

.btn{border:2px solid var(--ink);background:var(--sheet);border-radius:999px;padding:.5em 1.15em;cursor:pointer;font-weight:600;line-height:1.3;transition:transform .12s}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--ink);color:var(--paper)}
.btn.pencil{background:var(--pencil);border-color:var(--pencil);color:var(--pencil-ink)}
.btn.ghost{border-color:var(--line)}
.btn.sm{padding:.3em .9em;font-size:14px}
.btn[disabled]{opacity:.45;cursor:default;transform:none}
.linkbtn{background:none;border:0;color:var(--blue);text-decoration:underline;cursor:pointer;padding:0}

.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:22px;min-width:0}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--ink);white-space:nowrap}
.chip.a{background:var(--pencil);color:var(--pencil-ink)}
.chip.b{background:var(--ink);color:var(--paper)}
.chip.good{background:var(--good-bg);color:var(--good)}
.chip.bad{background:var(--bad-bg);color:var(--bad)}
.chip.warn{background:var(--warn-bg);color:var(--warn)}

/* forms */
.field{display:grid;gap:4px}
.field label{font-size:14px;font-weight:600}
.field input,.field select{padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--sheet);min-width:0}
.field input:focus,.field select:focus{border-color:var(--ink);outline:none}
.form{display:grid;gap:14px}
.form-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.err{color:var(--bad);font-size:14px;min-height:1.2em}
.check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.check input{width:18px;height:18px;margin-top:3px;accent-color:var(--ink)}

/* auth */
.auth{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start;padding-top:10px}
.auth h1{font-size:clamp(40px,7vw,64px)}
.auth h1 small{display:block;font-family:var(--body);font-size:clamp(20px,3vw,26px);font-weight:600;margin-top:10px}
a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.auth h1 span{background:linear-gradient(transparent 62%,var(--pencil) 62%,var(--pencil) 90%,transparent 90%);padding-inline:4px}
.auth .lead{font-size:19px;max-width:32em;margin-top:14px}
.perks{display:grid;gap:10px;margin-top:22px}
.perk{display:flex;gap:12px;align-items:flex-start}
.perk .box{margin-top:4px}
.perk.on .box{background:var(--shade);box-shadow:inset 0 0 0 3px var(--sheet)}
.about h2{font-size:26px;margin-bottom:12px}
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.about-grid>div{background:var(--sheet);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px}
.about-grid p{font-size:15px;color:var(--muted);margin-top:4px;line-height:1.6}
.intro-static .lead{font-size:19px;max-width:40em;margin-top:12px}
.site-foot{max-width:1040px;margin:0 auto;padding:0 16px 28px;font-size:13px;color:var(--muted);text-align:center}
.site-foot nav,.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:8px}
.ph{background:var(--warn-bg);color:var(--warn);font-weight:600;padding:0 6px;border-radius:6px}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;padding:3px;gap:2px;background:var(--sheet);flex-wrap:wrap}
.seg button{border:0;background:none;padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:500}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.kids{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.kid{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:var(--sheet);border:1.5px solid var(--line);border-radius:14px;cursor:pointer;text-align:center}
.kid:hover{border-color:var(--ink)}
.kid.add{border-style:dashed;color:var(--muted)}

/* dashboard */
.dash{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:start}
.today{display:grid;gap:12px}
.today h2{font-size:28px}
.plan{display:grid;gap:6px;margin:4px 0 6px}
.plan div{display:flex;gap:10px;align-items:center;font-size:15px}
.plan .box{width:16px;height:16px;border-width:1.5px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kpi b{font-family:var(--display);font-weight:400;font-size:30px;display:block;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi span{font-size:13px;color:var(--muted)}
.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px;max-width:340px}
.heat i{aspect-ratio:1;border-radius:4px;background:var(--soft);display:block;max-width:100%}
.heat i.l1{background:color-mix(in srgb,var(--pencil) 35%,var(--soft))}
.heat i.l2{background:color-mix(in srgb,var(--pencil) 65%,var(--soft))}
.heat i.l3{background:var(--pencil)}
.heat i.today{outline:2px solid var(--ink);outline-offset:1px}
.heat-lbl{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:340px;font-size:11px;color:var(--muted);text-align:center;margin-top:8px}
.skills{display:grid;gap:2px}
.skill{display:grid;grid-template-columns:minmax(0,1.5fr) 2fr 72px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.skill:last-child{border-bottom:0}
.skill .nm{display:flex;flex-direction:column;min-width:0}
.skill .nm small{color:var(--muted);font-size:12px}
.meter{height:10px;background:var(--line);border-radius:99px;overflow:hidden;min-width:60px;position:relative}
.meter i{display:block;height:100%;background:var(--ink);border-radius:inherit}
.pct{font-variant-numeric:tabular-nums;font-weight:600;text-align:start;font-size:15px}
.trend{font-size:12px;font-weight:600}
.trend.up{color:var(--good)}.trend.down{color:var(--bad)}
.insights{display:grid;gap:10px}
.ins{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.ins::before{content:"";width:10px;height:10px;border-radius:3px;margin-top:7px;flex:none;background:var(--muted)}
.ins.good::before{background:var(--good)}.ins.bad::before{background:var(--bad)}.ins.warn::before{background:var(--pencil)}
.chart svg{width:100%;height:auto;display:block}
.legend{display:flex;gap:14px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.legend span::before{content:"";display:inline-block;width:14px;height:3px;border-radius:2px;background:currentColor;vertical-align:middle;margin-inline-end:6px}
.legend .la{color:var(--warn)}.legend .lb{color:var(--blue)}.legend .lu{color:var(--good)}

/* practice chooser */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.tcard{text-align:start;background:var(--sheet);border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0}
.tcard:hover{border-color:var(--ink)}
.tcard strong{font-size:18px}
.tcard .meta{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.smart-card{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--sheet);border:2px solid var(--ink);border-radius:var(--r);padding:18px 20px}

/* question */
.qhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.qnum{font-family:var(--display);font-size:20px;display:flex;align-items:center;gap:10px}
.qnum::before{content:"";width:12px;height:12px;background:var(--pencil);border-radius:3px}
.prompt{font-family:var(--read);font-size:20px;line-height:1.9;margin-bottom:16px}
.visual{margin-bottom:18px;overflow-x:auto;container-type:inline-size}
.read{font-family:var(--read);line-height:1.9}
.math{direction:ltr;unicode-bidi:isolate;display:inline-block;font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.03em;white-space:nowrap;font-family:var(--body)}
.num{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;font-weight:500;font-family:var(--body)}
/* an equation moves to the next line as a whole: split between two lines of a right-to-left sentence it reads "12 = 16" */
bdi.num{display:inline-block;max-width:calc(100% - .6em)}
.blank{display:inline-block;width:2.1em;height:1em;border-bottom:3px solid var(--ink);vertical-align:-.12em;margin:0 .12em;background:var(--soft);border-radius:4px 4px 0 0}
.tri{color:var(--blue)}
.center-v{text-align:center;padding:10px 0}
.opts{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:var(--sheet);border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;cursor:pointer;min-width:0}
.opt:hover:not([disabled]){border-color:var(--ink)}
.opt[disabled]{cursor:default}
.box{width:22px;height:22px;border:2px solid var(--ink);border-radius:4px;flex:none;background:var(--sheet);display:grid;place-items:center;font-size:14px;font-weight:700;line-height:1;font-family:var(--body)}
.letter{font-weight:600;color:var(--muted);min-width:1.1em}
.opt .content{min-width:0;flex:1;font-family:var(--read);font-size:18px;line-height:1.8}
.opt.sel .box{background:var(--shade);box-shadow:inset 0 0 0 3px var(--sheet)}
.opt.sel{border-color:var(--ink)}
.opt.right{border-color:var(--good);background:var(--good-bg)}
.opt.right .box{border-color:var(--good);background:var(--good);color:var(--sheet);box-shadow:none}
.opt.right .box::after{content:"✓"}
.opt.wrong{border-color:var(--bad);background:var(--bad-bg)}
.opt.wrong .box{border-color:var(--bad);background:var(--bad);color:var(--sheet);box-shadow:none}
.opt.wrong .box::after{content:"✗"}
.opts.figs{grid-template-columns:repeat(4,1fr)}
.opts.figs .opt{flex-direction:column;align-items:stretch;padding:10px}
.opts.figs .opt .lead{display:flex;align-items:center;gap:8px}
.fig{width:100%;max-width:84px;height:auto;display:block;margin:4px auto 0;color:var(--ink)}
.answer-in{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.answer-in input{font-size:24px;width:6.5em;padding:8px 12px;border:2px solid var(--ink);border-radius:10px;background:var(--sheet);direction:ltr;text-align:center}
.answer-in input.right{border-color:var(--good);background:var(--good-bg)}
.answer-in input.wrong{border-color:var(--bad);background:var(--bad-bg)}
.fb{margin-top:16px;padding:14px 16px;border-radius:12px;border:1.5px solid}
.fb.good{border-color:var(--good);background:var(--good-bg)}
.fb.bad{border-color:var(--bad);background:var(--bad-bg)}
.fb.warn{border-color:var(--warn);background:var(--warn-bg)}
.fb strong{display:block;margin-bottom:2px}
.rep{margin-top:10px;font-size:14px}.rep summary{cursor:pointer;color:var(--muted);width:max-content}
.rep-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.rep-form select,.rep-form input{padding:6px 10px;border:1.5px solid var(--line);border-radius:10px;background:var(--sheet);font-size:14px}.rep-form input{flex:1;min-width:150px}
.qsplit{display:grid;gap:20px}
@media (min-width:900px){.qsplit{grid-template-columns:1.1fr 1fr;align-items:start;gap:22px}.qsplit>.passage{position:sticky;top:76px;max-height:calc(100vh - 96px);overflow-y:auto}}
.passage{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.passage h3{font-family:var(--read);font-weight:600;font-size:23px;margin-bottom:10px}
.passage ol{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:ln}
.passage li{counter-increment:ln;display:grid;grid-template-columns:28px 1fr;gap:6px;max-width:62ch;font-family:var(--read);font-size:20px;line-height:2}
.passage li::before{content:counter(ln);font-size:12px;color:var(--muted);padding-top:9px;font-variant-numeric:tabular-nums;font-family:var(--body)}
.passage details summary{cursor:pointer;font-weight:600}
.analogy{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:23px;font-weight:500;font-family:var(--read)}
.pair{border:2px solid var(--ink);border-radius:12px;padding:4px 14px;background:var(--soft)}
.pair .q{color:var(--blue);font-weight:600}
.sent{font-family:var(--read);font-size:22px;line-height:2;font-weight:500}
.dir{font-size:13px;color:var(--muted);margin-bottom:8px;font-family:var(--read)}
.clues{margin:0;padding-inline-start:22px;font-family:var(--read);font-size:19px;line-height:1.9}
/* "place" questions: names (tokens) are dragged, or tapped and then placed, into slots */
.place{display:grid;gap:12px}
.pslots{display:flex;flex-wrap:wrap;gap:10px}
.pslot{display:grid;gap:3px;justify-items:center}
.plab{font-size:14px;font-weight:600;color:var(--muted);font-family:var(--read)}
.pdrop,.ptok{font:inherit;font-family:var(--read);font-size:17px;font-weight:600;color:var(--ink);border-radius:12px;touch-action:none;user-select:none;-webkit-user-select:none}
.pdrop{min-width:92px;min-height:46px;padding:6px 10px;border:2px dashed var(--muted);background:var(--soft);cursor:pointer}
.pdrop.full{border-style:solid;border-color:var(--ink);background:var(--sheet);cursor:grab}
.pdrop.fixed{border-style:solid;border-color:var(--line);cursor:default}
.pdrop.over{border-color:var(--blue);border-style:solid}
.pdrop.right{border-color:var(--good);background:var(--good-bg)}
.pdrop.wrong{border-color:var(--bad);background:var(--bad-bg)}
.pdrop[disabled],.ptok[disabled]{cursor:default;opacity:1}
.ptray{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:58px;padding:8px;border:1.5px solid var(--line);border-radius:12px;background:var(--sheet)}
.ptray.over{border-color:var(--blue)}
.ptok{padding:7px 14px;border:2px solid var(--ink);background:var(--sheet);cursor:grab}
.pick{outline:3px solid var(--blue);outline-offset:2px}
.pghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 6px 18px rgba(0,0,0,.25);margin:0}
.pslots.ring{display:block;position:relative;width:min(100%,340px);aspect-ratio:1;margin:0 auto}
.pslots.ring::before{content:"";position:absolute;inset:29%;border-radius:50%;border:2.5px solid var(--ink);background:var(--soft)}
.pslots.ring .pslot{position:absolute;transform:translate(-50%,-50%)}
.pq .place{font-family:var(--read);font-size:15px;line-height:1.9}
.pq .clues{font-size:15px;line-height:1.7}
.pintro{border:1px solid #C9CED8;border-radius:10px;padding:12px 14px;background:#F7F8FA}
.pintro h3{font-size:17px;margin-bottom:4px}.pintro>p{font-size:14px;line-height:1.7;margin-bottom:8px}.pintro .pq{background:#fff}
/* sequences stay on one row (RTL reading order); cells and frames shrink with the container */
.seq{display:flex;align-items:center;gap:8px;gap:clamp(4px,1.6cqi,8px)}
.cell{flex:0 1 3.1em;min-width:0;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);border-radius:10px;font-size:22px;font-size:clamp(14px,5.6cqi,22px);line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background:var(--sheet);padding-inline:2px}
.cell.q{border-style:dashed;color:var(--blue);background:var(--soft)}
.frames{display:flex;gap:10px;gap:clamp(4px,1.6cqi,10px)}
.frame{flex:0 1 86px;min-width:0;border:2px solid var(--ink);border-radius:10px;padding:6px;padding:clamp(2px,1cqi,6px);background:var(--sheet)}
.frame.q{border-style:dashed;display:grid;place-items:center;font-size:30px;color:var(--blue);font-weight:600;background:var(--soft)}
.frame .fig{margin:0 auto}
.shapes{display:flex;flex-wrap:wrap;gap:14px}
.shapes svg{width:150px;max-width:100%;height:auto;color:var(--ink)}
.shapes .badge{fill:var(--sheet)}
.shapes .qtxt{fill:var(--blue)}
.carpetbox{max-width:420px}
.carpet{width:100%;height:auto;display:block;color:var(--ink)}
.carpet .hole{fill:var(--sheet)}.carpet .qtxt{fill:var(--blue)}
.rowsv{display:grid;gap:6px;max-width:300px}
.rowsv svg{width:100%;height:auto;display:block;color:var(--ink)}
.rowsv .badge{fill:var(--sheet)}.rowsv .qtxt{fill:var(--blue)}
.ntable{border-collapse:separate;border-spacing:6px}
.ntable td{width:3.2em;height:2.8em;text-align:center;border:2px solid var(--ink);border-radius:8px;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;background:var(--sheet)}
.ntable td.q{border-style:dashed;color:var(--blue);background:var(--soft)}

/* session + sim */
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.score{font-variant-numeric:tabular-nums;font-weight:600}
.timer{font-family:var(--display);font-size:28px;font-variant-numeric:tabular-nums;direction:ltr}
[hidden]{display:none!important} /* the hidden attribute wins over classes that set display (chips, form fields) */
.timer.low{color:var(--bad)}.timer.warn{color:var(--warn)}
/* the clock that follows the child down a long page: shown only while the chapter header is scrolled out of view */
.tpill{position:fixed;inset-inline-end:12px;z-index:19;display:flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:var(--sheet);border:1.5px solid var(--line);box-shadow:0 2px 10px rgba(0,0,0,.18);font-family:var(--display);font-size:20px;line-height:1.3}
.tpill .num{font-family:var(--display);font-weight:400}.tpill small{font-family:var(--body);font-size:13px;font-weight:600}
.tpill.warn{color:var(--warn);border-color:var(--warn)}.tpill.low{color:var(--bad);border-color:var(--bad)}
.rev-ch{display:grid;gap:12px}.rev-ch h3{font-family:var(--body);font-weight:600;font-size:19px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tbar{height:8px;background:var(--line);border-radius:99px;overflow:hidden}
.tbar i{display:block;height:100%;background:var(--pencil);transition:width .5s linear}
.dots{display:flex;flex-wrap:wrap;gap:6px}
.dot{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--line);background:var(--sheet);cursor:pointer;font-weight:600;font-variant-numeric:tabular-nums;position:relative}
.dot.done{background:var(--shade);color:var(--sheet);border-color:var(--shade)}
.dot.cur{outline:3px solid var(--pencil);outline-offset:1px}
.dot.flag::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:7px;height:7px;border-radius:50%;background:var(--pencil);box-shadow:0 0 0 1.5px var(--sheet)}
.flag-btn[aria-pressed="true"]{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}
.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.notice{padding:12px 16px;border-radius:12px;background:var(--soft);border:1.5px dashed var(--muted)}
.chapters{display:grid;gap:8px;margin:14px 0}
.chap{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--sheet)}
@keyframes pop{0%{transform:scale(.92);opacity:.5}100%{transform:scale(1);opacity:1}}
.res-big{font-family:var(--display);font-size:56px;line-height:1;animation:pop .25s ease-out}
.res-hero{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.res-hero .owl{width:76px;height:76px;flex-shrink:0;animation:pop .3s ease-out}
.rrow{display:grid;grid-template-columns:minmax(0,1.4fr) 2fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.rrow:last-child{border-bottom:0}
.review{display:grid;gap:12px}
.review details{background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.review summary{cursor:pointer;font-weight:600}
.tag{font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;white-space:nowrap}
.tag.ok{background:var(--good-bg);color:var(--good)}
.tag.no{background:var(--bad-bg);color:var(--bad)}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th{text-align:start;font-size:13px;color:var(--muted);font-weight:600;padding:8px 6px;border-bottom:1.5px solid var(--line)}
.tbl td{padding:9px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl-wrap{overflow-x:auto}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.filters select{padding:6px 10px;border:1.5px solid var(--line);border-radius:999px;background:var(--sheet)}
.leit{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.leit div{border:1.5px solid var(--line);border-radius:12px;padding:12px;text-align:center;background:var(--sheet)}
.leit b{font-family:var(--display);font-weight:400;font-size:30px;display:block}
.progress{height:10px;background:var(--line);border-radius:99px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--pencil);transition:width .3s}

/* parents */
.doc{display:grid;gap:22px}.doc>*{min-width:0} /* a wide table scrolls in its own box instead of widening the page */
.doc section{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.doc h2{font-size:26px;margin-bottom:10px}
.doc p,.doc li{max-width:66ch}
.doc ul{padding-inline-start:20px;display:grid;gap:6px;margin:8px 0 0}
.cmp{width:100%;min-width:520px;border-collapse:collapse;font-size:15px}.cmp th,.cmp td{border:1px solid var(--line);padding:7px 9px;text-align:start;vertical-align:top}.cmp th{background:var(--soft)}
.timeline{display:grid;margin-top:12px}
.tl{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.tl b{font-family:var(--display);font-weight:400;font-size:18px}
.chlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:12px}
.chlist div{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px}
.chlist div b{display:block}
.foot{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.confirm{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sync-note{position:fixed;bottom:16px;inset-inline-start:16px;max-width:calc(100% - 32px);z-index:50;padding:8px 14px;border-radius:999px;background:var(--warn-bg);color:var(--warn);font-size:14px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.15);pointer-events:none}

/* PDF pages (rendered offscreen, always on white paper) */
.pdfroot{position:absolute;left:-14000px;top:0;width:794px}
@page{size:A4;margin:0}
@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}body>*:not(.printroot){display:none!important}.printroot{position:static;width:auto}.printroot .pdfpage{break-after:page;box-shadow:none;margin:0;width:210mm;height:296.5mm}}
.pdfpage{--ink:#16181D;--sheet:#fff;--soft:#F1F3F6;--line:#C9CED8;--blue:#1E4DB8;--muted:#5B6372;--shade:#16181D;--paper:#fff;--pencil:#F4B400;
  width:794px;height:1123px;background:#fff;color:#16181D;padding:56px 58px 40px;display:flex;flex-direction:column;direction:rtl;font-family:var(--body);overflow:hidden;margin-bottom:20px}
.pbody{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:14px}
.pfoot{display:flex;justify-content:space-between;font-size:11px;color:#5B6372;border-top:1px solid #C9CED8;padding-top:8px;margin-top:8px}
.pq{border:1px solid #C9CED8;border-radius:10px;padding:12px 14px}
.pq .pqh{display:flex;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:6px}
.pq .prompt{font-size:16px;margin-bottom:8px;line-height:1.8}
.pq .visual{margin-bottom:8px;overflow:visible}
.pq .math{font-size:24px}
.popts{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.popts.f4{grid-template-columns:repeat(4,1fr)}
.popt{display:flex;align-items:center;gap:8px;font-family:var(--read);font-size:15px;line-height:1.7}
.popt .box{width:16px;height:16px;border:1.6px solid #16181D;border-radius:3px}
.popt.sel .box{background:#16181D;box-shadow:inset 0 0 0 2px #fff}
.popt.ok{color:#1A7541;font-weight:600}
.popt .fig{max-width:58px;margin:0}
.pq .frames .frame{flex-basis:62px;padding:4px}
.pq .cell{flex-basis:2.4em;font-size:17px}
.pq .shapes svg{width:118px}
.pq .carpetbox{max-width:300px}.pq .rowsv{max-width:240px}
.pq .ntable td{font-size:17px;height:2.2em;width:2.6em}
.pq .analogy{font-size:18px}
.pq .sent{font-size:17px}
.pchap{border-bottom:3px solid #16181D;padding-bottom:6px;display:flex;justify-content:space-between;align-items:flex-end}
.pchap h2{font-size:26px}
.ppass{border:1px solid #C9CED8;border-radius:10px;padding:12px 16px}
.ppass h3{font-family:var(--read);font-size:18px;margin-bottom:6px}
.ppass li{font-size:15.5px;line-height:1.9;grid-template-columns:22px 1fr}
.pcover h1{font-size:44px}
.pline{border-bottom:1.5px solid #16181D;min-width:220px;display:inline-block;height:1.4em}
.pkey{width:100%;border-collapse:collapse;font-size:14px}
.pkey th,.pkey td{border:1px solid #C9CED8;padding:5px 6px;text-align:center}
.pkey th{background:#F1F3F6}
.pexp{font-size:13px;line-height:1.6;border-bottom:1px solid #E1E4EA;padding:6px 0}
.ptag{font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px}
.ptag.ok{background:#E4F3E9;color:#1A7541}.ptag.no{background:#FBE8E5;color:#B8382C}

@media (max-width:820px){
  .auth,.dash{grid-template-columns:1fr}
  .form-2{grid-template-columns:1fr}
  .opts.figs{grid-template-columns:1fr 1fr}
  .sheet{padding:16px}
  .math{font-size:26px}
  .rrow{grid-template-columns:1fr auto}
  .rrow .meter{grid-column:1 / -1;order:3}
  .skill{grid-template-columns:minmax(0,1fr) 64px}
  .skill .meter{grid-column:1 / -1;order:3}
  .tl{grid-template-columns:1fr;gap:2px}
  .brand span,.who-btn .nm{display:none}
  .who-btn{padding:4px}
  .leit{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:1fr 1fr 1fr}
}
/* phones: fixed bottom tab bar so all 5 tabs are visible (the top row overflows below ~660px) */
@media (max-width:700px){
  .has-tabs .brand span{display:inline}
  .top-in{justify-content:space-between}
  .tabs{position:fixed;inset:auto 0 0 0;z-index:25;gap:2px;overflow:visible;background:var(--sheet);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.08);padding:4px max(4px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px))}
  .tab{flex:1 1 0;min-width:0;min-height:52px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;font-size:13px;line-height:1.15}
  .tab .tf{display:none}.tab .ts{display:block}
  .tab .ti{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .tab[aria-current="page"]{box-shadow:inset 0 3px 0 var(--pencil)}
  .tab[aria-current="page"] .ti{stroke-width:2.4}
  .tab:focus-visible{outline-offset:-3px}
  .tab .chip{position:absolute;top:3px;left:calc(50% + 6px);font-size:11px;line-height:1.5;padding:0 6px}
  body.has-tabs{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .has-tabs .sync-note{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .analogy{font-size:20px;gap:8px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---- static pages (scripts/build-pages.js): guides, sample questions, legal pages ---- */
.static a.brand{text-decoration:none;color:inherit}
.pg-nav{display:flex;gap:2px 14px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;font-weight:500}
.pg-nav::-webkit-scrollbar{display:none}
.pg-nav a{color:var(--muted);text-decoration:none;white-space:nowrap;padding:10px 2px;min-height:44px;display:inline-flex;align-items:center}
.pg-nav a:hover,.pg-nav a[aria-current="page"]{color:var(--ink)}
.pg-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.pg-cta{white-space:nowrap}
.static .btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.static .doc>div>.lead{font-size:19px;max-width:40em;margin-top:12px}
.static .doc h3{font-size:20px;margin:14px 0 6px}
.samples{display:grid;gap:18px}
.samples>h2{font-size:24px;margin:0}
.sample{border-top:1px dashed var(--line);padding-top:16px}
.samples>h2+.sample,.samples>p+.sample,.samples>.passage+.sample{border-top:0;padding-top:0}
.sample .opt{cursor:default}
.sample .answer-in{display:flex;align-items:center;gap:10px;margin-top:6px}
.sample .aline{display:inline-block;min-width:110px;border-bottom:2px solid var(--ink);height:1.4em}
details.ans{margin-top:12px}
details.ans summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
details.ans .fb{margin-top:6px}
.pg-end .row{flex-wrap:wrap;gap:10px}
.pg-more ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px}
.pg-more h2{font-size:22px}
.answer-key{break-before:page}
.answer-key .cmp td:nth-child(2){white-space:nowrap;text-align:center}
@media (max-width:760px){
  .static .top-in{flex-wrap:wrap;gap:4px 12px;padding-block:6px}
  .static .pg-nav{order:3;flex-basis:100%}
}
@media print{
  /* the app prints only its exam booklet (body>*:not(.printroot) is hidden); here the page itself is printed */
  body.static>main.wrap{display:block!important}
  .static .top,.static .site-foot,.static .pg-end,.static .pg-more,.static details.ans{display:none}
  .static .doc section,.static .passage{border:0;padding:0;background:none}
  .static .sample{break-inside:avoid}
  .static .opts:not(.figs){grid-template-columns:1fr 1fr;gap:6px}
  .static .opt{padding:5px 10px}
  .static .prompt{margin-bottom:8px}
  .static .visual{margin-bottom:8px}
  .static .wrap{padding:0}
  .printable .doc::after{content:"OpenGifted · opengifted.com · חינמי, בלי קשר למשרד החינוך";display:block;margin-top:16px;font-size:12px;color:#5B6372}
}