:root{
  --paper:#F0F0EA; --panel:#FAFAF6; --ink:#17181A; --ink-soft:#55564E;
  --line:#D8D6C8; --teal:#2E5F58; --teal-deep:#1F433E; --cream:#F0F0EA;
  --f-display:'Rubik','Segoe UI','Arial Hebrew',sans-serif;
  --f-body:'Assistant','Segoe UI','Arial Hebrew',sans-serif;
  --gutter:clamp(1.25rem,5vw,4.5rem);
}
*{ box-sizing:border-box; }
html{ direction:rtl; }
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--f-body); font-size:1.05rem; line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--teal-deep); text-underline-offset:3px; }
a:focus-visible{ outline:2px solid var(--teal-deep); outline-offset:3px; border-radius:2px; }

.skip-link{
  position:absolute; right:1rem; top:-4rem; z-index:10;
  background:var(--ink); color:var(--cream); padding:.8rem 1.4rem; border-radius:6px;
}
.skip-link:focus{ top:1rem; }

.l-head{ border-bottom:1px solid var(--line); background:var(--panel); }
.l-head .in{
  max-width:820px; margin-inline:auto; padding:.9rem var(--gutter);
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.l-head img{ height:40px; width:auto; display:block; }
.l-head .back{ font-weight:700; font-size:.95rem; }

main{ max-width:820px; margin-inline:auto; padding:clamp(2.5rem,7vw,4.5rem) var(--gutter) 4rem; }
h1{ font-family:var(--f-display); font-size:clamp(1.8rem,4.4vw,2.6rem); line-height:1.2; margin:0 0 .6rem; }
.updated{ color:var(--ink-soft); font-size:.92rem; margin:0 0 2.4rem; }
h2{ font-family:var(--f-display); font-size:1.3rem; line-height:1.3; margin:2.4rem 0 .7rem; }
p, li{ max-width:68ch; }
p{ margin:0 0 1rem; }
ul{ margin:0 0 1rem; padding-inline-start:1.3rem; }
li{ margin-bottom:.4rem; }
.contact{
  background:var(--panel); border:1px solid var(--line); border-radius:4px;
  padding:1.2rem 1.4rem; margin-top:1rem;
}
.contact p{ margin:0 0 .3rem; }

.l-foot{ border-top:1px solid var(--line); }
.l-foot .in{
  max-width:820px; margin-inline:auto; padding:1.4rem var(--gutter);
  display:flex; gap:1.3rem; flex-wrap:wrap; font-size:.9rem; color:var(--ink-soft);
}

@media (prefers-reduced-motion: reduce){ *{ transition:none !important; } }