:root{
  /* צבע */
  --paper:#F6F2EA; --paper-2:#EEE8DB; --paper-3:#E4DDCC;
  --ink:#15171C; --ink-2:#4B4E57; --ink-3:#6B6E76;
  --hair:#CEC6B4; --rule:#15171C;
  --signal:#C8321B;
  --americas:#D2AE72; --europe:#8BA0B3; --mea:#CC8A72; --apac:#93A98A;
  --americas-ink:#7A5B22; --europe-ink:#3F566A; --mea-ink:#8A4A33; --apac-ink:#4D6648;
  /* טיפוגרפיה */
  --serif:'Frank Ruhl Libre','David Libre','Times New Roman',serif;
  --sans:'Heebo','Assistant','Arial Hebrew',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  /* סולם מרווחים 4 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --wrap:1280px; --gut:clamp(16px,4vw,32px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.75 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
button,select{font:inherit;color:inherit}
h1,h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;letter-spacing:0}
bdi{unicode-bidi:isolate}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:var(--s4);top:-60px;background:var(--ink);color:var(--paper);padding:var(--s2) var(--s4);z-index:50}
.skip:focus{top:var(--s2)}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.kicker{font:700 13px/1.4 var(--sans);letter-spacing:.02em;color:var(--ink-2);display:flex;align-items:center;gap:var(--s2)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--signal);flex:none;position:relative}
.dot::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--signal);animation:ping 2.4s var(--ease) infinite}
@keyframes ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.4);opacity:0}}

/* סרגל עליון */
.util{border-bottom:1px solid var(--hair);font-size:13px;color:var(--ink-2)}
.util .wrap{display:flex;justify-content:space-between;gap:var(--s4);padding-block:var(--s2);flex-wrap:wrap}
.util nav{display:flex;gap:var(--s5)}
.util a{min-height:24px;display:inline-flex;align-items:center}

/* ראשי */
.mast{padding-block:var(--s4) var(--s3);text-align:center}
.brand{font:900 clamp(44px,7vw,68px)/1.05 var(--serif);letter-spacing:-.01em;display:inline-flex;align-items:center;gap:.22em}
.brand .dot{width:.17em;height:.17em;margin-top:.12em}
.brand .dot::after{border-width:2px}
.tag{margin-top:var(--s1);font:400 15px/1.5 var(--sans);color:var(--ink-2)}
.dbl{border-top:3px solid var(--rule);border-bottom:1px solid var(--rule);height:7px}
.nav{border-bottom:1px solid var(--hair)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--s5);overflow-x:auto;scrollbar-width:none;justify-content:center}
.nav ul::-webkit-scrollbar{display:none}
.nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font:500 15px/1 var(--sans);color:var(--ink-2)}
.nav a:hover{color:var(--ink);text-decoration:none;box-shadow:inset 0 -2px 0 var(--ink)}
.nav .sw{width:9px;height:9px;border-radius:50%;margin-inline-end:var(--s2)}

/* פס מספרים */
.ticker{border-bottom:1px solid var(--rule);background:var(--paper-2)}
.ticker .wrap{display:flex;gap:var(--s6);overflow-x:auto;scrollbar-width:none;padding-block:var(--s2);font-size:13px;align-items:center}
.ticker .wrap::-webkit-scrollbar{display:none}
.ticker b{font-weight:700;margin-inline-end:var(--s2)}
.ticker span{white-space:nowrap;display:inline-flex;align-items:baseline;gap:var(--s2)}
.up{color:#2E6B3F}.dn{color:var(--signal)}
.ticker .lbl{font-weight:700;color:var(--ink-2)}

/* חזית */
.front{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--s6);padding-block:var(--s5) var(--s7)}
.lead{grid-column:span 4;padding-inline-end:var(--s6);border-inline-end:1px solid var(--rule);display:flex;flex-direction:column;gap:var(--s4)}
.lead h1{font:900 clamp(32px,3vw,44px)/1.12 var(--serif);letter-spacing:-.005em;text-wrap:balance}
.lead .sub{font:400 19px/1.6 var(--serif);color:var(--ink-2)}
.lead .lede{font-size:17px;max-width:62ch}
.byline{font-size:13px;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);padding-top:var(--s3);border-top:1px solid var(--hair)}
.israel{background:var(--paper-2);padding:var(--s4);border-inline-start:3px solid var(--ink)}
.israel h2{font:700 14px/1.4 var(--sans);margin-bottom:var(--s1)}
.israel p{font-size:15px;line-height:1.7}
.more{font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:var(--s2);min-height:44px}
.more::after{content:"\2190";font-family:var(--sans)}
.box{border-top:2px solid var(--ink);border-bottom:1px solid var(--hair)}
.box h2{font:700 13px/1.4 var(--sans);padding:var(--s2) 0;color:var(--ink-2)}
.box table{width:100%;border-collapse:collapse;font-size:14px}
.box td{padding:6px 0;border-top:1px solid var(--hair)}
.box td:last-child{text-align:start}
.box .num{font-size:13px}

