/* Shared look for the Hebrew parent guides, the homework timer and the printables (kids.mindo.club/test-prep, /timer, /printables/...).
   Same tokens as the home page; one typeface (Polin) and medium-weight headlines, as on /en (Rivka 30.10.2026: big, not bold). */
@font-face{font-family:"Polin";src:url("/assets/fonts/Polin-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Polin";src:url("/assets/fonts/Polin-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Polin";src:url("/assets/fonts/Polin-Semibold.woff2") format("woff2");font-weight:600 800;font-display:swap}
:root{
  --cream:#FFF8EE;--ink:#2B1D52;--ink-2:#5B4E7E;--violet:#6E56F5;--violet-deep:#4B34D6;--violet-soft:#EFEBFF;--lilac:#EBE2FB;
  --sun:#FFC547;--sun-soft:#FFF1CC;--mint:#E2F6EC;--mint-deep:#1F7A52;--peach:#FFE9DC;--line:rgba(43,29,82,.1);
  --ease:cubic-bezier(.16,1,.3,1);--read:720px;--wide:1080px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Polin",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--violet-deep);text-underline-offset:3px}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:10px}
p{margin:0 0 16px}
h1,h2,h3{font-family:"Polin",system-ui,sans-serif;font-weight:500;margin:0;text-wrap:balance}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;inset-inline-start:16px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;z-index:10}
.skip:focus{top:12px}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 24px}
.read{max-width:var(--read);margin-inline:auto}

/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:48px;width:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 28px;border:0;border-radius:999px;background:var(--violet);color:#fff;font:600 19px/1.2 "Polin",system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 6px 0 var(--violet-deep),0 18px 36px rgba(110,86,245,.25);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--violet-deep)}
.btn-ghost{min-height:44px;padding:0 20px;font-size:16px;background:transparent;color:var(--ink);border:2px solid var(--line);box-shadow:none}
.btn-ghost:hover{border-color:var(--violet);color:var(--violet-deep)}
.btn-ghost:active{transform:none;box-shadow:none}
.btn-soft{background:#fff;color:var(--violet-deep);box-shadow:0 4px 0 rgba(75,52,214,.25)}

/* article head */
.crumbs{font-size:15px;color:var(--ink-2);margin:28px 0 18px}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs a:hover{color:var(--violet-deep);text-decoration:underline}
.crumbs span[aria-hidden]{margin:0 6px;opacity:.6}
.kicker{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--violet);margin:0 0 14px}
.kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;opacity:.6}
h1{font-size:clamp(38px,5.4vw,66px);line-height:1.06;letter-spacing:-.01em;margin:0 0 20px}
h1 .hl{color:var(--violet)}
.lead{font-size:clamp(19px,2.1vw,22px);line-height:1.65;color:var(--ink-2);margin:0 0 18px}
.meta{font-size:14.5px;color:var(--ink-2);margin:0 0 36px}
.meta b{font-weight:600;color:var(--ink)}

