:root{--bg:#f4f5f7;--card:#fff;--line:#e2e5ea;--line2:#d0d5dd;--ink:#1a1d23;--ink2:#555e6b;--ink3:#8a929e;
  --acc:#2563eb;--acc-bg:#eaf1fe;--over:#d6455d;--under:#2f6fdb;--good:#16a34a;--mid:#d97706;--bad:#d6455d;--r:12px}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:400 14px/1.5 Heebo,system-ui,sans-serif}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
a{color:var(--acc)}
.wrap{max-width:1480px;margin:0 auto;padding:16px}

/* כותרת ובקרים */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:12px}
.top h1{font-size:22px;font-weight:800;line-height:1.2}
.top h1 small{display:block;font-size:13px;font-weight:400;color:var(--ink2)}
.live{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 12px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--good);animation:pulse 2s infinite}
.dot.off{background:var(--ink3);animation:none}
@keyframes pulse{50%{opacity:.35}}
.controls{display:flex;gap:10px 22px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;margin-bottom:12px;position:sticky;top:8px;z-index:5;box-shadow:0 2px 8px rgba(16,24,40,.06)}
.ctl{display:flex;align-items:center;gap:8px;color:var(--ink2);font-weight:500}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.seg button{all:unset;cursor:pointer;padding:5px 12px;font-size:13px;color:var(--ink2);white-space:nowrap;border-inline-start:1px solid var(--line2)}
.seg button:first-child{border:0}
.seg button[aria-pressed=true]{background:var(--acc);color:#fff;font-weight:600}
.seg button:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.slider{flex:1;min-width:240px}
input[type=range]{flex:1;accent-color:var(--acc);direction:rtl}
.nval{font-weight:800;font-size:16px;min-width:2ch;color:var(--acc)}

/* רשת */
.grid{display:grid;grid-template-columns:minmax(330px,1fr) minmax(420px,1.25fr) minmax(380px,1.15fr);gap:12px;align-items:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.card>h2{font-size:15px;font-weight:700;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.card>h2 span{font-size:12px;font-weight:400;color:var(--ink3)}
.pad{padding:12px 14px}

/* תוצאות */
.hemi svg{width:100%;height:auto;display:block}
.blocs{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.blocs div{padding:6px 0;font-size:12px;color:var(--ink2)}
.blocs div+div{border-inline-start:1px solid var(--line)}
.blocs b{display:block;font-size:20px;color:var(--ink)}
table{width:100%;border-collapse:collapse}
.pt td{padding:4px 14px;border-bottom:1px solid #f0f2f5;white-space:nowrap}
.pt tr:last-child td{border:0}
.pt .s{font-weight:800;text-align:left;width:1%}
.pt .pc{color:var(--ink3);text-align:left;width:1%}
.pt tr.out{color:var(--ink3)}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:7px;vertical-align:-1px}

/* דירוג */
.lb th{font-size:12px;font-weight:500;color:var(--ink3);text-align:right;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.lb td{padding:8px 10px;border-bottom:1px solid #f0f2f5;white-space:nowrap}
.lb tbody tr{cursor:pointer;transition:background .15s}
.lb tbody tr:hover{background:#f7f9fc}
.lb tbody tr.sel{background:var(--acc-bg);box-shadow:inset -3px 0 0 var(--acc)}
.lb .rk{color:var(--ink3);font-weight:700;width:1%}
.lb .on{font-weight:700}
.lb .on small{display:block;font-weight:400;color:var(--ink3);font-size:11px;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.tag{font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;background:#f1f3f6;color:var(--ink2);margin-inline-start:4px;vertical-align:1px}
.sc{display:flex;align-items:center;gap:8px;min-width:120px}
.sc b{font-size:16px;width:28px}
.bar{flex:1;height:6px;background:#eef0f3;border-radius:9px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:9px;transition:width .5s}
.lb .c{text-align:center}

/* פירוט */
.dh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}
.dh h3{font-size:18px}
.dh .big{font-size:26px;font-weight:800}
.dsub{color:var(--ink2);font-size:12.5px;margin-bottom:10px}
.keyrow{display:flex;gap:14px;font-size:11.5px;color:var(--ink3);margin-bottom:6px;flex-wrap:wrap}
.keyrow span{display:flex;gap:5px;align-items:center}
.keyrow i{width:10px;height:10px;border-radius:50%;display:inline-block}
.db{display:grid;grid-template-columns:104px 1fr 44px;gap:8px;align-items:center;height:26px}
.db .nm{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track{position:relative;height:16px}
.track .axis{position:absolute;inset-inline:0;top:7px;height:2px;background:#eef0f3}
.track .seg2{position:absolute;top:6px;height:4px;border-radius:4px;opacity:.55;transition:all .5s}
.track .a,.track .p{position:absolute;top:2px;width:12px;height:12px;border-radius:50%;margin-right:-6px;transition:right .5s}
.track .a{background:var(--ink)}
.track .p{border:2.5px solid;background:#fff}
.db .d{font-weight:700;font-size:12.5px;text-align:left}
.items{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}
.items h4{font-size:12.5px;color:var(--ink2);font-weight:600;margin-bottom:4px}
.it{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:6px 0;border-bottom:1px solid #f0f2f5}
.it:last-child{border:0}
.it .t{font-weight:600;font-size:13px}
.it .t.ex{color:var(--mid)}
.it .x{font-size:11.5px;color:var(--ink3)}
.it .mm{font-weight:800;font-size:16px;grid-row:span 2;align-self:center}
.mini{display:flex;height:5px;border-radius:3px;overflow:hidden;grid-column:1/-1;margin-top:4px}

/* מפת חום */
.full{margin-top:12px}
.heat{overflow-x:auto}
.heat table{table-layout:fixed;min-width:980px}
.heat col.oc{width:104px}
.heat th{font-size:11.5px;font-weight:600;color:var(--ink2);padding:8px 4px;vertical-align:bottom;text-align:center}
.heat td{text-align:center;padding:7px 2px;font-weight:600;font-size:13px;border:2px solid #fff;border-radius:6px}
.heat td.o{text-align:right;font-weight:700;padding-inline:10px;white-space:nowrap}
.heat tr.act td{color:var(--ink2);background:#f4f5f7;font-weight:800}
.heat tbody tr:not(.act){cursor:pointer}
.heat tbody tr.sel td.o{color:var(--acc)}
.legend{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink3);padding:8px 14px}
.legend i{display:block;height:8px;width:160px;border-radius:9px;background:linear-gradient(to left,var(--over),#fff 50%,var(--under));border:1px solid var(--line)}

/* הסברים */
details.card{margin-top:12px}
details summary{cursor:pointer;font-weight:700;font-size:15px;padding:10px 14px;list-style-position:inside}
.explain{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px 24px;padding:4px 14px 14px;color:var(--ink2)}
.explain h4{color:var(--ink);font-size:14px;margin-bottom:4px}
.explain ul{padding-inline-start:16px}
.formula{margin:6px 0;padding:6px 10px;border-radius:6px;background:#f4f5f7;color:var(--ink);font-weight:500}
footer{margin-top:14px;color:var(--ink3);font-size:12px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}

/* הגדרות ציון */
.btn{all:unset;cursor:pointer;font-size:13px;padding:5px 12px;border:1px solid var(--line2);border-radius:8px;color:var(--ink);background:#fff;white-space:nowrap}
.btn:hover{background:#f7f9fc}.btn:focus-visible{outline:2px solid var(--acc)}
.btn[aria-expanded=true]{background:var(--acc-bg);border-color:var(--acc);color:var(--acc)}
.cfgp{margin-bottom:12px}
.crow{display:flex;align-items:center;gap:10px}
.crow input[type=range]{min-width:140px}
.hint{color:var(--ink3);font-size:12.5px;margin-top:6px}
.ct th{font-size:12px;font-weight:500;color:var(--ink3);text-align:right;padding:6px 8px;border-bottom:1px solid var(--line)}
.ct td{padding:7px 8px;border-bottom:1px solid #f0f2f5;vertical-align:middle}
.ct td small{display:block;color:var(--ink3);font-size:11.5px}
.pn{width:64px;padding:4px 6px;border:1px solid var(--line2);border-radius:6px;font:inherit}
.cfgp h4{font-size:13px;margin:12px 0 6px}.cfgp h4 small{font-weight:400;color:var(--ink3);margin-inline-start:6px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--line);border-radius:99px;font-size:12.5px;cursor:pointer;background:#fff}
.chip select{font:inherit;font-size:12px;border:1px solid var(--line2);border-radius:5px;padding:1px 2px;margin-inline-start:4px}
.bassign{margin-top:12px}.bassign summary{cursor:pointer;font-weight:600;font-size:13px;margin-bottom:6px}
.cact{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}
.db.bl .nm{font-weight:700}
.sep{border-top:1px dashed var(--line);margin:6px 0}
.heat th.bh{color:var(--ink)}
.heat td.bh{box-shadow:inset 0 0 0 1px var(--line2)}
@media (max-width:800px){.ct td small{display:none}.crow input[type=range]{min-width:90px}}
@keyframes flash{0%{box-shadow:0 0 0 3px var(--acc)}100%{box-shadow:0 0 0 0 transparent}}
.flash{animation:flash 1.6s ease-out}
@media (max-width:1200px){.grid{grid-template-columns:1fr 1fr}.grid .res{grid-row:span 2}}
@media (max-width:800px){.grid{grid-template-columns:1fr}.grid .res{grid-row:auto}.controls{position:static}.lb .hs{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ניווט בין הדפים */
.nav{display:flex;gap:4px;margin-top:6px}
.nav a{font-size:13px;padding:4px 10px;border-radius:7px;color:var(--ink2);text-decoration:none;border:1px solid transparent}
.nav a:hover{background:#fff;border-color:var(--line)}
.nav a[aria-current=page]{background:var(--acc-bg);color:var(--acc);font-weight:600}