@font-face{font-family:HeeboTF;src:url('./assets/fonts/heebo-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:HeeboTF;src:url('./assets/fonts/heebo-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:HeeboTF;src:url('./assets/fonts/heebo-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:HeeboTF;src:url('./assets/fonts/heebo-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:HeeboTF;src:url('./assets/fonts/heebo-800.ttf') format('truetype');font-weight:800;font-display:swap}
.tf-election,.tf-results{--tf-ivory:#faf8f0;--tf-ink:#171717;--tf-muted:#656159;--tf-gold:#c5a14a;--tf-button:#ddb54d;--tf-line:#e2dccd;--tf-font:HeeboTF,Arial,sans-serif;box-sizing:border-box;direction:rtl;color:var(--tf-ink);font-family:var(--tf-font);background:var(--tf-ivory);font-size:14px;line-height:1.45;color-scheme:light}
.tf-election *,.tf-results *{box-sizing:border-box}
.tf-election{container-type:inline-size;border-bottom:2px solid var(--tf-gold);padding:14px 18px 7px;max-width:none;margin-inline:0}
.tf-election__main{display:grid;grid-template-columns:145px minmax(0,1fr) 166px;align-items:center;gap:20px;min-height:120px}
.tf-election__heading{align-self:center;border-inline-end:1px solid var(--tf-line);padding-inline-end:16px}
.tf-election__eyebrow{margin:0 0 3px;color:#92702c;font-size:13px;font-weight:600}
.tf-election__title{margin:0;font-size:24px;font-weight:800;line-height:1.15}
.tf-election__status{display:inline-block;margin-top:8px;font-size:11px;color:var(--tf-muted);border:1px solid var(--tf-line);padding:1px 6px;border-radius:2px}
.tf-election__status--demo{color:#735715;background:#f6edcf;border-color:#d8bd78}
.tf-election__track{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c7ad6d transparent;padding-top:2px;overscroll-behavior-x:contain}
.tf-election__party{min-width:0;display:flex;align-items:end;gap:8px;scroll-snap-align:start;height:118px}
.tf-election__faces{display:flex;align-items:end;height:118px;flex:none}
.tf-election__portrait{display:block;height:118px;width:96px;object-fit:cover;object-position:center top;clip-path:inset(0 0 3% 0)}
.tf-election__faces--pair .tf-election__portrait{width:80px}.tf-election__faces--pair .tf-election__portrait+.tf-election__portrait{margin-inline-start:-6px}
.tf-election__party-text{align-self:center;min-width:84px;max-width:150px;padding-block:3px}
.tf-election__party-name{font-size:15px;font-weight:700;margin:0 0 3px;min-height:38px;line-height:1.25;display:flex;align-items:end;overflow-wrap:anywhere}
.tf-election__value{font-size:29px;font-weight:800;line-height:1.05;display:block;white-space:nowrap;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.tf-election__unit{font-size:11px;color:var(--tf-muted);display:block;margin-top:4px}
.tf-election__actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.tf-election__cta{display:block;text-decoration:none;text-align:center;color:var(--tf-ink);background:var(--tf-button);border:1px solid #d1a63b;border-radius:5px;padding:12px 10px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .15s}
.tf-election__cta:hover{background:#e7c66b}
.tf-election__paging{display:flex;gap:5px;justify-content:center}
.tf-election__paging:has(button[hidden]){display:none}
.tf-election__paging button{font:inherit;font-size:12px;min-width:36px;min-height:30px;background:transparent;color:var(--tf-ink);border:1px solid var(--tf-line);border-radius:4px;cursor:pointer}
.tf-election a:focus-visible,.tf-election button:focus-visible,.tf-results a:focus-visible{outline:3px solid #967021;outline-offset:3px}
.tf-election__footer{border-top:1px solid var(--tf-line);padding-top:6px;margin-top:6px;font-size:11px;color:var(--tf-muted);overflow-wrap:anywhere}
.tf-election__footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.tf-election__empty{grid-column:1/-1;text-align:center;color:var(--tf-muted);padding:25px 10px}
.tf-election__notice{display:block;margin-top:3px;color:#735715}
.tf-results{padding:28px;max-width:1280px;margin:20px auto;border-top:2px solid var(--tf-gold)}
.tf-results__title{font-size:30px;line-height:1.2;margin:0 0 8px;font-weight:800}
.tf-results__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px 18px;margin-top:24px}
.tf-results__candidate{text-align:center;border-bottom:1px solid var(--tf-line);padding-bottom:18px;min-width:0}
.tf-results__people{display:flex;justify-content:center;align-items:end;height:175px;overflow:hidden}.tf-results__people img{height:175px;min-width:0;width:auto;max-width:100%;object-fit:contain;object-position:center bottom}.tf-results__people img:not(:only-child){max-width:50%;object-fit:contain}.tf-results__empty{grid-column:1/-1;text-align:center;color:var(--tf-muted)}
.tf-results__candidate h3{font-size:17px;font-weight:700;margin:10px 0 3px}
.tf-results__candidate p{margin:0;color:var(--tf-muted);font-size:13px}
.tf-results__number{display:block;font-size:30px;font-weight:800;margin-top:8px;font-variant-numeric:tabular-nums}
.tf-results__bar{height:5px;background:#ece7d9;margin:12px auto 0;border-radius:2px;max-width:180px;overflow:hidden}
.tf-results__bar i{display:block;height:100%;background:var(--tf-gold)}
.tf-results__minor{margin-top:30px;border-top:1px solid var(--tf-line);padding-top:16px}.tf-results__minor-title{font-size:18px;font-weight:700;margin:0 0 10px}.tf-results__minor-list{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}.tf-results__minor-list li{display:flex;justify-content:space-between;gap:12px;break-inside:avoid;padding:6px 0;border-bottom:1px solid #eee8da;font-size:13px}.tf-results__minor-name{min-width:0}.tf-results__minor-val{color:var(--tf-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.tf-results__footnote{margin:20px 0 0;font-size:12px;color:var(--tf-muted)}
@container(max-width:1050px){.tf-election__main{grid-template-columns:125px minmax(0,1fr) 140px;gap:12px}.tf-election__track{gap:20px}.tf-election__title{font-size:22px}}
@container(max-width:760px){.tf-election__main{grid-template-columns:1fr auto;gap:12px}.tf-election__heading{border:0;padding:0}.tf-election__title{font-size:22px}.tf-election__heading .tf-election__status{margin-top:4px}.tf-election__eyebrow{font-size:12px}.tf-election__actions{grid-column:2;grid-row:1}.tf-election__cta{padding:10px 12px;font-size:12px}.tf-election__track{grid-column:1/-1;grid-row:2;grid-auto-columns:max-content;gap:18px}.tf-election__party{height:111px;gap:8px}.tf-election__faces{height:111px}.tf-election__portrait{height:108px}.tf-election__party-name{font-size:14px;min-height:32px}.tf-election__value{font-size:26px}.tf-election__paging button{min-height:32px}.tf-election__footer{font-size:11px;margin-top:8px}.tf-election__paging{display:none}}
@media(max-width:500px){.tf-results__minor-list{columns:1}.tf-election{padding:12px 12px 7px}.tf-results{padding:20px 14px}.tf-results__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.tf-results__people,.tf-results__people img{height:140px}.tf-results__title{font-size:25px}}
@container(max-width:360px){.tf-election__track{gap:16px}.tf-election__portrait{width:78px}.tf-election__faces--pair .tf-election__portrait{width:64px}.tf-election__party{gap:6px}.tf-election__party-name{font-size:13px}.tf-election__value{font-size:23px}.tf-election__cta{font-size:11px;padding:9px}.tf-election__main{gap:10px}}
@media(prefers-reduced-motion:reduce){.tf-election__cta{transition:none}.tf-election__track{scroll-behavior:auto}}
/* Decorative state background (Knesset + flag), approved by Adam 30.10.2026. Background layers only; content keeps full opacity. */
.tf-election{background-color:#faf8f0;background-image:linear-gradient(90deg,rgba(250,248,240,.42) 0%,rgba(250,248,240,.62) 16%,rgba(250,248,240,.9) 30%,rgba(250,248,240,.93) 60%,rgba(250,248,240,.72) 80%,rgba(250,248,240,.6) 100%),url("assets/bg/knesset-flag-1440.webp");background-repeat:no-repeat;background-size:100% 100%,100% auto;background-position:0 0,center 45%}
@media(min-width:1500px){.tf-election{background-image:linear-gradient(90deg,rgba(250,248,240,.42) 0%,rgba(250,248,240,.62) 16%,rgba(250,248,240,.9) 30%,rgba(250,248,240,.93) 60%,rgba(250,248,240,.72) 80%,rgba(250,248,240,.6) 100%),url("assets/bg/knesset-flag-2100.webp")}}
@media(max-width:760px){.tf-election{background-image:linear-gradient(180deg,rgba(250,248,240,.38) 0,rgba(250,248,240,.62) 70px,#faf8f0 calc(28vw + 20px)),url("assets/bg/knesset-flag-800.webp");background-size:100% 100%,100% auto;background-position:0 0,center top}}
.tf-results{background-color:#faf8f0;background-image:linear-gradient(180deg,rgba(250,248,240,.3) 0,rgba(250,248,240,.55) 150px,rgba(250,248,240,.88) 250px,#faf8f0 330px),linear-gradient(90deg,rgba(250,248,240,0) 0%,rgba(250,248,240,.45) 30%,rgba(250,248,240,.55) 62%,rgba(250,248,240,.2) 85%,rgba(250,248,240,0) 100%),url("assets/bg/knesset-flag-1440.webp");background-repeat:no-repeat;background-size:100% 100%,100% 330px,100% auto;background-position:0 0,0 0,center top}
@media(max-width:760px){.tf-results{background-image:linear-gradient(180deg,rgba(250,248,240,.3) 0,rgba(250,248,240,.6) 90px,#faf8f0 190px),url("assets/bg/knesset-flag-800.webp");background-size:100% 100%,100% auto;background-position:0 0,center top}}
/* CTA + paging restyle (Adam 30.10.2026 12:30): arrows clearly visible, CTA in the ivory/gold language. */
.tf-election__cta{background:rgba(250,248,240,.96);color:var(--tf-ink);border:1.5px solid var(--tf-gold);border-radius:999px;padding:11px 18px;font-size:13px;font-weight:800;letter-spacing:.01em;box-shadow:0 1px 0 rgba(146,112,44,.18);transition:background .15s,color .15s}
.tf-election__cta::after{content:"←";color:#92702c;margin-inline-start:8px;font-weight:800}
.tf-election__cta:hover,.tf-election__cta:focus-visible{background:var(--tf-gold);color:#171717}
.tf-election__cta:hover::after{color:#171717}
.tf-election__paging{gap:8px}
.tf-election__paging button{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border-radius:50%;background:#faf8f0;border:1.5px solid var(--tf-gold);color:#171717;font-size:18px;font-weight:800;line-height:1;box-shadow:0 1px 3px rgba(23,23,23,.18);display:inline-flex;align-items:center;justify-content:center;transition:background .15s}
.tf-election__paging button:hover,.tf-election__paging button:focus-visible{background:var(--tf-gold)}
/* hover emphasis on party cards (desktop) */
.tf-election__party{transition:opacity .18s,filter .18s;position:relative}
.tf-election__party::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:#c5a14a;border-radius:2px;transform:scaleX(0);transition:transform .2s}
.tf-election__portrait{transition:filter .18s}
.tf-election__party-text{transition:transform .18s;transform-origin:center right}
.tf-election__party-name,.tf-election__value{transition:color .18s}
@media (hover:hover){
 .tf-election__track:hover .tf-election__party:not(:hover){opacity:.38;filter:grayscale(.75)}
 .tf-election__party:hover::after{transform:scaleX(1)}
 .tf-election__party:hover .tf-election__portrait{filter:brightness(1.06) contrast(1.06) drop-shadow(0 4px 8px rgba(23,23,23,.28))}
 .tf-election__party:hover .tf-election__party-text{transform:scale(1.14)}
 .tf-election__party:hover .tf-election__party-name{color:#92702c}
 .tf-election__party:hover .tf-election__value{color:#92702c}
}
@media (prefers-reduced-motion:reduce){.tf-election__party,.tf-election__party::after,.tf-election__portrait,.tf-election__party-text{transition:none}}