/* מפה */
.mapcol{grid-column:span 8;min-width:0}
.tools{border-top:3px solid var(--rule);padding-top:var(--s1);border-bottom:1px solid var(--hair)}
.tools h2{font:700 22px/1.2 var(--serif)}
.tabs{display:flex;gap:var(--s1);flex-wrap:wrap}
.tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:0 var(--s3);min-height:44px;cursor:pointer;font:500 15px/1 var(--sans);color:var(--ink-2);display:inline-flex;align-items:center;gap:var(--s2);transition:color .18s,border-color .18s}
.tab:hover{color:var(--ink)}
.tab[aria-pressed=true]{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.tab .sw{width:9px;height:9px;border-radius:50%}
.tab small{font:400 12px var(--mono);color:var(--ink-3);direction:ltr}
#pick{min-height:44px;width:200px;background:var(--paper);border:1px solid var(--ink);border-radius:0;padding:0 var(--s3);cursor:pointer;font-size:14px}
.legendrow{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;border-top:1px solid var(--hair);padding-top:var(--s2)}
.legend{display:flex;gap:var(--s4);flex-wrap:wrap}
.lg{display:inline-flex;align-items:center;gap:var(--s2);font-size:13px}
.lg i{width:14px;height:10px;display:inline-block;border:1px solid var(--ink-3)}
.lg .u{background:var(--ink-3)} .lg .w{background:var(--paper-3)}
.lg .n{background:repeating-linear-gradient(135deg,var(--paper-3) 0 2px,var(--paper) 2px 4px)}
.lg .s{width:9px;height:9px;border-radius:50%;background:var(--signal);border:0}
.mapwrap{position:relative;margin-top:var(--s1)}
#map{width:100%;height:auto;display:block;touch-action:manipulation}
#map .graticule{fill:none;stroke:var(--hair);stroke-width:.5;opacity:.7}
#map .land{fill:var(--paper-3);stroke:var(--paper);stroke-width:.6;vector-effect:non-scaling-stroke}
#zoom{transform-origin:0 0;transition:transform .7s var(--ease)}
#map .c{cursor:pointer;outline:none;transition:opacity .35s}
#map .c.dim{opacity:.2;pointer-events:none}
#map .shape{vector-effect:non-scaling-stroke;stroke:var(--paper);stroke-width:.8;transition:fill .3s}
.r-americas{--rc:var(--americas);--ri:var(--americas-ink)}
.r-europe{--rc:var(--europe);--ri:var(--europe-ink)}
.r-mea{--rc:var(--mea);--ri:var(--mea-ink)}
.r-apac{--rc:var(--apac);--ri:var(--apac-ink)}
#map .st-waiting .shape{fill:color-mix(in srgb,var(--rc) 36%,var(--paper))}
#map .st-updated .shape{fill:var(--rc);stroke:color-mix(in srgb,var(--ri) 70%,var(--paper))}
#map .st-na .shape{fill:url(#hatch);stroke:var(--ink-3)}
#map .c:hover .shape{stroke:var(--ink);stroke-width:1.6}
#map .c.sel .shape{stroke:var(--ink);stroke-width:2.2}
#map .c:focus-visible .shape,#map .c:focus-visible .mk{stroke:var(--ink);stroke-width:2.6}
#map .c:focus-visible .halo{opacity:1}
.halo{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:2 2;opacity:0;vector-effect:non-scaling-stroke}
.dotk{transform:scale(var(--ik,1));transition:transform .7s var(--ease)}
.mk{fill:var(--ink);stroke:var(--paper);stroke-width:1.2;vector-effect:non-scaling-stroke}
.st-updated .mk{fill:var(--ri)}
.st-na .mk{fill:var(--ink-3)}
.c.recent .mk{fill:var(--signal)}
.hit{fill:transparent}
.ring{fill:none;stroke:var(--signal);stroke-width:1.6;transform-box:fill-box;transform-origin:center;animation:pulse 2.4s var(--ease) infinite;vector-effect:non-scaling-stroke}
.ring.b{animation-delay:1.2s}
@keyframes pulse{0%{transform:scale(.6);opacity:.95}100%{transform:scale(3.6);opacity:0}}
.maperr{padding:var(--s6);border:1px dashed var(--ink-3);text-align:center;color:var(--ink-2)}
.tip{position:absolute;z-index:5;pointer-events:none;width:min(300px,86%);background:var(--ink);color:var(--paper);padding:var(--s3) var(--s4);font-size:14px;line-height:1.55;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}
.tip.on{opacity:1;transform:none}
.tip b{font:700 18px/1.3 var(--serif);display:block}
.tip .st{font-size:12px;color:#D8D2C2;display:block;margin-block:2px 6px}
.tip .hl{font-family:var(--serif);font-size:15px;line-height:1.5;display:block}
.tip .tm{font:400 12px var(--mono);color:#D8D2C2;display:block;margin-top:6px}

.read{display:grid;grid-template-columns:2fr 1fr;border-top:1px solid var(--rule);margin-top:var(--s2)}
.sel,.next{padding:var(--s4) 0;min-height:132px}
.sel{padding-inline-end:var(--s5)}
.next{padding-inline-start:var(--s5);border-inline-start:1px solid var(--hair)}
.sel .nm{font:700 22px/1.2 var(--serif);display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.pill{font:500 12px/1 var(--sans);padding:5px 8px;border:1px solid currentColor;display:inline-flex;gap:6px;align-items:center}
.pill.u{color:var(--ri,var(--ink))}.pill.w{color:var(--ink-2)}.pill.n{color:var(--ink-3);border-style:dashed}
.sel .hl{font:500 18px/1.5 var(--serif);margin-top:var(--s2);text-wrap:pretty}
.sel .mt{font-size:13px;color:var(--ink-2);margin-top:var(--s2);display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center}
.sel .mt a{font-weight:700;color:var(--ink);min-height:24px}
.sel .mt a::after{content:" \2190"}
.next h3{font:700 13px/1.4 var(--sans);color:var(--ink-2);display:flex;gap:var(--s2);align-items:center}
.next .who{font:700 22px/1.2 var(--serif);margin-top:var(--s2)}
.next .cd{font:500 28px/1.2 var(--mono);direction:ltr;text-align:start;margin-top:var(--s1);font-variant-numeric:tabular-nums}
.next .at{font-size:13px;color:var(--ink-2)}

/* סבב היום */
.round{border-top:3px solid var(--rule);padding-block:var(--s4) var(--s5)}
.round header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s3)}
.round h2,.sech h2{font:700 24px/1.2 var(--serif)}
.round p{font-size:14px;color:var(--ink-2)}
#axis{width:100%;height:auto;display:block}
#axis text{font:400 11px var(--mono);fill:var(--ink-3)}

/* מדורי אזורים */
.sech{display:flex;align-items:baseline;justify-content:space-between;border-top:3px solid var(--rule);padding-top:var(--s3);margin-bottom:var(--s5);gap:var(--s4);flex-wrap:wrap}
.sech p{font-size:14px;color:var(--ink-2)}
.regions{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:var(--s8)}
.reg{padding-inline:var(--s5);border-inline-start:1px solid var(--hair);display:flex;flex-direction:column;gap:var(--s3)}
.reg:first-child{padding-inline-start:0;border-inline-start:0}
.reg:last-child{padding-inline-end:0}
.reg .kicker{color:var(--ri)}
.reg .kicker i{width:24px;height:4px;background:var(--rc);display:block}
.reg h3{font:700 23px/1.28 var(--serif);text-wrap:balance}
.reg h3 a:hover{text-decoration:none;background:linear-gradient(var(--rc),var(--rc)) 0 100%/100% 3px no-repeat}
.reg p{font-size:15px;line-height:1.7;color:var(--ink-2)}
.reg .meta{font-size:12.5px;color:var(--ink-3);margin-top:auto;padding-top:var(--s2);display:flex;gap:var(--s3);flex-wrap:wrap}

/* פיד ונושאים */
.lower{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--s6);margin-bottom:var(--s8)}
.feedcol{grid-column:span 8}
.sidecol{grid-column:span 4;padding-inline-start:var(--s6);border-inline-start:1px solid var(--rule);display:flex;flex-direction:column;gap:var(--s6)}
.feed{list-style:none;margin:0;padding:0}
.feed li{display:grid;grid-template-columns:64px 1fr;column-gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--hair)}
.feed li:last-child{border-bottom:1px solid var(--hair)}
.feed time{font:500 14px/1.9 var(--mono);direction:ltr;text-align:start}
.feed .cn{font-weight:700;font-size:14px;display:flex;align-items:center;gap:var(--s2)}
.feed .cn i{width:8px;height:8px;border-radius:50%;background:var(--rc)}
.feed a.t{font:500 18px/1.5 var(--serif);display:block;text-wrap:pretty}
.feed .soon{color:var(--ink-3)}
.feed .soon a.t{color:var(--ink-2);font-size:16px}
.feed .sep{display:block;font:700 12px var(--sans);color:var(--ink-3);padding:var(--s4) 0 var(--s1);border-top:2px solid var(--ink);margin-top:var(--s5)}
.feed .gh{border-top:0;display:block;padding:0}
.topics{list-style:none;margin:0;padding:0}
.topics li{border-top:1px solid var(--hair)}
.topics a{display:flex;justify-content:space-between;align-items:center;min-height:56px;font:500 20px/1.3 var(--serif);gap:var(--s3)}
.topics small{font:400 12px var(--sans);color:var(--ink-3)}
.how{background:var(--paper-2);padding:var(--s5);border-top:3px solid var(--ink)}
.how h2{font:700 20px/1.3 var(--serif);margin-bottom:var(--s2)}
.how p{font-size:15px;line-height:1.7;color:var(--ink-2)}
.how ul{margin:var(--s3) 0 var(--s3);padding:0;list-style:none;font-size:14px;display:grid;gap:var(--s2)}
.how li{display:flex;gap:var(--s3)}
.how li b{font:500 13px var(--mono);direction:ltr;min-width:2ch;flex:none}

