/* תפריט נגישות · עיצוב */
.a11y{position:fixed;inset-inline-start:16px;bottom:16px;z-index:99999;font-family:'Assistant',system-ui,sans-serif}
.a11y__toggle{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;
  background:#7E2E3A;border:2px solid #F5ECE3;cursor:pointer;box-shadow:0 6px 20px rgba(28,20,18,.28);padding:0}
.a11y__toggle svg{width:26px;height:26px;stroke:#F5ECE3;fill:none;stroke-width:2;stroke-linecap:round}
.a11y__toggle circle{fill:#F5ECE3;stroke:none}
.a11y__toggle:hover{background:#591E28}
.a11y__toggle:focus-visible{outline:3px solid #B08D6A;outline-offset:3px}

.a11y__panel{position:absolute;inset-inline-start:0;bottom:64px;width:266px;padding:14px;background:#fff;
  border:1px solid rgba(126,46,58,.18);border-radius:16px;box-shadow:0 18px 44px rgba(28,20,18,.2);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.a11y.is-open .a11y__panel{opacity:1;visibility:visible;transform:translateY(0)}
.a11y__title{margin:0 0 10px;font-size:15px;font-weight:700;color:#7E2E3A}
.a11y__grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.a11y__item{padding:10px 6px;font-family:inherit;font-size:13px;font-weight:600;color:#3E312D;background:#F5ECE3;
  border:1px solid transparent;border-radius:10px;cursor:pointer;line-height:1.3}
.a11y__item:hover{border-color:#B08D6A}
.a11y__item[aria-pressed="true"]{background:#7E2E3A;color:#fff}
.a11y__reset{width:100%;margin-top:9px;padding:9px;font-family:inherit;font-size:13px;color:#7E2E3A;
  background:transparent;border:1px solid rgba(126,46,58,.3);border-radius:10px;cursor:pointer}
.a11y__reset:hover{background:rgba(126,46,58,.06)}
.a11y__link{display:block;margin-top:9px;text-align:center;font-size:12.5px;color:#6E5E59}
.a11y__item:focus-visible,.a11y__reset:focus-visible,.a11y__link:focus-visible{outline:3px solid #B08D6A;outline-offset:2px}
@media (max-width:520px){.a11y{inset-inline-start:12px;bottom:12px}.a11y__panel{width:250px}}

/* מצבי תצוגה */
/* הגדלת טקסט: האתר מוגדר ביחידות px, ולכן שינוי גודל הבסיס לא משפיע.
   zoom מגדיל את התוכן עצמו ועובד בכל הדפדפנים המודרניים. */
html.a11y-font body{zoom:var(--a11y-scale,1)}
/* התפריט עצמו נשאר בגודלו כדי שלא יגלוש מהמסך */
html.a11y-font .a11y{zoom:calc(1 / var(--a11y-scale,1))}

html.a11y-contrast body{background:#fff !important;color:#000 !important}
html.a11y-contrast p,html.a11y-contrast li,html.a11y-contrast span,html.a11y-contrast h1,html.a11y-contrast h2,
html.a11y-contrast h3,html.a11y-contrast h4{color:#000 !important}
html.a11y-contrast a{color:#00308F !important}

html.a11y-dark body{background:#000 !important;color:#fff !important}
html.a11y-dark p,html.a11y-dark li,html.a11y-dark span,html.a11y-dark h1,html.a11y-dark h2,html.a11y-dark h3,
html.a11y-dark h4{color:#fff !important}
html.a11y-dark a{color:#FFD966 !important}
html.a11y-dark img{filter:brightness(.85)}

html.a11y-links a{text-decoration:underline !important;text-underline-offset:3px;font-weight:700}
html.a11y-readable body,html.a11y-readable p,html.a11y-readable li,html.a11y-readable h1,html.a11y-readable h2,
html.a11y-readable h3{font-family:Arial,'Assistant',sans-serif !important;letter-spacing:.02em;line-height:1.9}
html.a11y-nomotion *,html.a11y-nomotion *::before,html.a11y-nomotion *::after{
  animation:none !important;transition:none !important;scroll-behavior:auto !important}
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M8 4l30 18-14 3-6 15z' fill='%237E2E3A' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E") 6 4,auto}

/* התפריט עצמו נשאר קריא בכל מצב */
html.a11y-dark .a11y__panel,html.a11y-contrast .a11y__panel{background:#fff !important}
html.a11y-dark .a11y__panel *,html.a11y-contrast .a11y__panel *{color:#3E312D !important}
html.a11y-dark .a11y__item[aria-pressed="true"],html.a11y-contrast .a11y__item[aria-pressed="true"]{background:#7E2E3A !important}
html.a11y-dark .a11y__item[aria-pressed="true"]{color:#fff !important}

/* הודעת פרטיות ראשונית */
.pnotice{position:fixed;inset-inline:0;bottom:0;z-index:99998;padding:12px;
  transform:translateY(120%);transition:transform .28s ease;font-family:'Assistant',system-ui,sans-serif}
.pnotice.is-in{transform:translateY(0)}
.pnotice__in{max-width:940px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  background:#241B19;color:#F5ECE3;border-radius:16px;padding:16px 20px;box-shadow:0 14px 40px rgba(28,20,18,.32)}
.pnotice__txt{margin:0;flex:1 1 320px;font-size:14.5px;line-height:1.7;color:#F5ECE3}
.pnotice__txt strong{color:#fff}
.pnotice__txt a{color:#E7C79A;text-decoration:underline;text-underline-offset:3px}
.pnotice__ok{flex:0 0 auto;padding:11px 26px;font-family:inherit;font-size:15px;font-weight:700;
  color:#F5ECE3;background:#7E2E3A;border:0;border-radius:999px;cursor:pointer}
.pnotice__ok:hover{background:#96394a}
.pnotice__ok:focus-visible{outline:3px solid #E7C79A;outline-offset:3px}
@media (max-width:560px){.pnotice__in{padding:14px 16px}.pnotice__ok{width:100%}}
@media (prefers-reduced-motion:reduce){.pnotice{transition:none}}
/* לא להסתיר את תפריט הנגישות */
.pnotice ~ .a11y,.a11y{z-index:99999}

/* בורר שפה */
.langsw{position:fixed;inset-inline-start:16px;bottom:78px;z-index:99997;display:inline-flex;align-items:center;gap:7px;
  padding:8px 14px;border-radius:999px;background:#fff;border:1px solid rgba(126,46,58,.28);
  color:#7E2E3A;font-family:'Assistant',system-ui,sans-serif;font-size:14px;font-weight:700;
  text-decoration:none;box-shadow:0 6px 18px rgba(28,20,18,.14)}
.langsw svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}
.langsw:hover{border-color:#B08D6A;background:#F5ECE3}
.langsw:focus-visible{outline:3px solid #B08D6A;outline-offset:3px}
@media (max-width:520px){.langsw{inset-inline-start:12px;bottom:72px;padding:7px 12px;font-size:13px}}

/* ============================================================
   התאמת כיווניות לעמודים הרוסיים
   קובץ העיצוב של האתר בנוי לעברית, עם direction:rtl וטקסט
   מיושר לימין. ברוסית זה גורם לסימני פיסוק לקפוץ לצד הלא נכון.
   ============================================================ */
html[lang="ru"] body{direction:ltr;text-align:left}
html[lang="ru"] *{direction:ltr}
html[lang="ru"] [style*="text-align:right"],
html[lang="ru"] [style*="text-align: right"]{text-align:left !important}
html[lang="ru"] .card,
html[lang="ru"] .quizbox,
html[lang="ru"] .dim .n,
html[lang="ru"] .opt,
html[lang="ru"] .backcta,
html[lang="ru"] .artwrap,
html[lang="ru"] .legal,
html[lang="ru"] .seo,
html[lang="ru"] footer,
html[lang="ru"] .tag,
html[lang="ru"] .more,
html[lang="ru"] h1,html[lang="ru"] h2,html[lang="ru"] h3,html[lang="ru"] h4,
html[lang="ru"] p,html[lang="ru"] li{text-align:left}
html[lang="ru"] .langsw,html[lang="ru"] .a11y{direction:ltr}

/* התפריט העליון ברוסית: המילים ארוכות יותר מבעברית ונשברו לשתי שורות.
   הקטנה קלה ומניעת שבירה מחזירות אותן לשורה אחת. */
html[lang="ru"] .navlinks{gap:18px;font-size:14.5px}
html[lang="ru"] .navlinks a{white-space:nowrap}
html[lang="ru"] .brand .rl{white-space:nowrap;font-size:11px}
@media(max-width:1180px){
  html[lang="ru"] .navlinks{gap:14px;font-size:13.5px}
}

/* כרטיסי "מה באמת נאמר": ברוסית הטקסט נשבר למילה בשורה.
   מחזירים אותו לזרימה רגילה ומתקנים את הגופנים בכרטיס. */
html[lang="ru"] .cc .hint{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:8px;
  width:100%;line-height:1.5;text-align:left;white-space:normal}
html[lang="ru"] .cc .hint i{flex:0 0 20px}
html[lang="ru"] .cc .said{font-family:'Vollkorn','Golos Text',Georgia,serif;text-align:left}
html[lang="ru"] .cc .bk .said{font-family:'Vollkorn','Golos Text',Georgia,serif}
html[lang="ru"] .cc .lbl{text-align:left;letter-spacing:.12em}
html[lang="ru"] .cc .fr,html[lang="ru"] .cc .bk{text-align:left}
html[lang="ru"] .card .tag,html[lang="ru"] .sheet .tag{letter-spacing:.12em}

/* פרטי כיווניות אחרונים בעמודים הרוסיים */
/* קישור הדילוג הוסתר מימין, כמו בעברית. ברוסית הוא צריך להיות משמאל. */
html[lang="ru"] .skiplink{right:auto;left:-9999px}
html[lang="ru"] .skiplink:focus{right:auto;left:12px}
/* ניווט בין מאמרים: החץ אחורה צריך להופיע בצד שמאל */
html[lang="ru"] .pager{flex-direction:row-reverse}
/* תפריט הנגישות ובורר השפה נשארים בפינה השמאלית בשתי השפות */
html[lang="ru"] .a11y,html[lang="ru"] .langsw{inset-inline-start:16px}
@media(max-width:520px){html[lang="ru"] .a11y,html[lang="ru"] .langsw{inset-inline-start:12px}}
html[lang="ru"] .cc,html[lang="ru"] .card,html[lang="ru"] .dim .n{direction:ltr;text-align:left}

/* ============================================================
   כותרת האתר ברוסית · פרופורציות
   מדידה: הכותרת ברוסית דורשת כ 1190 פיקסלים במצבה המקורי,
   בעוד המכל רחב 1140. מכאן הגלישה. הכיווץ שלהלן מחזיר אותה פנימה
   עם מרווח ביטחון, ומתפרק בהדרגה במסכים צרים יותר.
   ============================================================ */

/* כפתורים: שורה אחת תמיד */
html[lang="ru"] .btn{white-space:nowrap;font-size:14.5px;padding:12px 22px;gap:8px;line-height:1.15}
html[lang="ru"] .btn.sm{font-size:13.5px;padding:9px 17px}
html[lang="ru"] .nav .btn{font-size:13.5px;padding:10px 18px}
html[lang="ru"] .btn .wa-ic{width:17px;height:17px}

/* המותג */
html[lang="ru"] .brand{gap:10px;min-width:0}
html[lang="ru"] .brand .nm{font-size:18px;white-space:nowrap;letter-spacing:0}
html[lang="ru"] .brand .rl{font-size:11px;letter-spacing:.03em;white-space:nowrap;margin-top:3px}
html[lang="ru"] .brand .logoimg{width:38px}

/* שורת הכותרת */
html[lang="ru"] .nav .wrap{gap:12px;flex-wrap:nowrap}
html[lang="ru"] .navlinks{gap:15px;font-size:13.5px;min-width:0}
html[lang="ru"] .navlinks a{white-space:nowrap}
html[lang="ru"] .navtools{gap:8px;flex:none}
html[lang="ru"] .navtools .ic{width:36px;height:36px}

/* התפרקות מדורגת */
@media(max-width:1240px){
  html[lang="ru"] .navlinks{gap:12px;font-size:12.8px}
  html[lang="ru"] .brand .nm{font-size:17px}
  html[lang="ru"] .nav .btn{font-size:12.8px;padding:9px 15px}
}
@media(max-width:1120px){
  html[lang="ru"] .navlinks{gap:10px;font-size:12.4px}
}

/* כותרות מודגשות: Vollkorn צפוף יותר מ Suez One */
html[lang="ru"] h1{letter-spacing:-.005em;line-height:1.18}
html[lang="ru"] h2{letter-spacing:-.004em;line-height:1.22}
html[lang="ru"] h3,html[lang="ru"] h4{line-height:1.3}
html[lang="ru"] .cc .said{line-height:1.5}

/* רשת ביטחון מפני גלישה אופקית בכל האתר */
html[lang="ru"] body{overflow-x:hidden}
html[lang="ru"] img{max-width:100%}
/* המכל שומר על אותו רוחב כמו בעברית. אין לשנות אותו. */
html[lang="ru"] .nav .wrap{max-width:var(--maxw)}
html[lang="ru"] h1,html[lang="ru"] h2,html[lang="ru"] h3,
html[lang="ru"] p,html[lang="ru"] li,html[lang="ru"] a{overflow-wrap:break-word;word-break:normal}

/* פרטי כיווניות אחרונים בעמודים הרוסיים */
/* קישור הדילוג הוסתר מימין, כמו בעברית. ברוסית הוא צריך להיות משמאל. */
html[lang="ru"] .skiplink{right:auto;left:-9999px}
html[lang="ru"] .skiplink:focus{right:auto;left:12px}
/* ניווט בין מאמרים: החץ אחורה צריך להופיע בצד שמאל */
html[lang="ru"] .pager{flex-direction:row-reverse}
/* תפריט הנגישות ובורר השפה נשארים בפינה השמאלית בשתי השפות */
html[lang="ru"] .a11y,html[lang="ru"] .langsw{inset-inline-start:16px}
@media(max-width:520px){html[lang="ru"] .a11y,html[lang="ru"] .langsw{inset-inline-start:12px}}
html[lang="ru"] .cc,html[lang="ru"] .card,html[lang="ru"] .dim .n{direction:ltr;text-align:left}


/* ============================================================
   תיקוני נייד · חלים על שתי השפות
   ============================================================ */

/* 1. שורת האייקונים בכותרת נחתכה בקצה המסך.
   בטלפון די בשלושה אייקונים, כי הטלפון והוואטסאפ ממילא
   יושבים בסרגל התחתון הקבוע. */
@media(max-width:560px){
  .nav .wrap{gap:8px}
  .navtools{gap:7px}
  .navtools .ic{width:36px;height:36px}
  .navtools .ic svg{width:17px;height:17px}
  .brand .logoimg{width:36px}
  .brand .nm{font-size:17px}
  .brand .rl{font-size:10.5px}
}
@media(max-width:430px){
  .navtools .ic{width:33px;height:33px}
  .navtools .ic svg{width:16px;height:16px}
  .brand .nm{font-size:16px}
}

/* 2. כפתור הנגישות ובורר השפה הסתירו את הסרגל התחתון.
   מרימים אותם מעל גובה הסרגל. */
@media(max-width:900px){
  .a11y{bottom:calc(64px + env(safe-area-inset-bottom))}
  .langsw{bottom:calc(122px + env(safe-area-inset-bottom))}
  .a11y__panel{bottom:60px}
  .pnotice{bottom:calc(56px + env(safe-area-inset-bottom))}
}
@media(max-width:520px){
  .a11y{bottom:calc(62px + env(safe-area-inset-bottom))}
  .langsw{bottom:calc(116px + env(safe-area-inset-bottom))}
}

/* ============================================================
   כפתור המוסיקה
   כבוי:  עיגול בורדו מלא עם תו מוסיקלי, זהה בצבעו לכפתור הנגישות
   דולק:  מתהפך לשמנת עם פסי אקווילייזר בורדו, כמו לוח הנגישות
          כשהוא נפתח. סביבו טבעות פועמות.
   גודלו קטן ב 15 אחוז מכפתור הנגישות, והוא ממוקם ישירות מעליו.
   ============================================================ */
.musbtn{
  position:fixed;z-index:99996;
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;
  background:#7E2E3A;border:2px solid #F5ECE3;color:#F5ECE3;
  box-shadow:0 5px 16px rgba(28,20,18,.24);
  transition:background .3s ease,color .3s ease,border-color .3s ease,
             box-shadow .3s ease,transform .2s ease;
}
.musbtn:hover{background:#591E28}
.musbtn:active{transform:scale(.95)}
.musbtn:focus-visible{outline:3px solid #B08D6A;outline-offset:3px}

/* מצב דולק */
.musbtn.is-on{background:#F5ECE3;border-color:#7E2E3A;color:#7E2E3A;
  box-shadow:0 6px 20px rgba(126,46,58,.26)}
.musbtn.is-on:hover{background:#fff}

/* טבעות פועמות */
.musbtn::before,.musbtn::after{
  content:"";position:absolute;inset:-6px;border-radius:50%;
  border:2px solid rgba(126,46,58,.40);opacity:0;pointer-events:none}
.musbtn.is-on::before{animation:muspulse 2.6s cubic-bezier(.2,.6,.3,1) infinite}
.musbtn.is-on::after{animation:muspulse 2.6s cubic-bezier(.2,.6,.3,1) infinite 1.3s}
@keyframes muspulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.55);opacity:0}}

/* תו מוסיקלי כשכבוי */
.musbtn__note{width:21px;height:21px;stroke:currentColor;fill:none;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}
.musbtn__note circle{fill:currentColor;stroke:none}
.musbtn.is-on .musbtn__note{display:none}

/* אקווילייזר כשדולק */
.musbtn__eq{display:none;align-items:center;gap:2.6px;height:19px}
.musbtn.is-on .musbtn__eq{display:flex}
.musbtn__eq i{width:3px;height:7px;border-radius:1.5px;background:currentColor;display:block;
  animation:musjump 1s ease-in-out infinite}
.musbtn__eq i:nth-child(1){animation-delay:0s}
.musbtn__eq i:nth-child(2){animation-delay:.18s}
.musbtn__eq i:nth-child(3){animation-delay:.36s}
.musbtn__eq i:nth-child(4){animation-delay:.54s}
@keyframes musjump{0%,100%{height:6px}50%{height:18px}}

/* התווית לקוראי מסך בלבד */
.musbtn__lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap}

@media(prefers-reduced-motion:reduce){
  .musbtn__eq i,.musbtn::before,.musbtn::after{animation:none!important}
}

/* סדר הכפתורים הצפים: נגישות למטה, מוסיקה מעליה, שפה מעליהן */
.langsw{bottom:132px}
@media(max-width:900px){
  .musbtn{bottom:calc(126px + env(safe-area-inset-bottom))}
  .langsw{bottom:calc(186px + env(safe-area-inset-bottom))}
}
@media(max-width:520px){
  .musbtn{inset-inline-start:12px;bottom:calc(122px + env(safe-area-inset-bottom));width:48px;height:48px}
  .langsw{bottom:calc(178px + env(safe-area-inset-bottom))}
}

/* ============================================================
   הכפתורים הצפים · יישור אחיד בשתי השפות
   כפתור הנגישות 52 פיקסלים, המוסיקה 44, וממורכזת מעליו במדויק.
   ============================================================ */
.a11y,.langsw{left:16px;right:auto;inset-inline-start:auto}
.a11y__panel{left:0;right:auto;inset-inline-start:auto}
.a11y{bottom:16px}
/* 16 מלמטה + 52 גובה הנגישות + 12 רווח = 80 */
.musbtn{left:20px;right:auto;inset-inline-start:auto;bottom:80px}
.langsw{bottom:140px}

@media(max-width:900px){
  .a11y{bottom:calc(64px + env(safe-area-inset-bottom))}
  .musbtn{bottom:calc(128px + env(safe-area-inset-bottom))}
  .langsw{bottom:calc(186px + env(safe-area-inset-bottom))}
}
@media(max-width:520px){
  .a11y,.langsw{left:12px}
  .musbtn{left:16px}
  .a11y{bottom:calc(62px + env(safe-area-inset-bottom))}
  .musbtn{bottom:calc(126px + env(safe-area-inset-bottom))}
  .langsw{bottom:calc(182px + env(safe-area-inset-bottom))}
}

/* ============================================================
   הסרגל התחתון · הכיתוב ברוסית ארוך ודחק את הכפתורים
   ============================================================ */
.sticky span{min-width:0;overflow-wrap:break-word}
html[lang="ru"] .sticky{gap:10px}
html[lang="ru"] .sticky span{font-size:12px;line-height:1.3;flex:0 1 auto;max-width:34%}
html[lang="ru"] .sticky .btn.sm{font-size:12.5px;padding:8px 12px;white-space:nowrap}
@media(max-width:430px){
  html[lang="ru"] .sticky span{display:none}
  html[lang="ru"] .sticky .g{width:100%;justify-content:center}
  .sticky span{font-size:12px}
}

/* ============================================================
   כותרת האתר ברוסית בנייד · נוכחות גדולה יותר
   שתי שורות בתת הכותרת הן בסדר, ובלבד שיהיה מסודר.
   ============================================================ */
@media(max-width:900px){
  html[lang="ru"] .brand{gap:11px;align-items:center}
  html[lang="ru"] .brand .logoimg{width:46px}
  html[lang="ru"] .brand .nm{font-size:20px;line-height:1.15;white-space:nowrap}
  html[lang="ru"] .brand .rl{font-size:13px;line-height:1.35;white-space:normal;
    max-width:22ch;margin-top:4px;letter-spacing:.01em}
  html[lang="ru"] .nav .wrap{gap:10px;align-items:center}
  html[lang="ru"] .navtools .ic{width:40px;height:40px}
  html[lang="ru"] .navtools .ic svg{width:19px;height:19px}
}
@media(max-width:560px){
  html[lang="ru"] .brand .logoimg{width:42px}
  html[lang="ru"] .brand .nm{font-size:18.5px}
  html[lang="ru"] .brand .rl{font-size:12px;max-width:20ch}
  html[lang="ru"] .navtools{gap:7px}
  html[lang="ru"] .navtools .ic{width:37px;height:37px}
}
@media(max-width:430px){
  html[lang="ru"] .brand .nm{font-size:17px}
  html[lang="ru"] .brand .rl{font-size:11px;max-width:18ch}
  html[lang="ru"] .navtools .ic{width:34px;height:34px}
  html[lang="ru"] .navtools .ic svg{width:17px;height:17px}
}

/* ============================================================
   הגנת תוכן
   חסימת בחירה וגרירה. שדות קלט וכל מה שמסומן selectable
   נשארים שמישים, וקוראי מסך אינם מושפעים.
   ============================================================ */
html.no-copy,html.no-copy body{
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
  -webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
html.no-copy input,html.no-copy textarea,html.no-copy [contenteditable="true"],
html.no-copy .selectable{
  -webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
html.no-copy img{-webkit-user-drag:none;user-drag:none;pointer-events:auto}
html.no-copy ::selection{background:transparent}
html.no-copy ::-moz-selection{background:transparent}

/* ההודעה שמופיעה בניסיון העתקה */
.cptoast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,140%);
  z-index:100000;max-width:min(92vw,460px);padding:13px 20px;border-radius:14px;
  background:#241B19;color:#F5ECE3;font-family:'Assistant',system-ui,sans-serif;
  font-size:14px;line-height:1.6;text-align:center;box-shadow:0 12px 34px rgba(28,20,18,.34);
  opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}
.cptoast.is-in{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.cptoast{bottom:calc(74px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.cptoast{transition:none}}

/* בהדפסה: התוכן מוסתר, נשארת רק הודעת זכויות יוצרים */
@media print{
  body *{visibility:hidden !important}
  body:after{visibility:visible !important;content:"תכני האתר של דנה פלג מאור מוגנים בזכויות יוצרים. www.danapelegmaor.co.il";
    display:block;position:fixed;inset:0;padding:80px 40px;font-family:Arial,sans-serif;
    font-size:16px;line-height:2;color:#241B19;text-align:center;direction:rtl}
}

/* ============================================================
   קו התקדמות קריאה · מופיע רק בעמודי מאמר
   ============================================================ */
.readbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:99995;
  background:rgba(126,46,58,.10);opacity:0;transition:opacity .3s ease;pointer-events:none}
.readbar.is-on{opacity:1}
.readbar i{display:block;height:100%;width:0;
  background:linear-gradient(90deg,#B08D6A,#7E2E3A);
  border-radius:0 2px 2px 0;transition:width .12s linear}
html[lang="he"] .readbar i{border-radius:2px 0 0 2px;margin-inline-start:auto}
@media(max-width:520px){.readbar{height:3px}}
@media(prefers-reduced-motion:reduce){.readbar i{transition:none}}

/* תווית זמן קריאה */
.readtime{display:inline-flex;align-items:center;gap:6px;margin-inline-start:10px;
  font-family:'Assistant',system-ui,sans-serif;font-size:13px;font-weight:600;
  color:#8D7A74;letter-spacing:.02em;vertical-align:middle}
.readtime svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}

/* זמן קריאה בכרטיס המאמר */
.card .cardtime{display:inline-block;margin-inline-start:12px;font-size:12.5px;
  font-weight:600;color:#9E8B84;letter-spacing:.02em}