/* המדינה · brand tokens for the elections kit. Black & white news language, one true news red. Loaded by every page. */
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800;900&display=swap");
:root{
  --ink:#0b0b0d; --char:#1a1a1d; --paper:#fdfdfd; --snow:#ffffff; --soft:#f3f4f6; --hair:#e6e7ea; --grey:#5f6470; --mute:#9aa0aa;
  --red:#db0000; --red-deep:#a80000; --live:#f5161b; --yel:#f2b921;
  --vx-bg:#07080b; --vx-card:#15171c; --vx-line:rgba(255,255,255,.1);
  --f:"Heebo",system-ui,"Segoe UI",Arial,sans-serif;
  --r:14px; --r-l:22px; --shadow:0 10px 30px rgba(10,10,14,.12);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--f);-webkit-font-smoothing:antialiased;direction:rtl}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* wordmark: thick charcoal "המדינה", the yod is the symbol (news red) */
.wm{font:900 26px/1 var(--f);letter-spacing:-.02em;color:var(--char);display:inline-flex;align-items:baseline;white-space:nowrap}
.wm i{font-style:normal;color:var(--red)}
.on-dark .wm,.wm.light{color:#fff}

/* header — snow white, NF-style live pill */
.hm-hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--snow);border-bottom:1px solid var(--hair)}
.hm-hdr .in{max-width:1180px;margin:0 auto;padding:0 16px;height:58px;display:flex;align-items:center;gap:14px}
.hm-hdr nav{display:flex;gap:4px;margin-inline-start:auto;overflow-x:auto;scrollbar-width:none}
.hm-hdr nav a{font:700 14.5px/1 var(--f);padding:10px 10px;border-radius:999px;white-space:nowrap;color:var(--char)}
.hm-hdr nav a[aria-current="page"]{background:var(--ink);color:#fff}
.pill-live{display:inline-flex;align-items:center;gap:7px;background:var(--live);color:#fff;font:800 12.5px/1 var(--f);padding:8px 12px;border-radius:999px;white-space:nowrap}
.pill-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:hmblink 1.2s infinite}
@keyframes hmblink{50%{opacity:.25}}
.kick{font:800 12.5px/1.2 var(--f);letter-spacing:.04em;color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:800 15px/1 var(--f);padding:14px 22px}
.btn.red{background:var(--red)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--hair)}
.btn.light{background:#fff;color:var(--ink)}
.wrap{max-width:1180px;margin:0 auto;padding-inline:16px}
.colh{font:900 20px/1 var(--f);display:flex;align-items:center;gap:10px;margin:0 0 14px}
.colh::before{content:"";width:5px;height:20px;background:var(--red);border-radius:2px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