/* אינדקס */
.index{margin-bottom:var(--s8)}
.idx{display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--s5)}
.idx h3{font:700 16px/1.3 var(--sans);padding:var(--s2) 0;border-bottom:2px solid var(--rc);margin-bottom:var(--s1);display:flex;justify-content:space-between}
.idx ul{list-style:none;margin:0;padding:0}
.idx li a{display:flex;align-items:center;gap:var(--s2);min-height:36px;border-bottom:1px solid var(--hair);font-size:15px}
.idx li a:hover{background:var(--paper-2);text-decoration:none}
.idx .gl{width:9px;height:9px;border-radius:50%;flex:none;border:1.5px solid var(--ink-3)}
.idx .u .gl{background:var(--rc);border-color:var(--ri)}
.idx .n .gl{border-style:dotted}
.idx .tm{margin-inline-start:auto;font:400 12px var(--mono);color:var(--ink-3)}
footer{border-top:3px solid var(--rule);background:var(--paper-2);padding-block:var(--s6) var(--s7);font-size:14px;color:var(--ink-2)}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s6)}
footer .brand{font-size:32px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s1)}
footer a{min-height:32px;display:inline-flex;align-items:center}
footer .legal{grid-column:1/-1;border-top:1px solid var(--hair);padding-top:var(--s4);font-size:13px}

