@font-face{font-family:'Frank Ruhl Libre D2';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/fonts/frankruhl-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:'Frank Ruhl Libre D2';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/fonts/frankruhl-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:'Heebo D2';font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/heebo-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:'Heebo D2';font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/heebo-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}
/* DESIGN-2.0 PREVIEW 11.11.2026: one colour system, dark (default since 11.11 20:10, Haim) + light; dark rules are @media screen only, so print stays light; loaded after every other stylesheet */
/* WS-LIGHT 12.11 (Haim WhatsApp 05:11 "דפי עבודה במצב בהיר בלבד! רק האתר עצמו במצב כהה או בהיר"): every dark rule above/below is scoped with :where(:not(:has(>body.wsbody))), so worksheet pages (body.wsbody) always render in the light palette; specificity unchanged; the rest of the site keeps dark/light */
:root,[data-theme="light"]{--bg:#FFF4E0;--bg-soft:#FFEFD2;--surface:#FFFFFF;--surface-2:#FFF9EE;--ink:#16130E;--ink-soft:#5C5546;--line:#16130E;--accent:#FF6B1A;--accent-ink:#16130E;--accent-soft:#FFE3C7;--hl:#FFD23F;--bw:2px;--sh:7px 7px 0 var(--line);--sh-sm:4px 4px 0 var(--line);--r:16px;--r-sm:10px;--chip-bg:#FFFFFF;--hero-deco:#FFD23F;--glow:none;--dark-bg:#16130E;--dark-ink:#FFF4E0;--link:#2B3BD9;--sep:#E8DCC4}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))){--bg:#0A0F24;--bg-soft:#0E1533;--surface:#141B3A;--surface-2:#18214A;--ink:#EEF1FF;--ink-soft:#A7B0D6;--line:rgba(148,178,255,.32);--accent:#22D3EE;--accent-ink:#06222B;--accent-soft:rgba(34,211,238,.14);--hl:#22D3EE;--bw:1px;--sh:0 18px 40px rgba(2,6,23,.55),0 0 0 1px rgba(34,211,238,.06),0 0 34px rgba(124,58,237,.14);--sh-sm:0 10px 24px rgba(2,6,23,.5);--chip-bg:rgba(255,255,255,.05);--hero-deco:#7C3AED;--glow:0 0 22px rgba(34,211,238,.45);--dark-bg:#060A1B;--dark-ink:#A7B0D6;--link:#7DD3FC;--sep:rgba(148,178,255,.18);color-scheme:dark}}
.sc-hebrew,.chipsin a[href="/hebrew/"],[data-subject="hebrew"],body.sub-hebrew{--sub:#DB2777;--sub-bg:#FCE7F3}
.sc-math,.chipsin a[href="/math/"],[data-subject="math"],body.sub-math{--sub:#2563EB;--sub-bg:#DBEAFE}
.sc-tanach,.chipsin a[href="/tanach/"],[data-subject="tanach"],body.sub-tanach{--sub:#8B5CF6;--sub-bg:#EDE9FE}
.sc-gemara,.chipsin a[href="/gemara/"],[data-subject="gemara"],body.sub-gemara{--sub:#16130E;--sub-bg:#EDE7DA}
.sc-toshba,.chipsin a[href="/toshba/"],[data-subject="toshba"],body.sub-toshba{--sub:#8B5A2B;--sub-bg:#F3E7D9}
.sc-halacha,.chipsin a[href="/halacha/"],[data-subject="halacha"],body.sub-halacha{--sub:#F59E0B;--sub-bg:#FEF3C7}
.sc-mekor-chaim,.chipsin a[href="/mekor-chaim/"],[data-subject="mekor-chaim"],body.sub-mekor-chaim{--sub:#E8559B;--sub-bg:#FDE2EF}
.sc-sifrut,.chipsin a[href="/sifrut/"],[data-subject="sifrut"],body.sub-sifrut{--sub:#7A2E8E;--sub-bg:#F3E3F7}
.sc-sifrut-tichon,.chipsin a[href="/sifrut-tichon/"],[data-subject="sifrut-tichon"],body.sub-sifrut-tichon{--sub:#7A2E8E;--sub-bg:#F3E3F7}
.sc-ezrahut,.chipsin a[href="/ezrahut/"],[data-subject="ezrahut"],body.sub-ezrahut{--sub:#DC2626;--sub-bg:#FEE2E2}
.sc-history,.chipsin a[href="/history/"],[data-subject="history"],body.sub-history{--sub:#B45309;--sub-bg:#FEF0D9}
.sc-tarbut,.chipsin a[href="/tarbut/"],[data-subject="tarbut"],body.sub-tarbut{--sub:#CA8A04;--sub-bg:#FEF9C3}
.sc-mada,.chipsin a[href="/mada/"],[data-subject="mada"],body.sub-mada{--sub:#059669;--sub-bg:#D1FAE5}
.sc-moledet,.chipsin a[href="/moledet/"],[data-subject="moledet"],body.sub-moledet{--sub:#5B8C2A;--sub-bg:#E7F3D6}
.sc-english,.chipsin a[href="/english/"],[data-subject="english"],body.sub-english{--sub:#0891B2;--sub-bg:#CFFAFE}
.sc-chagim,.chipsin a[href="/chagim/"],[data-subject="chagim"],body.sub-chagim{--sub:#E0B000;--sub-bg:#FFF6CC}
.sc-regshi,.chipsin a[href="/regshi/"],[data-subject="regshi"],body.sub-regshi{--sub:#F97362;--sub-bg:#FFE4DE}
.sc-financial,.chipsin a[href="/financial/"],[data-subject="financial"],body.sub-financial{--sub:#2E7D32;--sub-bg:#DCF0DD}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .sc-hebrew,[data-theme="dark"]:where(:not(:has(>body.wsbody))) [data-subject],[data-theme="dark"]:where(:not(:has(>body.wsbody))) .chipsin a{--sub-bg:rgba(255,255,255,.08)}}
html body{font-family:"Heebo D2","Heebo","Assistant","Rubik",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);transition:background-color .45s ease,color .45s ease}
body a{color:var(--link)}
body h1,body h2,body h3{letter-spacing:-.01em}
body h2{font-weight:900}
body h3{font-weight:800}
/* top bar */
body .top{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:var(--bw) solid var(--line)}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) body .top{background:rgba(10,15,36,.86);backdrop-filter:blur(14px)}}
body .logo{font-weight:900;font-size:1.3rem;color:var(--ink);letter-spacing:-.02em}
body .logo b{color:var(--accent)}
body .links a{color:var(--ink);font-weight:700;border-radius:999px;padding:2px 8px}
body .links a:hover{color:var(--ink);background:var(--accent-soft)}
body .links a.reqcta{background:var(--accent);color:var(--accent-ink);border:var(--bw) solid var(--line);border-radius:999px;padding:2px 14px;font-weight:800;box-shadow:var(--sh-sm)}
body .links a.reqcta:hover{background:var(--hl);color:var(--ink)}
body .chips{background:var(--bg-soft);border-top:1px solid var(--sep)}
body .chipsin a{display:inline-flex;align-items:center;gap:7px;background:var(--chip-bg);color:var(--ink);border:var(--bw) solid var(--line);border-radius:999px;padding:3px 13px;font-weight:800}
body .chipsin a::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sub,var(--ink));flex:none}
body .chipsin a:hover{background:var(--sub-bg,var(--accent-soft));transform:translateY(-1px)}
body .chipsin a[aria-current],body.sub-cur .chipsin a.cur{background:var(--sub-bg);box-shadow:var(--sh-sm)}
body .navbtn{border-radius:999px;border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink)}
body .navbtn .bars,body .navbtn .bars::before,body .navbtn .bars::after{background:var(--ink)}
body .navtg:checked+.navbtn .bars{background:transparent}
/* theme toggle (every page opens dark; the toggle switches that page only: no storage) */
.d2tg{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:transparent;border:0;color:var(--ink);font:inherit;font-weight:800;font-size:.88rem;padding:2px;min-height:2.25rem}
.d2tg .tr{width:52px;height:28px;border-radius:999px;background:var(--ink);border:var(--bw) solid var(--line);position:relative;flex:none}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .d2tg .tr{background:#1E2A52}}
.d2tg .kn{position:absolute;top:2px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:var(--hl);transition:transform .3s ease;box-shadow:var(--glow)}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .d2tg .kn{transform:translateX(-24px)}}
@media print{.d2tg{display:none!important}}
/* hero */
body .hero,body .shero{position:relative;background:var(--bg);border-bottom:0;overflow:hidden}
body .hero::before,body .shero::before{content:"";position:absolute;inset-inline-end:-80px;top:-50px;width:300px;height:300px;border-radius:50%;background:var(--hero-deco);opacity:.32;pointer-events:none}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) body .hero::before,[data-theme="dark"]:where(:not(:has(>body.wsbody))) body .shero::before{opacity:.3;filter:blur(60px);background:linear-gradient(135deg,#22D3EE,#7C3AED)}}
body .hero>.wrap,body .shero>.wrap{position:relative}
body .hero h1,body .shero h1{font-family:"Frank Ruhl Libre D2","Frank Ruhl Libre",serif;font-weight:900;line-height:1.1;letter-spacing:-.01em}
body .hero h1{font-size:clamp(2.05rem,5.4vw,3.5rem)}
body h1 span{background:linear-gradient(transparent 62%,var(--accent) 62%);border-bottom:0;padding:0 4px}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) body h1 span{background:none;color:var(--accent);text-shadow:var(--glow)}}
body .lead,body .hv2 .rights,body .sub,body .count,body .how,body .try,body .crumbs,body .note,body .sscope{color:var(--ink-soft)}
body .hv2 .rights a,body .crumbs a{color:var(--ink-soft)}
body .try a{color:var(--ink);text-decoration-color:var(--accent)}
body .stats{color:var(--ink-soft);font-weight:600}
body .stats b{color:var(--ink);font-size:1.45rem;font-weight:900;line-height:1}
/* search + filters */
body .filter input,body .filter select,body .form input,body .form select,body .form textarea,body .rbox textarea,body .rate.big .rsel select{border:var(--bw) solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink)}
body .hv2 .filter input,body .sfilter input{border-radius:var(--r);box-shadow:var(--sh);font-weight:600;padding-inline-start:44px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C5546' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat right 14px center/20px}
body .hv2 .filter select,body .sfilter select{border-width:var(--bw)}
body .filter input:focus,body .filter select:focus{outline:3px solid var(--accent);outline-offset:2px}
/* buttons */
body .btn{background:var(--accent);color:var(--accent-ink);border:var(--bw) solid var(--line);border-radius:var(--r-sm);font-weight:900;transition:transform .15s ease,box-shadow .15s ease}
body .btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:var(--sh-sm)}
body .btn.alt{background:var(--surface);color:var(--ink)}
body .btn.alt:hover{background:var(--accent-soft)}
/* cards */
body .card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);transition:transform .18s ease,box-shadow .18s ease}
body .card:hover{transform:translateY(-4px);box-shadow:var(--sh)}
body .card[data-subject]{border-top:8px solid var(--sub,var(--line))}
body .thumb{border-bottom:var(--bw) solid var(--line)}
body .body p{color:var(--ink-soft)}
body .card.lc .body h3 a{color:var(--ink)}
body .card.lc .body h3 a:hover{color:var(--accent)}
body .tag,body .pill{border-radius:999px;font-weight:800}
body .tag.s{background:var(--sub-bg,#B6F03C);border:1.5px solid var(--sub,var(--line));color:var(--ink)}
body .tag.g{background:var(--accent-soft);color:var(--ink);border:1.5px solid var(--accent)}
body .card .tags .tag.t{background:var(--ink);color:var(--bg)}
body .card .tags .tag.a,body .card .tags .tag.o,body .tag.m{background:transparent;color:var(--ink-soft);border:1.5px solid var(--sep)}
body .card .tags .tag.ty{background:transparent}
body .meta,body .scard .sm{color:var(--ink-soft);font-weight:700}
/* subject cards, grade tiles, units */
body .scard{background:var(--surface);border:var(--bw) solid var(--line);border-top:10px solid var(--sub,var(--line));border-radius:var(--r);box-shadow:var(--sh-sm);color:var(--ink);transition:transform .18s ease,box-shadow .18s ease}
body #subjects .scard{border-top-width:10px;border-top-color:var(--sub)!important;transition:transform .18s ease,box-shadow .18s ease}
body .scard:hover,body .scard:focus,body #subjects .scard:hover{transform:translateY(-4px);box-shadow:var(--sh);outline:0}
body .scard p{color:var(--ink-soft)}
body .gt{border:var(--bw) solid var(--line);border-radius:14px;box-shadow:var(--sh-sm);color:#16130E}
body .gt:hover,body .gt:focus-visible{box-shadow:var(--sh);transform:translateY(-2px)}
body .gb{border-radius:999px;color:#16130E}
body .unit,body .unitc,body .box,body .lgrp,body .faq details,body .news li,body .cal li,body .area,body .adb,body .req,body .season,body .curr,body .disc,body .qsum,body .testrow,body .empty,body .rate.big,body .fmsg,body .what li{background:var(--surface);color:var(--ink);border:var(--bw) solid var(--line);border-radius:var(--r)}
body .unitc,body .season,body .req,body .adb{box-shadow:var(--sh)}
body .box,body .news li,body .cal li,body .lgrp,body .faq details,body .area,body .what li{box-shadow:var(--sh-sm)}
body .season{border-width:var(--bw);position:relative;overflow:hidden}
body .season::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:8px;background:var(--accent)}
body .season .k{background:var(--hl);color:#16130E;border:1.5px solid var(--line);border-radius:999px}
body .season li a,body .news a,body .area,body .ll .lt,body .faq summary,body .lgrp>summary{color:var(--ink)}
body .season li a{border-bottom-color:var(--sep)}
body .news a:hover b,body .ll .lt:hover,body .area:hover h3{color:var(--accent)}
body .news small,body .cal .dt,body .lgrp .lgn,body .area p,body .unitc>p,body .what span,body .box p{color:var(--ink-soft)}
body .box p,body .box li{color:var(--ink)}
body .pill.new{background:var(--hl);border:1.5px solid var(--line);color:#16130E}
body .pill.soon{background:var(--ink);color:var(--bg)}
body .lgrp[open]>summary{background:var(--surface-2);border-bottom:var(--bw) solid var(--line);border-radius:var(--r) var(--r) 0 0}
body .cal li.ready,body .note2,body .qsum{background:var(--surface-2)}
body .cal li.next{background:var(--hl);color:#16130E;box-shadow:var(--sh-sm)}
body .toc a{background:var(--surface);border:var(--bw) solid var(--line);border-radius:999px;color:var(--ink)}
body .gc{border:var(--bw) solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink)}
body .gc.on{background:var(--ink);color:var(--bg)}
body .ll li{border-top-color:var(--sep)}
body .ll li::before,body .steps li::before{background:var(--hl);border-color:var(--line);color:#16130E}
body .ll .ws{border-radius:999px;background:var(--accent-soft);color:var(--ink);border-color:var(--line)}
body .ll .ws.k{background:var(--surface)}
body .dlrow a{border:var(--bw) solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:800}
body .dlrow a:hover{background:var(--accent-soft)}
body .pn a{color:var(--link)}
body .lesson h1{font-weight:900}
/* home strip (its own inline style block) */
html body .hstrip>div{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm)}
html body .hstrip li{border-top-color:var(--sep)}
html body .hstrip li a{color:var(--ink)}
html body .hstrip li span{color:var(--ink-soft)}
/* footer: dark band, as in the prototype */
body .ft{background:var(--dark-bg);color:var(--dark-ink);margin-top:52px;padding:30px 0 34px}
body .ft a{color:var(--hl)}
/* consent bar: same text and behaviour, new colours only */
html body #ck{background:var(--surface);color:var(--ink);border-top:var(--bw) solid var(--line)}
html body #ck a{color:var(--ink)}
html body #ck button{border-radius:999px;border:var(--bw) solid var(--line);background:var(--accent);color:var(--accent-ink)}
html body #ck button.no{background:var(--surface);color:var(--ink)}
/* worksheet pages: the A4 sheet stays white paper in both modes */
body.wsbody{background:var(--bg-soft)}
body .wsbar>a{color:var(--link)}
body .sheet{border-radius:6px;box-shadow:var(--sh-sm);border:var(--bw) solid var(--line);color:#111;background:#fff}
body .sheet a{color:#2B3BD9}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) body .sheet{border-color:transparent}}
@media(max-width:640px){
 body .hero::before,body .shero::before{width:200px;height:200px;inset-inline-end:-70px}
 body .card:hover,body .scard:hover{transform:none}
 body .nav .navtg~.links a{border-radius:0;border-bottom-color:var(--sep)}
 body .nav .navtg~.links{border-top-color:var(--line)}
 body .hv2 .filter input,body .sfilter input{box-shadow:var(--sh-sm)}
 body .unitc,body .season,body .req,body .adb{box-shadow:var(--sh-sm)}
}
@media print{
 html body,body .hero,body .shero{background:#fff!important;color:#000!important}
 body .hero::before,body .shero::before{display:none}
 body .sheet{border:0;box-shadow:none}
 body .card,body .box,body .unitc{box-shadow:none}
}
@media (prefers-reduced-motion:reduce){body *{transition:none!important}}

html[data-d2sub="hebrew"]{--sub:#DB2777;--sub-bg:#FCE7F3}html[data-d2sub="hebrew"] .chipsin a[href="/hebrew/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="math"]{--sub:#2563EB;--sub-bg:#DBEAFE}html[data-d2sub="math"] .chipsin a[href="/math/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="tanach"]{--sub:#8B5CF6;--sub-bg:#EDE9FE}html[data-d2sub="tanach"] .chipsin a[href="/tanach/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="gemara"]{--sub:#16130E;--sub-bg:#EDE7DA}html[data-d2sub="gemara"] .chipsin a[href="/gemara/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="toshba"]{--sub:#8B5A2B;--sub-bg:#F3E7D9}html[data-d2sub="toshba"] .chipsin a[href="/toshba/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="halacha"]{--sub:#F59E0B;--sub-bg:#FEF3C7}html[data-d2sub="halacha"] .chipsin a[href="/halacha/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="mekor-chaim"]{--sub:#E8559B;--sub-bg:#FDE2EF}html[data-d2sub="mekor-chaim"] .chipsin a[href="/mekor-chaim/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="sifrut"]{--sub:#7A2E8E;--sub-bg:#F3E3F7}html[data-d2sub="sifrut"] .chipsin a[href="/sifrut/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="sifrut-tichon"]{--sub:#7A2E8E;--sub-bg:#F3E3F7}html[data-d2sub="sifrut-tichon"] .chipsin a[href="/sifrut-tichon/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="ezrahut"]{--sub:#DC2626;--sub-bg:#FEE2E2}html[data-d2sub="ezrahut"] .chipsin a[href="/ezrahut/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="history"]{--sub:#B45309;--sub-bg:#FEF0D9}html[data-d2sub="history"] .chipsin a[href="/history/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="tarbut"]{--sub:#CA8A04;--sub-bg:#FEF9C3}html[data-d2sub="tarbut"] .chipsin a[href="/tarbut/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="mada"]{--sub:#059669;--sub-bg:#D1FAE5}html[data-d2sub="mada"] .chipsin a[href="/mada/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="moledet"]{--sub:#5B8C2A;--sub-bg:#E7F3D6}html[data-d2sub="moledet"] .chipsin a[href="/moledet/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="english"]{--sub:#0891B2;--sub-bg:#CFFAFE}html[data-d2sub="english"] .chipsin a[href="/english/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="chagim"]{--sub:#E0B000;--sub-bg:#FFF6CC}html[data-d2sub="chagim"] .chipsin a[href="/chagim/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="regshi"]{--sub:#F97362;--sub-bg:#FFE4DE}html[data-d2sub="regshi"] .chipsin a[href="/regshi/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
html[data-d2sub="financial"]{--sub:#2E7D32;--sub-bg:#DCF0DD}html[data-d2sub="financial"] .chipsin a[href="/financial/"]{background:var(--sub-bg);box-shadow:var(--sh-sm)}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .chipsin a[href]{--sub-bg:rgba(255,255,255,.1)}}
body .shero{border-bottom:0}body .shero h1{color:var(--ink)}body .shero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:6px;background:var(--sub,var(--accent))}

@media(min-width:641px){.d2tg{margin-inline-start:auto;margin-inline-end:14px}body .chipsin a{font-size:.86rem;padding:1px 11px}}
@media(max-width:640px){.d2tg>span:last-child{display:none}.d2tg{margin-inline-start:auto;margin-inline-end:8px}}
@media(min-width:1000px){body .nav{flex-wrap:nowrap}body .nav .links{flex:1;justify-content:flex-end;gap:2px 6px}body .nav .links a{font-size:.9rem}}


/* DARK-READABILITY FIX v2 11.11 17:47 (Haim: keep original dark colours, text must be readable) */
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))){--ink:#FFFFFF;--ink-soft:#E6EBFF;--link:#9FE8FF;--glow:none}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) body{line-height:1.75;-webkit-font-smoothing:antialiased;font-weight:500}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) body *{text-shadow:none!important}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) p,[data-theme="dark"]:where(:not(:has(>body.wsbody))) li,[data-theme="dark"]:where(:not(:has(>body.wsbody))) td,[data-theme="dark"]:where(:not(:has(>body.wsbody))) small,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .muted,[data-theme="dark"]:where(:not(:has(>body.wsbody))) [class*="sub"],[data-theme="dark"]:where(:not(:has(>body.wsbody))) [class*="desc"],[data-theme="dark"]:where(:not(:has(>body.wsbody))) [class*="note"]{color:#E6EBFF!important;font-weight:500;opacity:1!important}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) p,[data-theme="dark"]:where(:not(:has(>body.wsbody))) li{font-size:max(1em,17px)}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) small,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .small,[data-theme="dark"]:where(:not(:has(>body.wsbody))) footer,[data-theme="dark"]:where(:not(:has(>body.wsbody))) footer *{color:#D3DAF5!important;font-size:max(1em,15px);opacity:1!important}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) h1,[data-theme="dark"]:where(:not(:has(>body.wsbody))) h2,[data-theme="dark"]:where(:not(:has(>body.wsbody))) h3,[data-theme="dark"]:where(:not(:has(>body.wsbody))) h4,[data-theme="dark"]:where(:not(:has(>body.wsbody))) strong,[data-theme="dark"]:where(:not(:has(>body.wsbody))) b{color:#FFFFFF!important}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) a{color:var(--link)}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) input,[data-theme="dark"]:where(:not(:has(>body.wsbody))) input::placeholder{color:#E6EBFF!important;opacity:1}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) a.btn,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .btn{color:#FFFFFF!important}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) a.btn.big,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .btn.big,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .btn.primary{background:var(--accent)!important;color:#06222B!important}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .tag,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .chip{background:var(--surface-2)!important;color:#FFFFFF!important}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) [style*="background:#fff"],[data-theme="dark"]:where(:not(:has(>body.wsbody))) [style*="background: #fff"],[data-theme="dark"]:where(:not(:has(>body.wsbody))) [style*="background:white"],[data-theme="dark"]:where(:not(:has(>body.wsbody))) [style*="background-color:#fff"]{background:var(--surface)!important;color:#FFFFFF!important}}

@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) button,[data-theme="dark"]:where(:not(:has(>body.wsbody))) [role="button"]{color:#FFFFFF}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) #rbtn,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .rbtn,[data-theme="dark"]:where(:not(:has(>body.wsbody))) [id*="report"],[data-theme="dark"]:where(:not(:has(>body.wsbody))) [class*="report"],[data-theme="dark"]:where(:not(:has(>body.wsbody))) [class*="fix"]{background:var(--surface-2)!important;color:#FFFFFF!important;border-color:var(--line)!important}}

/* DARK DEFAULT 11.11 20:15 (Haim: dark on every page): the printable sheet stays paper, i.e. light colours inside a dark page */
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) body .sheet{--bg:#FFF4E0;--bg-soft:#FFEFD2;--surface:#FFFFFF;--surface-2:#FFF9EE;--ink:#16130E;--ink-soft:#5C5546;--line:#16130E;--accent:#FF6B1A;--accent-ink:#16130E;--accent-soft:#FFE3C7;--hl:#FFD23F;--bw:2px;--sh:7px 7px 0 var(--line);--sh-sm:4px 4px 0 var(--line);--r:16px;--r-sm:10px;--chip-bg:#FFFFFF;--hero-deco:#FFD23F;--glow:none;--dark-bg:#16130E;--dark-ink:#FFF4E0;--link:#2B3BD9;--sep:#E8DCC4;color-scheme:light;color:#111}[data-theme="dark"]:where(:not(:has(>body.wsbody))) body .sheet :is(p,li,td,small,.small,.muted,[class*="sub"],[class*="desc"],[class*="note"],h1,h2,h3,h4,strong,b,footer,footer *,input,input::placeholder,textarea,button,[role="button"],.btn,a.btn,.tag,.chip){color:inherit!important}[data-theme="dark"]:where(:not(:has(>body.wsbody))) body .sheet a{color:#2B3BD9}[data-theme="dark"]:where(:not(:has(>body.wsbody))) body .sheet input,[data-theme="dark"]:where(:not(:has(>body.wsbody))) body .sheet textarea{background:#fff}}

/* HAIM-1211: locked "בקרוב" rows (inline grey text) stay readable in dark mode */
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) body li.soon .lt{color:var(--ink)!important;opacity:.85}[data-theme="dark"]:where(:not(:has(>body.wsbody))) body li.soon>span:not(.pill){color:var(--ink-soft)!important}}

/* QA-1211 (Muse PR claude/qa-fixes-2026-11-12): dark-mode contrast fixes: search CTA white-on-cyan, qsum clear button invisible */
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .btn:not(.alt){color:#06222B!important}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .qsum button{background:var(--surface-2)!important;color:#FFFFFF!important;border-color:var(--line)!important}}

/* ISSUE2-1211 #1: test answer keys hidden on screen (print with key + downloads only) */
@media screen{body.keyhide .sheet.key{display:none!important}}
.keynote{max-width:760px;margin:14px auto;padding:10px 14px;border:2px dashed #FF5B2E;border-radius:10px;font-size:.95rem;text-align:center}

/* ISSUE2-1211 #4: lesson rating toggle readable in dark mode */
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .rate.big .rtog{color:#FFFFFF!important}[data-theme="dark"]:where(:not(:has(>body.wsbody))) .rate .rtog{color:#E8E6F5!important}}

/* ISSUE2-1211 #5: grade chips also filter the link cards (.gfx) */
.gfx[hidden]{display:none!important}

/* ISSUE2-1211 #3: answer-letter circles big enough to read (screen + print) */
.opts .o,.tdx .opts .o{width:26px!important;height:26px!important;font-size:11.5pt!important;line-height:1!important;font-weight:700!important}

/* ISSUE2-1211 #6: no orphan row in the subject grid (17 subjects + request card = 18) */
@media (min-width:900px){#subjects .sgrid{grid-template-columns:repeat(3,1fr)!important}}
.scard.sc-cta{border-style:dashed!important}

/* ISSUE2-1211 mediums: #7 prose width, #12 teacher-note tint in dark, #14 intro paragraphs, #17/#19 dark greys + disabled contrast */
@media screen{article.lesson .box p,article.lesson .box li,article.lesson>p{max-width:72ch}}
@media screen{.shero p,.page>p.lead,.page>p.curr,main>p.curr,.wrap>p.curr{max-width:720px;margin-inline:0;text-align:start}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .box.note2{background:#3A2F12!important;border-color:#FFD23F!important}[data-theme="dark"]:where(:not(:has(>body.wsbody))) .box.note2 h2{color:#FFD23F!important}}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) .unitc small,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .unitc .sm,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .muted,[data-theme="dark"]:where(:not(:has(>body.wsbody))) .small{color:#D3DAF5!important}[data-theme="dark"]:where(:not(:has(>body.wsbody))) .gc[disabled],[data-theme="dark"]:where(:not(:has(>body.wsbody))) button[disabled],[data-theme="dark"]:where(:not(:has(>body.wsbody))) select[disabled]{opacity:.6!important}}
@media screen{.gc[disabled],button[disabled].lnk,select[disabled]{opacity:.6!important}}

/* ISSUE2-1211 #10: numbers in Hebrew text keep a visible gap */
:is(p,li,td) > span[dir="ltr"]{unicode-bidi:isolate;padding-inline:.12em}

/* ISSUE2-1211 #21: no orange box behind the emoji in h1 */
body h1 span.em,body h1 .em{background:none!important;box-shadow:none!important;padding:0!important}

/* ISSUE2-1211 #22: subject cards right-aligned, easy to scan */
.scard,.area{text-align:start!important}.scard .sm,.area .go{justify-self:start}

/* ISSUE2-1211 mediums b: #15 hero lead readable + highlight on baseline, #18 subject dots light in dark, #23/#25 compact cards and download strip */
.hero .lead{font-size:1.12rem!important;color:var(--ink,#16130E)!important}
.hero h1 span{background:linear-gradient(transparent 70%,var(--accent) 70%,var(--accent) 92%,transparent 92%)!important}
@media screen{[data-theme="dark"]:where(:not(:has(>body.wsbody))) [class*="dot"]{filter:brightness(1.8) saturate(1.2)}}
.adb{min-height:0!important;align-items:center}
.dlrow{max-width:max-content}

/* ISSUE2-1211 #16: compact top header on desktop (subject chips in one scrollable row) */
@media screen and (min-width:900px){.chips{padding-block:4px!important}.chips .chipsin{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px;scrollbar-width:thin}.chips .chipsin a{flex:0 0 auto;white-space:nowrap}}