@font-face{font-family:"Rubik";src:url(fonts/rubik.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Heebo";src:url(fonts/heebo.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
 --ink:#1B2A4E;--ink2:#4C5B7D;--mute:#7C89A6;--bg:#F3F7FF;--paper:#fff;--line:#E2E9F7;
 --blue:#3D6BF2;--blue2:#DCE7FF;--sky:#EAF1FF;--coral:#FF7B6B;--coral2:#FFE6E2;--mint:#22A884;--mint2:#DDF5EE;
 --sun:#F2A93B;--sun2:#FFF0D6;--lilac:#7C6CF0;--lilac2:#ECE9FF;
 --r:22px;--sh:0 1px 2px rgba(27,42,78,.06),0 8px 28px rgba(27,42,78,.08);
 --h:"Rubik","Heebo",system-ui,sans-serif;--b:"Heebo","Rubik",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--b);font-size:17px;line-height:1.6;direction:rtl}
img{max-width:100%;display:block}
a{color:var(--blue)}
button{font:inherit;color:inherit}
.ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.18em}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
h1,h2,h3,h4{font-family:var(--h);line-height:1.25;margin:0}
h1{font-size:clamp(30px,7vw,46px);font-weight:800;letter-spacing:-.01em}
h2{font-size:clamp(22px,5vw,30px);font-weight:700}
h3{font-size:19px;font-weight:700}
p{margin:0 0 .7em}
.muted{color:var(--ink2)}
.small{font-size:14px}
/* top bar */
.top{position:sticky;top:0;z-index:20;background:rgba(243,247,255,.88);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:10px;height:56px}
.top .brand{font-family:var(--h);font-weight:800;font-size:18px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}
.top .brand .logo{width:30px;height:30px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center}
.top .back{margin-inline-start:auto;display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink2);font-weight:600;font-size:15px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line)}
/* hero */
.hero{position:relative;margin:16px 0 8px;border-radius:28px;overflow:hidden;background:#dfe9ff;box-shadow:var(--sh)}
.hero img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
@media(min-width:640px){.hero img{aspect-ratio:16/8}}
.hero .cap{position:absolute;inset:auto 0 0 0;padding:60px 20px 18px;background:linear-gradient(to top,rgba(14,26,58,.82),rgba(14,26,58,0));color:#fff}
.hero .cap h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.hero .cap p{margin:.3em 0 0;opacity:.95;font-size:16px}
.kicker{display:inline-flex;align-items:center;gap:6px;font-family:var(--h);font-weight:700;font-size:13px;letter-spacing:.02em;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35);margin-bottom:8px}
.kick2{display:inline-flex;align-items:center;gap:6px;font-family:var(--h);font-weight:700;font-size:13px;color:var(--blue);background:var(--blue2);padding:4px 10px;border-radius:99px;margin-bottom:10px}
/* sections */
.sec{background:var(--paper);border-radius:var(--r);box-shadow:var(--sh);padding:22px 20px;margin:16px 0;border:1px solid #edf1fa}
.sec>h2{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sec>h2 .badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);flex:none}
.lead p{font-size:18px;line-height:1.7}
.grid2{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}}
.mini{border-radius:16px;padding:14px 16px;background:var(--sky);border:1px solid #dbe6ff}
.mini h4{font-size:16px;margin-bottom:4px;display:flex;gap:8px;align-items:center}
.mini p{margin:0;color:var(--ink2);font-size:15.5px}
.mini.later{background:var(--lilac2);border-color:#dcd6ff}
.tabs{display:flex;gap:8px;margin:6px 0 12px;flex-wrap:wrap}
.tabs .t{font-family:var(--h);font-weight:700;font-size:14px;padding:6px 12px;border-radius:99px;background:var(--sky);color:var(--blue)}
.tabs .t.l{background:var(--lilac2);color:var(--lilac)}
/* skill box */
.skill{border-radius:var(--r);padding:20px;margin:16px 0;background:linear-gradient(135deg,#2F55D4,#4C7BF7);color:#fff;box-shadow:0 10px 30px rgba(61,107,242,.28)}
.skill .lbl{font-family:var(--h);font-size:13px;font-weight:700;opacity:.85;letter-spacing:.04em}
.skill h2{color:#fff;margin:4px 0 2px;font-size:clamp(22px,5.4vw,28px)}
.skill .term{font-size:14.5px;opacity:.9;margin-bottom:10px}
.skill p{font-size:16.5px}
.skill .how{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:12px 14px;margin-top:10px}
.skill .how b{display:block;font-family:var(--h);margin-bottom:2px}
.moe{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.moe .m{display:flex;gap:8px;align-items:flex-start;background:#fff;color:var(--ink);border-radius:12px;padding:8px 10px;font-size:14px;line-height:1.45}
.moe .m .dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none}
.moe .m b{font-family:var(--h)}
/* challenge */
.chal{background:var(--paper);border-radius:var(--r);box-shadow:var(--sh);margin:16px 0;overflow:hidden;border:1px solid #edf1fa}
.chal .head{padding:20px 20px 6px}
.chal .head .kick2{background:var(--coral2);color:#D9483A}
.chal .body{padding:6px 20px 20px}
.mat{border-radius:16px;margin:12px 0;padding:14px 16px;border:1px solid var(--line);background:#FBFCFF}
.mat.source{background:#FFFBF2;border-color:#F1E3C2;position:relative}
.mat.source::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:4px;border-radius:4px;background:#E1B866}
.mat .mt{font-family:var(--h);font-weight:700;font-size:15px;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.mat .mb{font-size:16.5px;white-space:pre-line}
.mat.source .mb{font-family:var(--b);font-size:17px;line-height:1.7}
.mat .cr{font-size:13px;color:var(--mute);margin-top:8px}
.mat .cr a{color:var(--mute)}
.mat.code{background:#14203D;border-color:#14203D;color:#E8EEFF}
.mat.code .mt{color:#fff}
.mat.code pre{direction:ltr;text-align:left;margin:0;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow-x:auto}
.mat.code .cr,.mat.code .cr a{color:#9FB0D6}
.mat.verse .mb{font-family:"Times New Roman","David",serif;font-size:20px;line-height:1.8}
.mat.headline .mb{font-family:var(--h);font-weight:700;font-size:19px}
.mat table{width:100%;border-collapse:collapse;font-size:15px}
.mat td,.mat th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}
.mat tr:first-child td{font-family:var(--h);font-weight:700;color:var(--ink2);font-size:13.5px}
.mat tr:last-child td{border-bottom:0}
.step{border-top:1px dashed var(--line);padding-top:16px;margin-top:16px}
.step:first-of-type{border-top:0;margin-top:4px;padding-top:4px}
.step .sn{font-family:var(--h);font-weight:700;color:var(--coral);font-size:13px;margin-bottom:4px}
.step .q{font-family:var(--h);font-weight:600;font-size:18.5px;margin-bottom:12px;line-height:1.4}
.opts{display:flex;flex-direction:column;gap:9px}
.opt{display:flex;align-items:center;gap:10px;text-align:right;width:100%;min-height:52px;padding:12px 14px;border-radius:14px;border:2px solid var(--line);background:#fff;cursor:pointer;font-size:16.5px;line-height:1.4;transition:border-color .15s,background .15s,transform .1s}
.opt:hover{border-color:#bcd0ff}
.opt:active{transform:scale(.99)}
.opt .k{width:28px;height:28px;border-radius:9px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-family:var(--h);font-weight:700;font-size:14px;flex:none}
.opt.sel{border-color:var(--blue);background:#F4F7FF}
.opt.good.done{border-color:var(--mint);background:var(--mint2)}
.opt.good.done .k{background:var(--mint);color:#fff}
.opt.bad.sel{border-color:var(--coral);background:#FFF4F2}
.opt.bad.sel .k{background:var(--coral);color:#fff}
.opt[disabled]{cursor:default}
.fb{margin-top:10px;border-radius:14px;padding:12px 14px;font-size:16px;background:var(--sky);border:1px solid #d6e3ff}
.fb.good{background:var(--mint2);border-color:#bfe9dc}
.fb.bad{background:#FFF1EE;border-color:#FFD3CC}
.fb b{font-family:var(--h)}
details.why{margin-top:8px}
details.why summary{cursor:pointer;font-family:var(--h);font-weight:600;font-size:14.5px;color:var(--blue);padding:6px 0;list-style:none}
details.why summary::-webkit-details-marker{display:none}
details.why .wi{font-size:15px;padding:8px 12px;border-inline-start:3px solid var(--line);margin:6px 0;color:var(--ink2)}
details.why .wi b{color:var(--ink)}
.reveal{margin-top:10px;border-radius:14px;padding:12px 14px;background:var(--sun2);border:1px solid #F6DFB0;font-size:16px}
.reveal b{font-family:var(--h)}
textarea{width:100%;min-height:90px;border-radius:14px;border:2px solid var(--line);padding:12px;font:inherit;font-size:16px;resize:vertical;background:#fff;direction:rtl}
textarea:focus{outline:none;border-color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:14px;border:0;background:var(--blue);color:#fff;font-family:var(--h);font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
.btn.ghost{background:#fff;color:var(--blue);border:2px solid var(--blue2)}
.btn.next{margin-top:12px}
.locked{opacity:.38;pointer-events:none;filter:grayscale(.3)}
.practiced{margin:16px 0;border-radius:var(--r);padding:18px 20px;background:var(--mint2);border:1px solid #bfe9dc}
.practiced .lbl{font-family:var(--h);font-weight:700;color:#14805F;font-size:14px}
.practiced p{font-family:var(--h);font-weight:600;font-size:19px;margin:4px 0 0;line-height:1.45}
/* life */
.life{border-radius:18px;border:1px solid var(--line);margin:12px 0;overflow:hidden}
.life summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;gap:10px;font-family:var(--h);font-weight:700;font-size:17px;background:#fff}
.life summary::-webkit-details-marker{display:none}
.life summary .chev{margin-inline-start:auto;transition:transform .2s;color:var(--mute)}
.life[open] summary .chev{transform:rotate(180deg)}
.life .lb{padding:0 16px 16px;background:#fff}
.life .lb>p{color:var(--ink2)}
.life ol{margin:8px 0 0;padding:0;list-style:none;counter-reset:s}
.life li{counter-increment:s;position:relative;padding:10px 44px 10px 12px;margin:8px 0;background:var(--sky);border-radius:12px;font-size:15.5px;line-height:1.5}
.life li::before{content:counter(s);position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:8px;background:var(--blue);color:#fff;font-family:var(--h);font-weight:700;font-size:13px;display:grid;place-items:center}
/* research */
details.res{border-radius:var(--r);background:#fff;box-shadow:var(--sh);margin:16px 0;border:1px solid #edf1fa}
details.res summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;gap:10px;font-family:var(--h);font-weight:700;font-size:18px}
details.res summary::-webkit-details-marker{display:none}
details.res summary .chev{margin-inline-start:auto;color:var(--mute);transition:transform .2s}
details.res[open] summary .chev{transform:rotate(180deg)}
details.res .rb{padding:0 20px 20px}
.kind{display:inline-block;font-family:var(--h);font-weight:700;font-size:12.5px;padding:3px 9px;border-radius:99px;margin-bottom:8px}
.kind.tested{background:var(--mint2);color:#14805F}
.kind.suggested{background:var(--sun2);color:#A86A00}
.caveat{background:#F6F8FC;border-radius:12px;padding:10px 12px;font-size:15px;color:var(--ink2);border-inline-start:3px solid var(--mute)}
.srcs{margin:10px 0 0;padding:0;list-style:none;font-size:14px}
.srcs li{margin:4px 0}
.srcs a{direction:ltr;unicode-bidi:isolate}
/* notme */
.notme{border-radius:var(--r);padding:18px 20px;background:var(--lilac2);margin:16px 0}
.notme h3{color:var(--lilac);margin-bottom:6px}
/* station nav */
.snav{display:flex;gap:10px;margin:20px 0 34px}
.snav a{flex:1;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-family:var(--h);font-weight:700}
.snav a small{font-family:var(--b);font-weight:400;color:var(--mute);font-size:13px}
.snav a.nx{text-align:left}
/* home */
.intro{margin:6px 0 4px}
.intro p.lead2{font-size:18px;color:var(--ink2);margin:.4em 0 0}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
@media(min-width:640px){.quick{grid-template-columns:repeat(4,1fr)}}
.qk{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);background:#fff;border-radius:18px;padding:14px;box-shadow:var(--sh);border:1px solid #edf1fa;min-height:118px}
.qk .qi{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff}
.qk b{font-family:var(--h);font-size:16px;line-height:1.3}
.qk small{color:var(--mute);font-size:13px;line-height:1.35}
.mapcard{background:#fff;border-radius:28px;box-shadow:var(--sh);padding:18px 14px 8px;margin:16px 0;border:1px solid #edf1fa}
.mapcard h2{padding:0 6px}
.mapcard .sub{padding:0 6px;color:var(--ink2);font-size:15px}
.metro svg{width:100%;height:auto;display:block}
.metro .st{cursor:pointer}
.metro .st:focus{outline:none}
.metro .st:focus circle.o{stroke:var(--ink);stroke-width:3}
.metro text{font-family:var(--h);font-weight:600;font-size:13px;fill:var(--ink)}
.metro text.ln{font-size:12px;font-weight:700}
.legend{display:flex;gap:14px;flex-wrap:wrap;padding:4px 6px 10px;font-size:13.5px;color:var(--ink2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:22px;height:6px;border-radius:4px;display:inline-block}
.prog{display:flex;align-items:center;gap:10px;padding:2px 6px 12px;font-size:14px;color:var(--ink2)}
.prog .bar{flex:1;height:8px;background:var(--sky);border-radius:8px;overflow:hidden}
.prog .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--mint));border-radius:8px}
.line{margin:18px 0}
.line h3{display:flex;align-items:center;gap:8px;margin:0 4px 8px}
.line h3 i{width:26px;height:8px;border-radius:5px;display:inline-block}
.stations{position:relative;margin:0;padding:0;list-style:none}
.stations::before{content:"";position:absolute;top:22px;bottom:22px;right:21px;width:6px;border-radius:6px;background:var(--lc,var(--blue))}
.stations li{position:relative;margin:0}
.stations a{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);padding:9px 0}
.stations .pin{width:48px;height:48px;flex:none;border-radius:50%;background:#fff;border:6px solid var(--lc,var(--blue));display:grid;place-items:center;position:relative;z-index:1;color:var(--lc,var(--blue))}
.stations .pin .ic{width:20px;height:20px}
.stations .done .pin{background:var(--lc,var(--blue));color:#fff}
.stations .tx{flex:1;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 1px 2px rgba(27,42,78,.06),0 4px 14px rgba(27,42,78,.06);border:1px solid #edf1fa}
.stations .tx b{font-family:var(--h);font-size:17px;display:block}
.stations .tx small{color:var(--ink2);font-size:13.5px;line-height:1.35;display:block}
.stations .grp{font-family:var(--h);font-weight:700;font-size:13px;color:var(--mute);padding:10px 62px 2px 0}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{font-size:12px;font-family:var(--h);font-weight:600;padding:2px 8px;border-radius:99px;background:var(--sky);color:var(--ink2)}
/* brain page */
.picker{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.pk{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--line);background:#fff;border-radius:99px;padding:8px 12px;font-family:var(--h);font-weight:600;font-size:14.5px;cursor:pointer;min-height:42px}
.pk.on{border-color:var(--pc);background:var(--pc);color:#fff}
.brainbox{background:linear-gradient(180deg,#F7FAFF,#EEF4FF);border-radius:22px;padding:8px;border:1px solid var(--line)}
.brainbox svg{width:100%;height:auto;display:block}
.bnode circle.c{transition:fill .35s,r .35s,stroke .35s}
.bnode text{font-family:var(--h);font-weight:600;font-size:11.5px;fill:var(--ink2);transition:fill .3s}
.bnode.on text{fill:var(--ink);font-weight:700}
.count{font-family:var(--h);font-weight:700;font-size:18px;margin:10px 4px}
.whole{margin-top:10px;border-radius:16px;padding:14px 16px;background:var(--mint2);font-family:var(--h);font-weight:700;font-size:18px;color:#14805F;display:none}
.whole.show{display:block;animation:pop .5s ease}
@keyframes pop{from{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}
.cat{margin:20px 0 8px;font-family:var(--h);font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}
.cat i{width:12px;height:12px;border-radius:50%;display:inline-block}
details.sk{background:#fff;border-radius:18px;border:1px solid var(--line);margin:8px 0;box-shadow:0 1px 2px rgba(27,42,78,.05)}
details.sk summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;gap:10px;align-items:center}
details.sk summary::-webkit-details-marker{display:none}
details.sk summary b{font-family:var(--h);font-size:17px}
details.sk summary small{display:block;color:var(--ink2);font-size:14px;line-height:1.4}
details.sk summary .chev{margin-inline-start:auto;color:var(--mute)}
details.sk .skb{padding:0 16px 16px;font-size:15.5px}
details.sk .skb h4{font-size:14.5px;color:var(--ink2);margin:12px 0 4px}
details.sk .skb ul{margin:0;padding-inline-start:18px}
.sdot{width:14px;height:14px;border-radius:50%;flex:none}
/* school */
.scards{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0}
@media(min-width:640px){.scards{grid-template-columns:1fr 1fr}}
.scard{display:flex;gap:12px;text-decoration:none;color:var(--ink);background:#fff;border-radius:18px;padding:16px;box-shadow:var(--sh);border:1px solid #edf1fa;align-items:flex-start}
.scard .si{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff}
.scard b{font-family:var(--h);font-size:17px;display:block}
.scard small{color:var(--ink2);font-size:14px;line-height:1.45;display:block}
.scard .num{font-family:var(--h);font-weight:700;font-size:12px;color:var(--mute)}
/* yard */
.lens{border-radius:18px;border:2px solid var(--line);background:#fff;margin:10px 0;overflow:hidden}
.lens summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;gap:12px}
.lens summary::-webkit-details-marker{display:none}
.lens summary b{font-family:var(--h);font-size:17px;display:block}
.lens summary small{color:var(--ink2);font-size:14.5px;display:block;line-height:1.4}
.lens[open]{border-color:var(--lc)}
.lens .li{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;flex:none}
.lens .lb2{padding:0 16px 16px}
.data{background:var(--sun2);border-radius:12px;padding:10px 12px;margin:8px 0;font-size:15.5px}
.data b{font-family:var(--h)}
.insight{background:var(--sky);border-radius:12px;padding:10px 12px;font-size:15.5px}
.seen{font-family:var(--h);font-weight:700;color:var(--ink2);margin:10px 4px}
/* sun diagram */
.sun svg{width:100%;height:auto}
/* video */
.vwrap{position:relative;border-radius:24px;overflow:hidden;background:#0E1A3A;box-shadow:var(--sh);margin:16px 0;aspect-ratio:16/9}
.vwrap video,.vwrap img.poster{width:100%;height:100%;object-fit:cover;display:block}
.v-big{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:var(--blue);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.v-big .ic{width:34px;height:34px;margin-inline-start:-4px}
.v-load{position:absolute;inset:auto 0 0 0;padding:16px 18px 14px;color:#fff;background:linear-gradient(to top,rgba(14,26,58,.9),rgba(14,26,58,0));font-family:var(--h);display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;direction:rtl}
.v-load[hidden],.v-big[hidden]{display:none}
.v-load b{grid-column:1/-1;font-weight:600;font-size:16px}
.v-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden}
.v-bar i{display:block;height:100%;width:0;background:#fff;border-radius:99px;transition:width .25s}
.v-load small{font-size:14px;font-variant-numeric:tabular-nums;direction:ltr}
.vwrap.hasvid .v-big{inset:auto 0 18px 0;width:72px;height:72px}
.vwrap.vhome.hasvid .v-big{width:76px;height:76px}
.vwrap.hasvid .v-big .ic{width:30px;height:30px}
.vwrap.playing video{object-fit:contain;background:#000}
.vwrap.playing{aspect-ratio:16/9!important}
footer{padding:20px 0 40px;text-align:center;color:var(--mute);font-size:13.5px}
footer a{color:var(--mute)}
footer .credit{margin-top:6px;font-size:11.5px;opacity:.8}
.fadein{animation:fi .35s ease both}
@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1000px){body{font-size:18px}.wrap{max-width:860px}}

.toc{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 2px;margin:0 -2px;scrollbar-width:none}
.toc::-webkit-scrollbar{display:none}
.toc a{flex:none;display:inline-flex;align-items:center;gap:6px;font-family:var(--h);font-weight:600;font-size:14px;padding:8px 12px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--ink2);text-decoration:none}

/* home video hero */
.vhero{margin:16px 0 6px}
.vhero h1{font-size:clamp(30px,8vw,48px);margin:.15em 0 .1em}
.vhero>p{margin:0 0 4px;color:var(--ink2);font-size:17px}
.vhero .kicker{color:var(--blue)}
.vwrap.vhome{margin-top:12px}
.vwrap.vhome .v-big{width:96px;height:96px}
@media (max-width:520px){.vwrap.vhome{aspect-ratio:4/3}}
.mjlink{display:flex;align-items:center;gap:12px;margin:14px 0 6px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#FFE7E3,#FFF4E8);text-decoration:none;color:var(--ink);border:1px solid #FFD4CC}
.mjlink .pin{flex:none;width:44px;height:44px;border-radius:14px;background:#FF7B6B;color:#fff;display:grid;place-items:center}
.mjlink>span:nth-child(2){flex:1}
.mjlink b{display:block;font-family:var(--h);font-size:17px}
.mjlink small{display:block;color:var(--ink2);font-size:14px;line-height:1.4;margin-top:2px}
.mjlink .chev{flex:none;opacity:.6}
.mchips{display:flex;flex-wrap:wrap;gap:6px}
.mchip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.18);color:inherit;text-decoration:none;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.35)}
.mchip .dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px #fff}

.blegend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bl{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:5px 10px;border-radius:99px;background:#F1F4FB;color:#8A96B2;border:1px solid #E3E9F6}
.bl i{width:10px;height:10px;border-radius:50%;border:2px solid var(--c)}
.bl.on{background:#fff;color:var(--ink);font-weight:600;border-color:var(--c)}
.bl.on i{background:var(--c)}

.brand{white-space:nowrap}
.back span{white-space:nowrap}

@media (max-width:420px){.brand{font-size:16px}.back{font-size:14px}}

/* 3D brain */
.b3d{margin:6px 0 12px;background:radial-gradient(ellipse at 50% 55%,#FFFFFF 0%,#F4F7FF 60%,#EDF2FD 100%);border-radius:22px;border:1px solid var(--line);padding:6px 4px 2px;overflow:hidden}
.b3stage{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:640/515}
.b3stage img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.b3r{opacity:0;transition:opacity .55s ease}
.b3r.on{opacity:1}
.b3r.pulse{animation:b3p 1.1s ease-out}
@keyframes b3p{0%{filter:brightness(1.45) saturate(.7)}100%{filter:none}}
.b3glow{position:absolute;inset:-10%;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 35%,rgba(255,255,255,0) 65%)}
.b3d.wpulse .b3glow{animation:b3w 1.6s ease-out}
.b3d.wpulse .b3stage img{animation:b3wi 1.6s ease-out}
@keyframes b3w{0%{opacity:0}25%{opacity:.85}100%{opacity:0}}
@keyframes b3wi{0%{filter:none}25%{filter:brightness(1.18)}100%{filter:none}}
.b3lab{position:absolute;transform:translate(-50%,-50%) scale(.9);font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.94);color:var(--ink);border:2px solid var(--c);box-shadow:0 3px 10px rgba(27,42,78,.14);opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;direction:rtl}
.b3lab.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.bl{cursor:pointer}
@media (prefers-reduced-motion:reduce){.b3r.pulse,.b3d.wpulse .b3glow,.b3d.wpulse .b3stage img{animation:none}}

/* r3: slim banner instead of the big top image */
.hero{display:grid;margin:12px 0 8px;border-radius:20px}
.hero>img,.hero>.cap{grid-area:1/1}
.hero img{height:150px;aspect-ratio:auto}
@media(min-width:640px){.hero img{aspect-ratio:auto;height:150px}}
@media(max-width:639px){.hero img{height:104px}}
.hero .cap{position:relative;inset:auto;align-self:end;padding:26px 18px 12px}
.hero .cap h1{font-size:clamp(22px,5.4vw,32px);margin:.1em 0 0;line-height:1.2}
.hero .cap .kicker{font-size:13px}
.ykey{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(242,169,59,.14);border-inline-start:4px solid #F2A93B}
/* r3: 3D brain */
.skh{margin:26px 0 6px;font-size:clamp(21px,5vw,26px)}
.b3d{position:relative;aspect-ratio:5/4;max-height:480px;width:100%;margin:6px 0 8px;padding:0;background:radial-gradient(ellipse at 50% 45%,#FFFFFF 0%,#F2F5FF 55%,#E6ECFB 100%);touch-action:pan-y}
@media(max-width:639px){.b3d{aspect-ratio:1/1}}
.b3cv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}
.b3cv:active{cursor:grabbing}
.b3labs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.b3tag{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13.5px;font-weight:700;line-height:1.2;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.95);color:var(--ink);border:2px solid var(--c);box-shadow:0 3px 12px rgba(27,42,78,.16);opacity:0;will-change:transform,opacity}
.b3tag i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.b3tag.back{filter:saturate(.6)}
.b3hint{position:absolute;bottom:8px;inset-inline-start:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink2);background:rgba(255,255,255,.8);padding:3px 9px;border-radius:99px;pointer-events:none}
.b3hint .ic{width:14px;height:14px}
.b3fb{display:none}
.b3d.b3fail .b3fb{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b3d.b3fail .b3hint{display:none}
.b3now{min-height:64px;margin:4px 2px 0}
.b3t{font-family:var(--h);font-weight:700;font-size:16.5px;margin:4px 0 8px}
.b3list{display:flex;flex-wrap:wrap;gap:8px}
.b3now .bl{font-size:14.5px;padding:7px 12px;font-family:inherit}
.picker .pk{transition:background .2s,color .2s,border-color .2s}

/* banner: whole image, not cropped (Tali 7.11) */
.hero:has(>img){display:flex;align-items:center;background:linear-gradient(135deg,#1d2f63,#3a5bc7)}
.hero>img{flex:0 0 auto;width:auto!important;height:150px!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0}
.hero:has(>img)>.cap{position:relative;inset:auto;flex:1;background:none;padding:12px 20px;align-self:center}
@media(max-width:639px){.hero>img{height:104px!important}.hero:has(>img)>.cap{padding:8px 12px}.hero:has(>img)>.cap h1{font-size:20px}}

/* discovery card, stage B (Tali 7.11): appears only after the challenge */
.discover[hidden]{display:none!important}
.discover{position:relative;margin:18px 0;border-radius:var(--r);padding:22px 20px 20px;background:linear-gradient(135deg,#FFF6E3,#FFEFD2);border:2px solid #F2C46B;box-shadow:0 10px 30px rgba(242,169,59,.22);animation:dcIn .55s cubic-bezier(.2,.8,.2,1) both}
.discover .dk{position:absolute;top:-18px;inset-inline-start:18px;width:40px;height:40px;border-radius:50%;background:var(--sun);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(242,169,59,.4)}
.discover .dk svg{width:22px;height:22px}
.discover h2{margin:6px 0 12px;font-size:clamp(22px,5.4vw,27px);color:var(--ink)}
.discover .dl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.discover .dl li{background:rgba(255,255,255,.75);border-radius:14px;padding:11px 14px;border-inline-start:4px solid var(--sun);animation:dcIn .5s cubic-bezier(.2,.8,.2,1) both}
.discover .dl li:nth-child(2){animation-delay:.15s}.discover .dl li:nth-child(3){animation-delay:.3s}
.discover .dlb{display:block;font-family:var(--h);font-size:13px;font-weight:700;color:#A36A0B;letter-spacing:.02em;margin-bottom:2px}
.discover .dl b,.discover .dlink{font-family:var(--h);font-weight:700;font-size:18px;line-height:1.4;color:var(--ink)}
.discover .dlink{text-decoration:underline;text-decoration-color:#F2C46B;text-underline-offset:4px}
.discover .dd{display:block;font-size:15.5px;color:var(--ink2);margin-top:3px;line-height:1.5}
.discover .dgo{margin-top:14px}
@keyframes dcIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.discover,.discover .dl li{animation:none}}

/* stage C (7.11): neutral feedback + "רגעים שלומדים מהם" tabs */
.opt.nt.sel{border-color:var(--blue);background:#F4F7FF}
.opt.nt.sel .k{background:var(--blue);color:#fff}
.fb.nt{background:var(--sky);border-color:#d6e3ff}
.moments{margin:16px 0}
.moments h2{display:flex;align-items:center;gap:8px;font-size:20px;margin:0 2px 10px}
.moments h2 .ic{color:var(--blue)}
details.mo{background:var(--paper);border:1px solid #edf1fa;border-radius:var(--r);box-shadow:var(--sh);margin:0 0 10px;overflow:hidden}
details.mo>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:15px 18px;min-height:56px}
details.mo>summary::-webkit-details-marker{display:none}
details.mo>summary .mt{flex:1;display:flex;flex-direction:column;gap:2px}
details.mo>summary b{font-family:var(--h);font-size:17.5px}
details.mo>summary small{color:var(--ink2);font-size:15px;line-height:1.45}
details.mo>summary .chev{flex:none;transition:transform .2s}
details.mo[open]>summary .chev{transform:rotate(180deg)}
details.mo[open]>summary{border-bottom:1px solid #edf1fa}
details.mo .mb{padding:14px 18px 18px}
details.mo .ms{font-size:17px;margin:0 0 4px;line-height:1.55}
details.mo .step{margin:0}
.practiced.mtake p{font-family:inherit;font-weight:500;font-size:16.5px;line-height:1.6}
@media (prefers-reduced-motion:reduce){details.mo>summary .chev{transition:none}}

/* moments topic: everything below the tabs in one closed area (Tali 7.11) */
details.more{border-radius:var(--r);background:#fff;box-shadow:var(--sh);margin:18px 0 16px;border:1px solid #edf1fa}
details.more>summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;gap:10px;font-family:var(--h);font-weight:700;font-size:18px;min-height:56px}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary .ic{color:var(--blue)}
details.more>summary .chev{margin-inline-start:auto;color:var(--mute);transition:transform .2s}
details.more[open]>summary .chev{transform:rotate(180deg)}
details.more[open]>summary{border-bottom:1px solid #edf1fa}
details.more>.mrb{padding:4px 14px 10px}
@media (prefers-reduced-motion:reduce){details.more>summary .chev{transition:none}}

/* home quick cards: fill full width (3 cards) */
.quick>*:nth-child(3):last-child{grid-column:1/-1}
@media(min-width:640px){.quick{grid-template-columns:repeat(3,1fr)}.quick>*:nth-child(3):last-child{grid-column:auto}}

/* home: illustrated line map (r8, Tali 8.11) */
.mapcard{overflow:hidden}
.mmap{position:relative;margin:4px -6px 6px;border-radius:24px;background-color:#FFF8EE;
 background-image:radial-gradient(#e9dfcf 1.5px,transparent 1.7px),
  radial-gradient(closest-side,rgba(244,114,182,.20),transparent),radial-gradient(closest-side,rgba(79,124,255,.18),transparent),
  radial-gradient(closest-side,rgba(20,184,166,.18),transparent),radial-gradient(closest-side,rgba(245,163,0,.18),transparent),
  radial-gradient(closest-side,rgba(168,85,247,.16),transparent);
 background-size:26px 26px,70% 34%,80% 30%,75% 32%,70% 30%,80% 34%;
 background-position:0 0,100% 4%,0 30%,100% 58%,0 82%,90% 104%;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
 border:1px solid #F1E6D3}
.mmap svg.route,.mmap svg.carl{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
.mmap svg.route{z-index:0}.mmap svg.carl{z-index:1}
.mlist{position:relative;z-index:2;list-style:none;margin:0;padding:160px 14px 168px;display:grid;gap:58px}
.ms a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);-webkit-tap-highlight-color:transparent}
.ms.alt a{flex-direction:row-reverse}
.ms .stop{flex:none;position:relative;width:60px;height:60px;border-radius:50%;background:#fff;border:6px solid var(--c);color:var(--c);display:grid;place-items:center;box-shadow:0 4px 0 rgba(43,35,80,.12),0 6px 16px rgba(43,35,80,.10);transition:transform .2s}
.ms .stop>.ic{width:26px;height:26px}
.ms.on .stop{background:var(--c);color:#fff}
.ms .num{position:absolute;top:-10px;inset-inline-start:-10px;min-width:25px;height:25px;border-radius:13px;background:#2B2350;color:#fff;font:700 13px/25px var(--h);text-align:center;border:2px solid #fff}
.ms .ok{position:absolute;bottom:-9px;inset-inline-end:-9px;width:24px;height:24px;border-radius:50%;background:#22C55E;color:#fff;display:grid;place-items:center;border:2px solid #fff}
.ms .ok .ic{width:14px;height:14px}
.ms .sign{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 0 rgba(43,35,80,.08),0 8px 22px rgba(43,35,80,.10);border:2px solid var(--c);transition:transform .2s,box-shadow .2s}
.ms .sign b{display:block;background:var(--c);color:#fff;font-family:var(--h);font-size:18px;font-weight:800;line-height:1.3;padding:7px 13px 8px;letter-spacing:.01em}
.ms .sign small{display:block;flex:1;padding:9px 13px 11px;font-size:15.5px;line-height:1.5;color:var(--ink)}
.ms.fin .sign small{background:color-mix(in srgb,var(--c) 9%,#fff)}
.ms a:hover .sign,.ms a:focus-visible .sign{transform:translateY(-2px);box-shadow:0 5px 0 rgba(43,35,80,.10),0 12px 26px rgba(43,35,80,.14)}
.ms a:hover .stop,.ms a:focus-visible .stop{transform:scale(1.06)}
.ms a:focus-visible{outline:none}.ms a:focus-visible .sign{outline:3px solid var(--ink);outline-offset:2px}
.mmap .dots{animation:mdots 1.6s linear infinite}
@keyframes mdots{to{stroke-dashoffset:-28.2}}
.mmap .bob{animation:mbob 1.8s ease-in-out infinite}
@keyframes mbob{50%{transform:translateY(-2.5px)}}
@media(min-width:1000px){
 .mapcard{width:min(1160px,calc(100vw - 48px));margin-inline:calc((100% - min(1160px,calc(100vw - 48px)))/2);padding:22px 22px 12px}
 .mmap{margin:6px 0 8px}
 .mlist{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:26px;row-gap:70px;padding:116px 186px 40px 84px}
 .ms{grid-row:var(--r);grid-column:var(--k)}
 .ms a,.ms.alt a{flex-direction:column;align-items:stretch;gap:14px;height:100%}
 .ms .stop{align-self:center;width:66px;height:66px}
 .ms .sign{flex:1}
}
@media(prefers-reduced-motion:reduce){.mmap .dots,.mmap .bob{animation:none}.ms .stop,.ms .sign{transition:none}}

.quick.q4{grid-template-columns:1fr 1fr}
@media(min-width:640px){.quick.q4{grid-template-columns:repeat(4,1fr)}}
#journey{scroll-margin-top:72px}
/* Pete polish 7.2/7.7 (9.11): the yard insight stands out as a collected finding */
.lens .insight{border-inline-start:4px solid var(--lc);background:color-mix(in srgb,var(--lc) 11%,#fff);box-shadow:0 2px 8px rgba(43,35,80,.07)}

/* yard civics "למי מגיע הצל?" (Pete 9.11): three equal area cards */
.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 4px}
.area{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 6px;border-radius:14px;border:2px solid var(--line);background:#fff}
.area .ai{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;background:var(--lc)}
.area .ai .ic{width:24px;height:24px}
.area b{font-family:var(--h);font-size:15px;line-height:1.25;min-height:2.5em;display:flex;align-items:center;justify-content:center}
.area .an{font-family:var(--h);font-weight:700;font-size:24px;line-height:1.1;color:var(--ink)}
.area small{font-size:13px;color:var(--ink2);line-height:1.3}
.prin{margin:0;padding-inline-start:20px;font-size:15.5px}
.prin li{margin:4px 0}
.fb.nt .wi{font-size:15px;padding:6px 0 0;color:var(--ink)}

/* Tali+Pete 10.11 (4): folded deepening parts (gives, skill box) */
details.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:48px;border-radius:12px}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
details.fold>summary .chev{margin-inline-start:auto;flex:none;transition:transform .2s;color:var(--mute)}
details.fold[open]>summary .chev{transform:rotate(180deg)}
details.sec.fold>summary h2{display:flex;align-items:center;gap:10px;margin:0;flex:1}
details.sec.fold>summary h2 .badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);flex:none}
details.sec.fold[open]>summary{margin-bottom:12px}
details.skill.fold>summary{display:grid;grid-template-columns:1fr auto;column-gap:10px}
details.skill.fold>summary .lbl{display:block;grid-column:1}
details.skill.fold>summary h2{grid-column:1;margin-bottom:0}
details.skill.fold>summary .chev{grid-column:2;grid-row:1/span 2;color:#fff;opacity:.9}
details.skill.fold>summary:focus-visible{outline-color:#fff}
details.skill.fold[open]>summary{margin-bottom:8px}
@media (prefers-reduced-motion:reduce){details.fold>summary .chev{transition:none}}
/* Tali 10.11 (1, 6): discovery sentence; broad skill beside what was practised */
.discover .dsum{margin:0 0 12px;font-size:16.5px;line-height:1.6;color:var(--ink)}
.discover .dpair{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.discover .dpair+.dpair{margin-top:4px}
.discover .dpair .dlb{display:inline;margin:0}