@media (max-width:1100px){
  .regions{grid-template-columns:repeat(2,1fr);row-gap:var(--s6)}
  .reg:nth-child(odd){padding-inline-start:0;border-inline-start:0}
  .reg:nth-child(even){padding-inline-end:0}
  .lead{grid-column:span 5}.mapcol{grid-column:span 7}
}
@media (max-width:860px){
  body{font-size:16px}
  .front{display:flex;flex-direction:column;gap:var(--s6);padding-block:var(--s5) var(--s6)}
  .lead{padding-inline-end:0;border-inline-end:0}
  .lead .israel,.lead .box,.lead .lede{display:none}
  .lower{display:flex;flex-direction:column;gap:var(--s7)}
  .sidecol{padding-inline-start:0;border-inline-start:0}
  .read{grid-template-columns:1fr}
  .sel{padding-inline-end:0}
  .next{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--hair);min-height:0}
  #pick{width:100%}
  .idx{grid-template-columns:repeat(2,1fr);row-gap:var(--s5)}
  footer .wrap{grid-template-columns:1fr}
  .nav ul{justify-content:flex-start;padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1)}
  .util nav{display:none}
}
@media (max-width:560px){
  .regions{grid-template-columns:1fr}
  .reg,.reg:nth-child(even){padding-inline:0;border-inline-start:0;padding-bottom:var(--s5);border-bottom:1px solid var(--hair)}
  .idx{grid-template-columns:1fr}
  .tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .tab{padding-inline:var(--s2);flex:none}
  .tip{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}