/* the short answer, first thing under the headline (also what an AI assistant quotes) */
.short{background:#fff;border-radius:28px;padding:26px 30px;box-shadow:0 20px 50px rgba(91,63,228,.08);border:1px solid rgba(43,29,82,.05);margin:0 0 56px}
.short h2{font-size:16px;font-weight:600;color:var(--violet);margin:0 0 8px;letter-spacing:.01em}
.short p{font-size:19px;line-height:1.7;margin:0}
.short ul{margin:12px 0 0;padding-inline-start:22px}
.short li{margin-bottom:6px}
.short li::marker{color:var(--violet)}

/* body text */
article h2{font-size:clamp(28px,3.4vw,38px);line-height:1.15;letter-spacing:-.005em;margin:64px 0 18px}
article h3{font-size:22px;line-height:1.3;margin:28px 0 8px;font-weight:600}
article ul,article ol{margin:0 0 18px;padding-inline-start:24px}
article li{margin-bottom:8px}
article li::marker{color:var(--violet)}
.src{font-size:15px;color:var(--ink-2)}
blockquote{margin:24px 0;padding:18px 24px;border-inline-start:4px solid var(--violet);background:var(--violet-soft);border-radius:0 18px 18px 0;font-size:19px}
blockquote p{margin:0}
blockquote cite{display:block;margin-top:8px;font-size:15px;font-style:normal;color:var(--ink-2)}

/* numbered days / steps */
.days{list-style:none;margin:28px 0 8px;padding:0;display:grid;gap:14px;counter-reset:d}
.days>li{position:relative;background:#fff;border-radius:22px;padding:20px 24px 18px 24px;padding-inline-start:84px;border:1px solid rgba(43,29,82,.06);margin:0}
.days>li::before{counter-increment:d;content:counter(d);position:absolute;inset-inline-start:22px;top:20px;width:42px;height:42px;border-radius:50%;background:var(--violet-soft);color:var(--violet-deep);display:grid;place-items:center;font-weight:600;font-size:19px}
.days b.when{display:block;font-weight:600;font-size:15px;color:var(--violet);margin-bottom:2px}
.days h3{margin:0 0 4px;font-size:21px}
.days p{margin:0;color:var(--ink-2);font-size:17px}

/* simple table */
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:22px;overflow:hidden;border:1px solid rgba(43,29,82,.08);margin:22px 0 10px;font-size:17px}
.tbl th,.tbl td{padding:14px 16px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl thead th{background:var(--violet-soft);font-weight:600;font-size:15.5px;color:var(--violet-deep)}
.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{font-weight:600;white-space:nowrap}

/* side-by-side do / don't */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.pair>div{border-radius:22px;padding:20px 22px}
.pair .yes{background:var(--mint)}
.pair .no{background:var(--peach)}
.pair h3{margin:0 0 8px;font-size:18px}
.pair ul{margin:0;padding-inline-start:20px;font-size:17px}
.pair li{margin-bottom:6px}

/* the printable teaser and the Mindo Kids box */
.print-card{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--sun-soft);border-radius:28px;padding:24px 28px;margin:30px 0}
.print-card img{width:96px}
.print-card h3{margin:0 0 6px;font-size:22px}
.print-card p{margin:0 0 14px;color:var(--ink-2);font-size:17px}
.print-card .btn{min-height:48px;font-size:17px;padding:0 22px;box-shadow:0 5px 0 var(--violet-deep)}
.grade-links{display:flex;flex-wrap:wrap;gap:10px}
.mk{position:relative;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:var(--violet);color:#fff;border-radius:32px;padding:36px 40px;margin:72px 0 24px;overflow:hidden}
.mk h2{color:#fff;margin:0 0 10px;font-size:clamp(26px,3vw,34px)}
.mk p{color:rgba(255,255,255,.86);margin:0 0 22px;font-size:18px}
.mk .fine{font-size:14.5px;margin:14px 0 0;color:rgba(255,255,255,.8)}
.mk img{width:150px;filter:drop-shadow(0 18px 26px rgba(20,8,90,.35))}

/* faq */
.faq{display:grid;gap:12px;margin:22px 0 0}
details{background:#fff;border-radius:22px;padding:4px 26px;border:1px solid rgba(43,29,82,.06)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;font-size:19px;line-height:1.4}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(var(--violet),var(--violet)) center/12px 2px no-repeat,linear-gradient(var(--violet),var(--violet)) center/2px 12px no-repeat,var(--violet-soft);transition:transform .3s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 20px;margin:0;color:var(--ink-2)}

/* more guides */
.more{margin:72px 0 0;padding:32px 0 0;border-top:1px solid var(--line)}
.more h2{font-size:22px;margin:0 0 14px;font-weight:600}
.more ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.more a{font-size:18px}

footer{text-align:center;font-size:14.5px;color:var(--ink-2);padding:56px 24px 48px}
footer .logo{justify-content:center;margin-bottom:10px}
footer .logo img{height:56px}
footer p{margin:0 0 6px}
footer a{color:var(--ink-2)}

@media screen and (max-width:720px){
  body{font-size:17px}
  .wrap{padding:0 16px}
  .logo img{height:42px}
  .short{padding:22px 20px;border-radius:24px}
  .days>li{padding:18px 18px 16px;padding-inline-start:70px}
  .days>li::before{inset-inline-start:16px;width:38px;height:38px;font-size:17px}
  .pair{grid-template-columns:1fr}
  .tbl{font-size:15.5px}
  .tbl th,.tbl td{padding:12px 10px}
  .tbl td:first-child{white-space:normal}
  .print-card{grid-template-columns:1fr;text-align:center;padding:24px 20px}
  .print-card img{margin-inline:auto;width:84px}
  .grade-links{justify-content:center}
  .mk{grid-template-columns:1fr;text-align:center;padding:30px 22px}
  .mk img{order:-1;margin:0 auto -6px;width:120px}
  .mk .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- printables: a toolbar (grade / print) and one A4 sheet per version ---------- */
.tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 22px}
.seg{display:flex;gap:6px;padding:6px;border-radius:999px;background:var(--violet-soft)}
.seg button{font:600 16px "Polin",system-ui,sans-serif;border:0;border-radius:999px;padding:10px 20px;min-height:46px;background:transparent;color:var(--violet-deep);cursor:pointer}
.seg button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 6px 16px rgba(110,86,245,.16)}
.no-js .tools{display:none}
.sheets{display:grid;gap:28px;margin:0 0 12px}
.js .sheet:not(.on){display:none}
.sheet{background:#fff;border-radius:22px;padding:36px 38px 28px;box-shadow:0 24px 60px rgba(91,63,228,.12);border:1px solid rgba(43,29,82,.06);color:var(--ink);font-size:16px;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.sh-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.sh-head h2{font-size:32px;line-height:1.1;margin:0 0 4px}
.sh-head .tag{font-size:14px;font-weight:600;color:var(--violet)}
.sh-head img{width:96px;flex:none}
.lines{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px 18px;margin:0 0 16px}
.ln{display:flex;align-items:flex-end;gap:8px;font-weight:600;font-size:15px;white-space:nowrap}
.ln i{flex:1;border-bottom:1.5px solid rgba(43,29,82,.35);height:24px;min-width:40px}
.parts{background:var(--cream);border-radius:16px;padding:12px 16px 14px;margin:0 0 18px}
.parts>b{display:block;font-size:15px;margin-bottom:4px}
.parts .ln{font-weight:500}
.parts .ln+.ln{margin-top:4px}
.ptbl{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:16px;margin:-8px 0 8px}
.ptbl th{font-size:13.5px;font-weight:600;color:var(--ink-2);text-align:start;padding:0 10px 2px}
.ptbl td{background:var(--violet-soft);padding:12px 10px;vertical-align:middle}
.ptbl td:first-child{border-radius:0 14px 14px 0;width:22%}
.ptbl td:last-child{border-radius:14px 0 0 14px;width:70px;text-align:center}
.ptbl .day{display:flex;align-items:flex-end;gap:6px;font-weight:600;color:var(--violet-deep)}
.ptbl .day i{flex:1;border-bottom:1.5px solid rgba(75,52,214,.35);height:20px}
.ptbl .min{width:64px;text-align:center;font-weight:600;color:var(--violet-deep)}
.ptbl .min small{display:block;font-size:12px;font-weight:500;color:var(--ink-2)}
.ptbl .chk{display:inline-block;width:32px;height:32px;border-radius:50%;border:2px solid var(--violet);background:#fff;vertical-align:middle}
.sh-head .sub{margin:4px 0 0;font-size:16px;color:var(--ink-2)}
.tipbox{display:grid;grid-template-columns:1fr 150px auto;gap:12px;align-items:center;background:var(--sun-soft);border-radius:16px;padding:14px 18px;margin:8px 0 0;font-size:15px}
.tipbox p{margin:0}
.tipbox p+p{margin-top:4px}
.tipbox img{width:70px}
.tipbox.tip-short{background:transparent;padding:0;margin-top:2px}
.tipbox.tip-short .say{background:var(--sun-soft)}
.tipbox .say{background:#fff;border-radius:18px 18px 18px 4px;padding:9px 12px;font-weight:600;font-size:14px;line-height:1.35;color:var(--violet-deep);margin:0}
.sh-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12.5px;color:var(--ink-2)}
.sh-foot img{height:26px;width:auto}
/* daily board: empty rows to write in */
.ptbl.blank td{height:52px;background:#fff;border-block:1.5px solid var(--violet-soft)}
.ptbl.blank td:first-child{border-inline-start:1.5px solid var(--violet-soft)}
.ptbl.blank td:last-child{border-inline-end:1.5px solid var(--violet-soft)}
.ptbl.blank td+td{border-inline-start:1.5px dashed rgba(110,86,245,.35)}
.ptbl.blank td.min{width:70px}
.ptbl.blank td:first-child{width:24%}
.sh-hint{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:600;font-size:15px;color:var(--violet-deep)}
.sh-hint::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sun)}
/* weekly table: six day boxes and a tests box */
.wk{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.wk-day{border:1.5px solid var(--violet-soft);border-radius:14px;padding:8px 12px 10px}
.wk-day h3{font-size:17px;font-weight:600;margin:0 0 2px;color:var(--violet-deep)}
.wk-head,.wk-row{display:grid;grid-template-columns:30% 1fr 30px;gap:8px;align-items:end}
.wk-head{font-size:12px;font-weight:600;color:var(--ink-2)}
.wk-head span:last-child{text-align:center}
.wk-row{height:30px}
.wk-row i{border-bottom:1.5px solid rgba(43,29,82,.28);height:22px}
.wk-row b{justify-self:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--violet);margin-bottom:2px}
.wk-tests{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;background:var(--cream);border-radius:14px;padding:10px 14px;margin:0 0 10px}
.wk-tests>b{grid-column:1 / -1;font-size:15px}
/* star chart */
.goal{background:var(--cream);border-radius:16px;padding:12px 16px 14px;margin:0 0 14px}
.goal>b{display:block;font-size:16px;margin-bottom:2px}
.goal .ln+.ln{margin-top:6px}
.goal small{display:block;margin-top:8px;font-size:13px;color:var(--ink-2)}
.stars-cap{font-weight:600;font-size:15px;color:var(--violet-deep);margin:0 0 6px}
.stars{display:grid;grid-template-columns:repeat(5,1fr);gap:8px 14px;margin:0 0 14px;padding:0;list-style:none}
.stars li{position:relative;display:grid;place-items:center}
.stars svg{width:min(76px,100%);height:auto;fill:#fff;stroke:#D99A0B;stroke-width:1.8;stroke-linejoin:round} /* deep gold: still clear on a black-and-white printer */
.stars .half{position:absolute;top:-4px;inset-inline-start:-6px;background:var(--violet);color:#fff;font-size:11.5px;font-weight:600;border-radius:999px;padding:1px 8px;white-space:nowrap}
.prize{display:flex;align-items:flex-end;gap:12px;border:2px dashed #D99A0B;border-radius:16px;padding:14px 16px;margin:0 0 10px}
.prize b{font-size:18px;white-space:nowrap}
.prize i{flex:1;border-bottom:1.5px solid rgba(43,29,82,.35);height:26px}
.prize small{display:block;font-size:12.5px;color:var(--ink-2);margin-top:2px}
/* the printables hub */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 40px}
.card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:#fff;border-radius:24px;padding:20px 22px;border:1px solid rgba(43,29,82,.06);box-shadow:0 14px 34px rgba(91,63,228,.07);text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.card:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(91,63,228,.13)}
.card img{width:64px}
.card h2{font-size:20px;font-weight:600;margin:0 0 4px}
.card p{margin:0;font-size:15.5px;color:var(--ink-2);line-height:1.55}
.card span{display:inline-block;margin-top:6px;font-weight:600;font-size:15px;color:var(--violet-deep)}

.howto{counter-reset:h;list-style:none;padding:0;margin:18px 0}
.howto li{position:relative;padding-inline-start:44px;margin-bottom:12px}
.howto li::before{counter-increment:h;content:counter(h);position:absolute;inset-inline-start:0;top:1px;width:30px;height:30px;border-radius:50%;background:var(--violet-soft);color:var(--violet-deep);display:grid;place-items:center;font-weight:600;font-size:15px}
@media screen and (max-width:720px){
  .tools{justify-content:center}
  .tools .btn{width:100%}
  .sheet{padding:22px 16px 18px;border-radius:18px;font-size:15px}
  .sh-head h2{font-size:25px}
  .sh-head img{width:70px}
  .lines{grid-template-columns:1fr}
  .ptbl{font-size:14.5px}
  .ptbl td{padding:10px 8px}
  .ptbl td:first-child{width:34px}
  .ptbl .day i{display:none}
  .ptbl td:last-child{width:46px}
  .ptbl .min{width:46px}
  .ptbl .chk{width:26px;height:26px}
  .wk{grid-template-columns:1fr}
  .wk-tests{grid-template-columns:1fr}
  .stars{gap:6px 8px}
  .cards{grid-template-columns:1fr}
  .tipbox{grid-template-columns:1fr auto}
  .tipbox>div{grid-column:1 / -1}
  .tipbox img{width:54px}
}
@page{size:A4 portrait;margin:12mm}
@media print{
  body.printable main>article>*:not(.sheets){display:none!important}
  body.printable .sheets{display:block;margin:0}
  body.printable .sheet{box-shadow:none;border:0;border-radius:0;padding:0;font-size:12.5pt;break-after:page;page-break-after:always}
  body.printable .sheet:last-child{break-after:auto;page-break-after:auto}
  body.printable .sh-head{margin-bottom:4mm}
  body.printable .sh-head h2{font-size:25pt}
  body.printable .lines{margin-bottom:4mm}
  body.printable .parts{padding:2.5mm 4mm 3mm;margin-bottom:4mm}
  body.printable .ptbl{font-size:12.5pt;border-spacing:0 2.2mm}
  body.printable .ptbl td{padding:3mm 3mm}
  body.printable .ptbl td:first-child{width:15%}
  body.printable .tipbox{grid-template-columns:1fr 54mm auto}
  body.printable .ptbl.blank td{height:19mm}
  body.printable .stars svg{width:24mm}
}

/* printing an article page: just the text */
@media print{
  .top,.mk,.print-card .btn,.more,footer,.skip,.no-print{display:none!important}
  body{background:#fff;font-size:12pt}
  .short,details,.days>li,.tbl{box-shadow:none;border:1px solid #ccc}
  details{padding:4px 12px}
  details:not([open]) p{display:block}
}