@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{--ink:#172021;--muted:#526060;--paper:#f6f5f0;--white:#fff;--line:#d7dcda;--green:#133f3b;--green2:#0c312e;--lime:#dfe9b8;--gold:#b47b35;--shell:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Assistant,DM Sans,Arial,sans-serif;font-size:18px;line-height:1.65}
html[lang="en"] body,html[lang="fr"] body,html[lang="ru"] body{font-family:DM Sans,Arial,sans-serif;font-size:16px}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}
.skip{position:absolute;top:-80px;background:var(--white);padding:8px;z-index:5}.skip:focus{top:4px}
.site-header{background:var(--green2);color:var(--white);border-bottom:1px solid rgba(255,255,255,.16)}
.header-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.masthead{display:flex;flex-direction:column;gap:4px}
.brand{font-family:Georgia,serif;font-size:clamp(23px,2.4vw,32px);font-weight:700;line-height:1.12;letter-spacing:-.045em;max-width:410px}
.brand-note{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b8d2c7;font-weight:700}
.lang-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lang-nav a{font-family:Assistant,DM Sans,sans-serif;font-size:13px;padding:6px 10px;border:1px solid rgba(255,255,255,.26);border-radius:100px;white-space:nowrap}
.lang-nav a:hover,.lang-nav .active{background:var(--lime);color:var(--green2);border-color:var(--lime)}
.main-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.15);min-height:52px}
.main-nav a{font-size:14px;font-weight:700;color:#c9d9d3;padding:12px 0;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav a.active{color:#fff;border-bottom-color:var(--lime)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(44px,6.4vw,82px);font-weight:800}h2{font-size:clamp(27px,3.4vw,42px)}h3{font-size:25px}
.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--gold);margin-bottom:22px}
.lead{font-size:clamp(19px,2.2vw,26px);line-height:1.55;max-width:800px;color:#dbe9e4}
.hero{background:var(--green);color:#fff;min-height:410px;padding:65px clamp(28px,5.4vw,80px);display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden;margin-top:34px}
.hero:before{content:"";position:absolute;inset:auto -100px -200px auto;width:500px;height:500px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.025)}
.hero-text{position:relative;z-index:1}.hero h1{max-width:850px;margin-bottom:23px}.hero .lead{margin-bottom:0}.hero .eyebrow{color:var(--lime)}
.hero-mark{direction:ltr;font-family:Georgia,serif;font-size:clamp(80px,10vw,160px);font-weight:700;line-height:.68;letter-spacing:-.15em;color:rgba(223,233,184,.28);min-width:175px;transform:rotate(-7deg);text-align:center}
.feature{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);background:#fff;border:1px solid var(--line);margin-top:22px;min-height:300px}
.feature>div:first-child{padding:46px clamp(28px,5vw,64px)}.feature h2{margin-bottom:16px}.feature p:not(.eyebrow){max-width:650px;color:var(--muted)}
.feature-side{background:var(--lime);display:flex;flex-direction:column;justify-content:space-between;padding:32px;color:var(--green2);min-height:280px}
.feature-side span{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.feature-side strong{font-family:Georgia,serif;font-size:31px;line-height:1.3}
.button{display:inline-block;margin-top:10px;background:var(--green);color:#fff;padding:10px 19px;font-size:15px;font-weight:700;border:1px solid var(--green)}.button:hover{background:var(--green2)}
.feature-secondary{display:inline-block;margin-inline-start:18px}
.section-block{padding:78px 0 66px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:26px}.section-heading .eyebrow{margin:0}.section-heading h2{margin-bottom:19px}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-card{background:#fff;border:1px solid var(--line);padding:30px;min-height:315px;display:flex;flex-direction:column}.topic-card:hover{border-color:var(--green);box-shadow:0 12px 24px rgba(20,45,40,.07)}
.number{font-family:Georgia,serif;color:var(--gold);font-size:20px;font-weight:700}.topic-card h3{margin:36px 0 14px}.topic-card p{color:var(--muted);margin-bottom:20px}.topic-card .text-link{margin-top:auto}
.text-link{font-size:15px;color:var(--green);font-weight:800;border-bottom:1px solid var(--green);align-self:flex-start}.text-link:hover{color:#916121;border-color:#916121}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:90px}.lower-grid>div{background:#ecf0e8;padding:38px 40px}.lower-grid h2{font-size:30px}.lower-grid p:not(.eyebrow){color:var(--muted)}
.article-layout{padding:34px 0 90px}.page-intro{background:var(--green);color:#fff;padding:66px clamp(28px,5.5vw,72px);margin-bottom:22px}.page-intro h1{font-size:clamp(40px,5.6vw,72px);max-width:900px;margin-bottom:22px}.page-intro .eyebrow{color:var(--lime)}.page-intro .lead{margin-bottom:10px}
.page-intro .button{background:var(--lime);color:var(--green2);border-color:var(--lime)}
.article-main{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,.8fr);gap:22px;align-items:start}.elements,.case-list{background:#fff;border:1px solid var(--line)}
.element,.case-item{display:grid;grid-template-columns:45px minmax(0,1fr);gap:18px;padding:32px 40px;border-bottom:1px solid var(--line)}.element:last-child,.case-item:last-child{border-bottom:0}.element h2,.case-item h2{font-size:29px;margin-bottom:13px}.element p,.case-item p{color:var(--muted);max-width:760px;margin-bottom:13px}
.sources{border:1px solid var(--line);padding:26px;background:#ecf0e8;position:sticky;top:16px}.sources .eyebrow{margin-bottom:16px}.sources .text-link{display:inline-block;margin-bottom:20px}.source-row{border-top:1px solid var(--line);padding-top:17px}.source-note{font-size:13px;color:var(--muted);margin:8px 0 0}
.case-list{max-width:920px}.site-footer{background:var(--green2);color:#d2e2da}.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}
@media(max-width:850px){.header-inner{flex-direction:column;align-items:flex-start;padding:20px 0}.main-nav{gap:17px}.hero-mark{display:none}.feature{grid-template-columns:1fr}.feature-side{min-height:160px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:220px}.topic-card h3{margin-top:24px}.lower-grid,.article-main{grid-template-columns:1fr}.sources{position:static}.footer-inner{flex-wrap:wrap;padding:25px 0}}
@media(max-width:540px){.shell{width:min(calc(100% - 28px),var(--shell))}.main-nav{gap:15px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.main-nav a{font-size:12px}.hero{min-height:0;padding:42px 25px;margin-top:14px}.feature>div:first-child{padding:32px 25px}.feature-side{padding:25px}.section-block{padding:55px 0}.section-heading{display:block}.section-heading h2{margin-top:8px}.lower-grid>div{padding:28px 25px}.page-intro{padding:43px 26px}.element,.case-item{grid-template-columns:30px 1fr;padding:25px 19px;gap:10px}.element h2,.case-item h2{font-size:24px}.brand{font-size:24px}}

/* Israel Background palette: midnight navy, white type, cool gray copy, restrained red. */
:root{--ink:#f8f9fb;--muted:#c0c5cd;--paper:#0c1018;--line:#353b44;--green:#0c1018;--green2:#0c1018;--lime:#e0202c;--gold:#e0202c;--panel:#151a23;--panel-soft:#1b2028}
.skip{color:var(--paper)}
.site-header{border-bottom-color:var(--line)}
.brand-note,.main-nav a,.hero .eyebrow,.page-intro .eyebrow{color:#b9c1cb}
.lang-nav a{border-color:#555b64}
.lang-nav a:hover,.lang-nav .active{background:var(--panel-soft);color:#fff;border-color:var(--lime)}
.main-nav{border-top-color:var(--line)}
.main-nav a:hover,.main-nav a.active{border-bottom-color:var(--lime)}
.lead{color:#c7ccd4}
.hero,.page-intro{background:var(--paper);border-bottom:1px solid var(--line)}
.hero-mark{color:rgba(255,255,255,.12)}
.feature,.topic-card,.elements,.case-list,.sources,.lower-grid>div{background:var(--panel)}
.feature-side{background:var(--panel-soft);color:#fff;border-inline-start:1px solid var(--line)}
.feature-side strong{color:#fff}
.button,.page-intro .button{background:transparent;color:#fff;border-color:var(--lime)}
.button:hover,.page-intro .button:hover{background:var(--lime);color:#fff}
.topic-card:hover{border-color:var(--lime);box-shadow:0 12px 24px rgba(0,0,0,.18)}
.text-link{color:#f1f3f6;border-bottom-color:var(--lime)}
.text-link:hover{color:#fff;border-color:#fff}
.site-footer{color:#c2c8d0;border-top:1px solid var(--line)}
