/* דיוק המכונים (#/2022) — ראש עמוד בסגנון פוסטר: כותרת ענקית, פודיום, ונוסחה במספרים גדולים.
   אחד המדדים המרכזיים של האתר, ולכן בכוונה בשפה גרפית אחרת מיתר העמודים. הצבעים ללא שינוי: נייבי, שמנת וזהב. */

#view-e2022 .acc-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:end;margin:0 0 12px;padding:22px 28px 0;border-radius:14px;overflow:hidden;
  background:radial-gradient(90% 120% at 100% 0%,#1d4f86 0%,#12345c 45%,#0a1c33 100%);color:#f6f3ec;border:1px solid #e5c78355;box-shadow:0 22px 50px -26px #000000c0}
#view-e2022 .acc-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(115deg,transparent 0 46px,#ffffff07 46px 47px),radial-gradient(40% 60% at 22% 92%,#e5c78338,transparent 70%)}
#view-e2022 .acc-hero>*{position:relative}
.acc-hero-main{display:grid;align-content:start;gap:2px;padding-bottom:18px}
.acc-kicker{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.05em;color:#e5c783}
.acc-kicker span{margin-inline-end:6px}
#view-e2022 .acc-title{margin:2px 0 4px;font-size:clamp(3.2rem,8.2dvh,5.6rem);line-height:.95;font-weight:900;letter-spacing:-.045em;color:#fff;
  background:linear-gradient(180deg,#ffffff 30%,#f1d99d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#view-e2022 .acc-sub{margin:0 0 14px;max-width:46ch;font-size:.9rem;line-height:1.55;color:#c3cedb}
.acc-facts{display:flex;flex-wrap:wrap;gap:6px 30px}
.acc-facts>div{display:flex;align-items:baseline;gap:8px}
.acc-facts b{font-size:clamp(2rem,5dvh,2.9rem);line-height:1;font-weight:900;letter-spacing:-.04em;color:#e5c783;font-variant-numeric:tabular-nums}
.acc-facts span{font-size:.82rem;font-weight:700;color:#dbe5f0}

/* פודיום */
.acc-podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}
.acc-pod{display:grid;justify-items:center;align-content:end;gap:5px;flex:1 1 0;min-width:0;text-align:center}
.acc-pod.p2{order:1}.acc-pod.p1{order:2}.acc-pod.p3{order:3}
.acc-pod-logo .orglogo{width:92px!important;height:92px!important;background:#fff;border:4px solid #e5c783;border-radius:50%;box-shadow:0 8px 20px -8px #000000b0;overflow:hidden}
.acc-pod.p1 .acc-pod-logo .orglogo{width:112px!important;height:112px!important;border-color:#f6e7bd}
.acc-pod-logo .orglogo img{padding:9px;object-fit:contain}
.acc-pod-name{font-size:.96rem;font-weight:800;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.acc-pod .grade{font-size:.66rem;padding:2px 8px}
.acc-pod-base{position:relative;display:grid;place-items:center;width:100%;border-radius:10px 10px 0 0;padding:12px 4px 10px;
  background:linear-gradient(180deg,#f6e7bd,#d1ad62);color:#14233a;box-shadow:0 -2px 0 #fff3cf inset}
.acc-pod.p1 .acc-pod-base{min-height:104px}
.acc-pod.p2 .acc-pod-base{min-height:78px;background:linear-gradient(180deg,#efe6d0,#c9bd9b)}
.acc-pod.p3 .acc-pod-base{min-height:60px;background:linear-gradient(180deg,#dcb877,#a87a2c)}
.acc-pod-place{position:absolute;top:6px;inset-inline-start:9px;font-style:normal;font-size:.74rem;font-weight:900;opacity:.7}
.acc-pod-score{font-size:clamp(1.9rem,4.6dvh,2.7rem);line-height:1;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#14233a}
.acc-pod.p1 .acc-pod-score{font-size:clamp(2.4rem,6dvh,3.4rem)}

/* הנוסחה: מספרים גדולים, בפס אחד */
#view-e2022 #accuracy-method{margin:0 0 12px;padding:12px 20px;border-color:#e5c78355;border-radius:14px;box-shadow:0 14px 30px -24px #000000a0}
#view-e2022 .accuracy-method-band{gap:8px 26px}
#view-e2022 .accuracy-method-label strong{font-size:1rem}
#view-e2022 .accuracy-method-weight{gap:10px;padding-inline-start:12px;border-inline-start-width:5px}
#view-e2022 .accuracy-method-weight b{font-size:2.4rem;letter-spacing:-.04em}
#view-e2022 .accuracy-method-weight span{font-size:.92rem;font-weight:800}

/* הדירוג המלא */
#view-e2022 .reliability-ranking{padding-top:6px}
#view-e2022 .reliability-ranking::before{content:"הדירוג המלא";display:block;margin:0 0 8px;font-size:1.5rem;font-weight:900;letter-spacing:-.03em;color:#fff}
#view-e2022 #rank-list.acc-list{border-radius:14px;border-color:#e5c78355;box-shadow:0 14px 30px -24px #000000a0}
#view-e2022 .acc-row{padding-block:9px}
#view-e2022 .accuracy-rank-number{font-size:1.5rem;font-weight:900;color:#966918;letter-spacing:-.03em}
#view-e2022 .accuracy-identity h3{font-size:1.05rem;font-weight:800}
#view-e2022 .accuracy-score{font-size:2rem;font-weight:900}
#view-e2022 .acc-row:nth-child(2) .accuracy-score,#view-e2022 .acc-row:nth-child(3) .accuracy-score,#view-e2022 .acc-row:nth-child(4) .accuracy-score{color:#966918}
#view-e2022 .accuracy-score-track{height:11px}

@media (max-width:980px){
  #view-e2022 .acc-hero{grid-template-columns:minmax(0,1fr);padding:18px 18px 0}
  .acc-podium{justify-content:center}
}
/* מחשב נייד: הכותרת והפודיום נשארים בחצי העליון של המסך */
@media (min-width:981px) and (max-height:780px){
  #view-e2022 .acc-hero{padding:14px 24px 0;margin-bottom:8px}
  .acc-hero-main{padding-bottom:12px}
  #view-e2022 .acc-sub{margin-bottom:8px;font-size:.82rem;line-height:1.45}
  .acc-pod-logo .orglogo{width:68px!important;height:68px!important}
  .acc-pod.p1 .acc-pod-logo .orglogo{width:84px!important;height:84px!important}
  .acc-pod-logo .orglogo img{padding:6px}
  .acc-pod.p1 .acc-pod-base{min-height:82px}.acc-pod.p2 .acc-pod-base{min-height:62px}.acc-pod.p3 .acc-pod-base{min-height:46px}
  .acc-pod-base{padding-block:8px 6px}
  #view-e2022 #accuracy-method{padding:8px 18px;margin-bottom:8px}
  #view-e2022 .accuracy-method-weight b{font-size:1.9rem}
  #view-e2022 .reliability-ranking::before{font-size:1.2rem;margin-bottom:4px}
}
#view-e2022 .acc-facts>div{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
#view-e2022 .acc-pod .grade{background:#ffffff1c!important;color:#f6e7bd!important;border:1px solid #ffffff33!important}
#view-e2022 .acc-pod.p1 .grade{background:#e5c78333!important;border-color:#e5c78388!important}
#view-e2022 .acc-row{grid-template-columns:30px 46px minmax(130px,1.1fr) 112px 72px minmax(240px,2.4fr) 86px 76px}
#view-e2022 .acc-row .orglogo{width:46px;height:46px}
#view-e2022 .acc-row .orglogo img{padding:6px}

/* ---------- כניסה בתנועה (מופעלת בכל פתיחה של העמוד) ---------- */
@keyframes acc-fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes acc-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes acc-drop{from{opacity:0;transform:translateY(-26px) scale(.8)}to{opacity:1;transform:none}}
@keyframes acc-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@keyframes acc-row-in{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes acc-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
#view-e2022.acc-enter .acc-kicker{animation:acc-fade-up .5s ease both}
#view-e2022.acc-enter .acc-title{animation:acc-fade-up .6s .08s ease both}
#view-e2022.acc-enter .acc-sub{animation:acc-fade-up .6s .18s ease both}
#view-e2022.acc-enter .acc-facts>div{animation:acc-pop .5s ease both}
#view-e2022.acc-enter .acc-facts>div:nth-child(1){animation-delay:.25s}
#view-e2022.acc-enter .acc-facts>div:nth-child(2){animation-delay:.37s}
#view-e2022.acc-enter .acc-facts>div:nth-child(3){animation-delay:.49s}
#view-e2022.acc-enter .acc-pod-base{transform-origin:50% 100%;animation:acc-rise .75s cubic-bezier(.2,.8,.2,1) both}
#view-e2022.acc-enter .acc-pod.p3 .acc-pod-base{animation-delay:.2s}
#view-e2022.acc-enter .acc-pod.p2 .acc-pod-base{animation-delay:.35s}
#view-e2022.acc-enter .acc-pod.p1 .acc-pod-base{animation-delay:.5s}
#view-e2022.acc-enter .acc-pod-logo,#view-e2022.acc-enter .acc-pod-name,#view-e2022.acc-enter .acc-pod .grade{animation:acc-drop .5s ease both}
#view-e2022.acc-enter .acc-pod.p3 :is(.acc-pod-logo,.acc-pod-name,.grade){animation-delay:.75s}
#view-e2022.acc-enter .acc-pod.p2 :is(.acc-pod-logo,.acc-pod-name,.grade){animation-delay:.9s}
#view-e2022.acc-enter .acc-pod.p1 :is(.acc-pod-logo,.acc-pod-name,.grade){animation-delay:1.05s}
#view-e2022.acc-enter .accuracy-method-band>*{animation:acc-pop .45s ease both}
#view-e2022.acc-enter .accuracy-method-band>*:nth-child(1){animation-delay:.9s}
#view-e2022.acc-enter .accuracy-method-band>*:nth-child(2){animation-delay:1.0s}
#view-e2022.acc-enter .accuracy-method-band>*:nth-child(3){animation-delay:1.1s}
#view-e2022.acc-enter .accuracy-method-band>*:nth-child(4){animation-delay:1.2s}
#view-e2022.acc-enter .accuracy-method-band>*:nth-child(5){animation-delay:1.3s}
#view-e2022.acc-enter .acc-row:not(.acc-cols){animation:acc-row-in .5s ease both;animation-delay:calc(var(--i,0) * 70ms + 1.1s)}
#view-e2022.acc-enter .acc-row:not(.acc-cols) .accuracy-score-track{transform-origin:100% 50%;animation:acc-grow .7s ease-out both;animation-delay:calc(var(--i,0) * 70ms + 1.5s)}
@media (prefers-reduced-motion:reduce){#view-e2022.acc-enter *{animation:none!important}}