/* Oren Hasson — EN section
   Palette pulled from the Hebrew site:
   gold #EFBE37 (accent only), slate #5F6A91 (text/links/headings),
   warm off-white #F5F5EE (background). */

:root{
  --bg:#F5F5EE;
  --ink:#242424;
  --slate:#5F6A91;
  --slate-deep:#444c6e;
  --gold:#EFBE37;
  --border:#ddd8c6;
  --panel:#efece0;
  --muted:#6c6c64;
  --maxw:720px;
  --wide:1000px;
}

*{box-sizing:border-box;}
html{font-size:18px;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}

a{color:var(--slate);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;text-decoration-thickness:1.5px;}
a:hover{color:var(--slate-deep);text-decoration-color:var(--slate);}

/* ---------- Header ---------- */
.site-header{border-top:4px solid var(--gold);background:var(--bg);border-bottom:1px solid var(--border);}
.site-header .inner{max-width:var(--wide);margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;}
.brand{font-weight:700;font-size:1.18rem;color:var(--ink);text-decoration:none;letter-spacing:.01em;}
.brand:hover{text-decoration:none;color:var(--ink);}
.brand .sub{display:block;font-weight:400;font-size:.78rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:2px;}
.nav{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:.94rem;display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center;}
.nav a{text-decoration:none;color:var(--slate);padding:2px 0;}
.nav a:hover{color:var(--slate-deep);text-decoration:underline;text-decoration-color:var(--gold);}
.nav a.active{color:var(--slate-deep);border-bottom:2px solid var(--gold);}
.nav .lang{color:var(--muted);font-size:.9rem;direction:rtl;}

/* ---------- Section sub-bar (slate) ---------- */
.subbar{background:var(--slate);border-radius:10px;max-width:var(--maxw);margin:26px auto 0;box-shadow:0 1px 4px rgba(0,0,0,.10);}
.subbar ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;margin:0;padding:11px 18px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:.9rem;}
.subbar a{color:#f3f3f8;text-decoration:none;opacity:.92;}
.subbar a:hover{opacity:1;text-decoration:underline;text-decoration-color:var(--gold);}
.subbar a.active{color:var(--gold);font-weight:600;opacity:1;}

/* ---------- Main ---------- */
main{max-width:var(--maxw);margin:0 auto;padding:34px 22px 56px;}
.kicker{font-family:system-ui,sans-serif;font-size:.78rem;letter-spacing:.10em;text-transform:uppercase;color:var(--muted);margin:0 0 .5em;}
h1{font-size:2.05rem;line-height:1.18;color:var(--ink);margin:0 0 .15em;}
.subtitle{color:var(--muted);margin:0 0 1.5em;font-style:italic;}
.byline{color:var(--muted);font-style:italic;margin:0 0 1.5em;}
h2{font-size:1.28rem;color:var(--slate-deep);margin:1.9em 0 .45em;font-weight:600;}
p{margin:0 0 1.15em;}
.lead{font-size:1.12rem;}
.pullquote{font-size:1.18rem;color:var(--slate-deep);font-style:italic;margin:1.3em 0;padding-left:1em;border-left:3px solid var(--gold);}

/* ---------- Images ---------- */
figure{margin:0 0 1.4em;}
img{max-width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 1px 5px rgba(0,0,0,.10);}
figcaption{font-family:system-ui,sans-serif;font-size:.82rem;color:var(--muted);margin-top:7px;text-align:center;}
.hero img{width:100%;}
.center-large{max-width:700px;margin:0 auto 1.5em;}
.float-right{float:right;width:340px;margin:6px 0 16px 24px;}

/* ---------- Cite & references ---------- */
.cite{font-size:.92rem;color:var(--muted);border-left:3px solid var(--gold);padding:.5em 0 .5em 1em;margin:1.8em 0 1em;}
.cite b{color:var(--ink);}
.refs{font-size:.92rem;border-top:1px solid var(--border);margin-top:1.8em;padding-top:1.2em;}
.refs h2{font-size:1.02rem;color:var(--slate-deep);margin:0 0 .6em;}
.refs p{padding-left:1.5em;text-indent:-1.5em;margin-bottom:.5em;color:#3a3a36;line-height:1.55;}

/* ---------- Publication list ---------- */
.pubs{margin-top:.6em;}
.pubs p{padding-left:1.8em;text-indent:-1.8em;margin:0 0 .75em;line-height:1.5;}
.pubs .note{color:var(--muted);}

/* ---------- Contact line ---------- */
.contact{font-size:.9rem;color:var(--muted);border-top:1px solid var(--border);margin-top:1.8em;padding-top:1.1em;}

/* ---------- Letters ---------- */
.signoff{margin-top:1.7em;}
.indent{margin-left:1.6em;}
.aside{margin-left:1.6em;color:#4a4a44;}
h3{font-size:1.1rem;color:var(--slate-deep);margin:1.5em 0 .4em;font-weight:600;}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--border);background:var(--panel);margin-top:46px;}
.site-footer .inner{max-width:var(--wide);margin:0 auto;padding:22px;font-family:system-ui,sans-serif;font-size:.85rem;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.site-footer a{color:var(--slate);}

/* ---------- Responsive ---------- */
@media (max-width:640px){
  html{font-size:17px;}
  h1{font-size:1.62rem;}
  .float-right{float:none;width:100%;margin:0 0 1.3em;}
  .site-header .inner{flex-direction:column;align-items:flex-start;}
  .nav{gap:10px 16px;}
}