:root { --bg:#f7f3eb; --paper:#fffdf8; --ink:#1d1d1f; --muted:#6a6258; --line:#ded6c8; --link:#0b63b6; --accent:#22324a; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family: Arial, "Noto Sans Hebrew", sans-serif; line-height:1.75; overflow-wrap:break-word; word-wrap:break-word; }
.site-header { background:#000000; color:#33ff33; padding:48px 24px 28px; text-align:center; }
.site-header h1 { margin:0 0 10px; font-size:clamp(2rem, 4vw, 4rem); line-height:1.15; font-family:'Courier New', Courier, monospace; color:#33ff33; }
.subtitle { margin:0 auto 8px; max-width:860px; color:#33ff33; font-size:1.75rem; font-family:'Courier New', Courier, monospace; }
.hero { max-width:1120px; margin:28px auto 0; padding:0 24px; }
.hero img { width:100%; border-radius:18px; box-shadow:0 18px 48px rgba(0,0,0,.25); display:block; }
main { max-width:920px; margin:34px auto; background:var(--paper); border:1px solid var(--line); border-radius:22px; padding:34px clamp(20px, 4vw, 56px); box-shadow:0 10px 30px rgba(0,0,0,.06); }
p { margin:0 0 1.2em; font-size:1.28rem; }
a { color:var(--link); text-decoration-thickness: .08em; text-underline-offset: .18em; }
.term { unicode-bidi:isolate; white-space:nowrap; }
figure { margin:34px 0; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:#fbf8f1; }
figure img { display:block; width:100%; height:auto; max-width:100%; }
figcaption { padding:12px 18px; color:var(--muted); font-size:.95rem; border-top:1px solid var(--line); }
.note { background:#f1ede4; border-inline-start:5px solid #8b7d6b; padding:14px 18px; border-radius:12px; color:#3f382f; }
.editorial { margin-top:38px; padding-top:24px; border-top:2px solid var(--line); }
.editorial h2 { margin-top:0; }
ul { padding-inline-start:1.4em; }
li { margin-bottom:.6em; }
.footer { max-width:920px; margin:0 auto 48px; padding:0 24px; color:var(--muted); font-size:.95rem; }
@media (max-width:700px){ main{border-radius:0; border-left:0; border-right:0; padding:20px 16px;} .site-header{padding:24px 16px 20px;} .site-header h1{font-size:1.5rem;} .subtitle{font-size:1.1rem;} p{font-size:1.1rem;} figure{margin:20px -16px; border-radius:0; border-left:0; border-right:0;} .hero{padding:0 12px; margin-top:16px;} .hero img{border-radius:10px;} .footer{padding:0 16px; font-size:.85rem;} }