/* עיתון טרנדי - CSS משותף לעימוד (מערכת עיצוב, 9.10.2026)
   עמוד A4: 794x1123, רשת 12 עמודות, שוליים 48, מרווח 16. ייצוא ב-2x. */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;600;700;800&family=Heebo:wght@300;500;800;900&family=DM+Serif+Display&family=Great+Vibes&display=block');

:root{
  /* פלטת היסוד של מלי */
  --green:#0C4942; --sand:#B4A27E; --logo-shadow:#C3A788; --brown:#AC8166;
  --dusty:#AFC8D3; --ink:#40240E; --paper:#EFE9DE;
  /* פלטת סיפור - ברירת מחדל גיליון 1, נדרסת בכל עמוד */
  --logo:#6B1E2B; --shadow:#C9A45C; --dom:#0C4942; --dom-deep:#08332E;
  --acc1:#6B1E2B; --acc2:#C9A45C; --choc:#4A2E22;
  --W:794px; --H:1123px; --m:48px; --g:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--paper)}
body{font-family:'Assistant',sans-serif;direction:rtl;color:var(--ink);-webkit-font-smoothing:antialiased}
.page{position:relative;width:var(--W);height:var(--H);overflow:hidden;background:var(--paper)}

/* ---------- לוגו ---------- */
.logo{position:relative;font-family:'Heebo',sans-serif;font-weight:900;line-height:.9;letter-spacing:.02em;color:var(--logo);white-space:nowrap;display:inline-block;isolation:isolate}
.logo::before{content:attr(data-t);position:absolute;inset:0;color:var(--shadow);transform:translate(-.035em,.035em);z-index:-1}
.logo span{position:relative}
.tagline{display:flex;justify-content:space-between;align-items:center;font-size:15px;letter-spacing:.32em;font-weight:400}
.tagline .sq{display:inline-block;width:7px;height:7px;background:var(--acc1);margin:0 .5em;vertical-align:middle}
.no{font-family:'DM Serif Display',serif;letter-spacing:.12em;direction:ltr;font-size:15px}

/* ---------- רכיבים ---------- */
.sq{display:inline-block;width:.22em;height:.22em;background:var(--acc1);vertical-align:baseline;margin-right:.04em}
.eyebrow{font-weight:600;font-size:12.5px;letter-spacing:.28em;color:var(--acc1);display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:8px;height:8px;background:currentColor}
.script{font-family:'Great Vibes',cursive;direction:ltr;line-height:1;font-weight:400}
.serif{font-family:'DM Serif Display',serif}
.season{display:flex;align-items:center;gap:10px;height:28px;padding:0 var(--m);background:var(--dom);color:var(--paper);font-size:12.5px;letter-spacing:.22em;font-weight:600}
.season i{width:10px;height:10px;background:var(--acc1);display:inline-block}
.season .r{margin-right:auto;font-family:'DM Serif Display',serif;letter-spacing:.14em;direction:ltr;font-weight:400}
h1.head{font-family:'Heebo',sans-serif;font-weight:800;line-height:1.05;letter-spacing:-.01em}
.lede{font-family:'Heebo',sans-serif;font-weight:500;font-size:19px;line-height:1.4}
.body{font-size:14.5px;line-height:1.62}
.body p{margin-bottom:10px}
.body h3{font-weight:700;font-size:16px;color:var(--dom);margin:16px 0 4px}
.quote{border-top:1px solid var(--sand);border-bottom:1px solid var(--sand);padding:14px 0 16px;position:relative}
.quote .mk{font-family:'DM Serif Display',serif;font-size:84px;line-height:.6;color:var(--acc2);display:block;height:34px}
.quote p{font-family:'Heebo',sans-serif;font-weight:500;font-size:22px;line-height:1.32;color:var(--dom)}
.folio{position:absolute;bottom:22px;left:var(--m);right:var(--m);display:flex;justify-content:space-between;font-size:11.5px;letter-spacing:.2em;color:var(--dom)}
.folio .serif{letter-spacing:.1em;direction:ltr}
.box-do{background:var(--dom);color:var(--paper);padding:18px 20px}
.box-do b{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.2em;color:var(--acc2);margin-bottom:6px}
.box-do b::before{content:"";width:8px;height:8px;background:var(--acc2)}
.chip{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.12em}
.chip i{display:block;width:100%;aspect-ratio:1}