/* =====================================================================
   מגזין: משותף לארכיון ולמאמר (כרטיס, כריכה, "בקרוב", שורת פנייה)
   הכריכה: מילה אחת מהמאמר בקו מתאר, שמתמלאת בדיו מימין לשמאל כשהיא
   נכנסת למסך. אותו מוטיב כמו המילה "מגזין" בפתיחת הארכיון.
   ===================================================================== */
.lead{font-weight:400}
.mc{position:relative}
.mc-a{display:grid;gap:30px;border-radius:30px;color:var(--fg);-webkit-tap-highlight-color:transparent}
.mc-a:focus-visible{outline:2px solid var(--fg);outline-offset:10px;border-radius:30px}
.mc-cov{position:relative;container-type:inline-size;aspect-ratio:16/10;border-radius:28px;background:#000;color:#fff;overflow:clip;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:scale .5s var(--soft)}
.dark .mc-cov{background:var(--card)}
.mc-ic{position:absolute;top:9%;right:7%;width:15%;max-width:84px;height:auto;opacity:.92}
.mc-w{position:absolute;bottom:3%;left:6%;font-weight:900;line-height:1.08;font-size:calc(var(--k,40) * 1cqw);white-space:nowrap;letter-spacing:-.01em;transition:transform .8s var(--soft)}
.mc-w span{display:block}
.mc-w .o{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.6)}
.mc-w .f{position:absolute;top:0;left:0;color:#fff;clip-path:inset(0 0 0 100%);transition:clip-path 1.7s var(--soft)}
.ink .mc-w .f{clip-path:inset(0 0 0 0)}
.mc-cat{margin:0;font-size:18px;font-weight:700;color:var(--fg-72)}
.mc-t{margin:12px 0 0;font-weight:900;font-size:clamp(28px,2.2vw,42px);line-height:1.08;letter-spacing:-.005em;text-wrap:balance}
.mc-t span{background:linear-gradient(currentColor,currentColor) no-repeat 100% 100%/0% 2px;padding-bottom:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .8s var(--soft)}
.mc-ex{margin:16px 0 0;font-size:19px;line-height:1.55;color:var(--fg-72);max-width:46ch;text-wrap:pretty}
.mc-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 0;font-size:18px;font-weight:700}
.mc-go{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--fg-50);transition:background-color .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease),transform .5s var(--soft)}
.mc-go svg{width:18px;height:18px}
@media (hover:hover){
  .mc-a:hover .mc-t span{background-size:100% 2px}
  .mc-a:hover .mc-w{transform:translateY(-5%)}
  .mc-a:hover .mc-go{background:var(--fg);color:var(--bg);box-shadow:inset 0 0 0 1.5px var(--fg);transform:translateX(-6px)}
}
.mc-a:focus-visible .mc-go,.mc-a:active .mc-go{background:var(--fg);color:var(--bg);box-shadow:inset 0 0 0 1.5px var(--fg)}
.mc-a:active .mc-cov{scale:.985}

/* שורת פנייה: עדינה, בסוף העמוד */
.mz-cta{padding-block:120px}
.mz-cta .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px 96px;align-items:end}
.mz-cta .h2{font-size:clamp(44px,4.4vw,84px)}
.mz-cta .lead{max-width:52ch;color:rgba(255,255,255,.8)}
.empty{margin:0;font-size:20px;font-weight:700}

@media (max-width:899px){
  .mc-a{gap:22px;text-align:center}
  .mc-ex{margin-inline:auto}
  .mc-meta{justify-content:center}
  .mz-cta{padding-block:96px}
  .mz-cta .wrap{grid-template-columns:1fr;text-align:center;justify-items:center}
  .mz-cta .h2{font-size:clamp(40px,11vw,60px)}
}
.rm .mc-w .f{clip-path:none}

/* =====================================================================
   עמוד מאמר. כאן קוראים, ולכן התנועה נשארת בפתיחה ובשוליים:
   גוף המאמר שחור על לבן, 20px (18px במובייל), שורה של 60 עד 75 תווים,
   בלי כניסות על פסקאות. רגע החתימה הקטן: מילת הכריכה של המאמר מתמלאת
   בדיו בפתיחה, ופס ההתקדמות הדק בראש המסך.
   ===================================================================== */

/* פס התקדמות קריאה: לבן עם difference, כלומר לבן על שחור ושחור על לבן */
.rp{position:fixed;top:0;left:0;width:100%;height:3px;z-index:55;pointer-events:none;mix-blend-mode:difference}
.rp i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:100% 50%}
html.menu-open .rp{opacity:0}

/* ---------- פתיחה ---------- */
.ah{position:relative;background:#000;color:#fff;overflow:clip;padding:210px var(--gut) 120px;min-height:72vh;min-height:72svh;display:flex;align-items:flex-end}
.ah-in{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto}
.ah-ghost{position:absolute;bottom:-.06em;left:var(--gut);z-index:1;margin:0;font-weight:900;line-height:1;white-space:nowrap;font-size:calc(var(--gk,30) * 1vw);letter-spacing:-.01em;pointer-events:none;user-select:none}
.ah-ghost span{display:block}
.ah-ghost .o{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.2)}
.ah-ghost .f{position:absolute;top:0;left:0;color:rgba(255,255,255,.1);clip-path:inset(0 0 0 100%)}
.rm .ah-ghost .f{clip-path:none}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;list-style:none;margin:0 0 26px;padding:0;font-size:18px;font-weight:700;color:rgba(255,255,255,.78)}
.crumb li{display:flex;align-items:center;gap:14px}
.crumb li+li::before{content:"";width:22px;height:1.5px;background:currentColor;opacity:.6}
.crumb a{display:inline-flex;align-items:center;min-height:44px;border-radius:6px;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:6px;transition:text-decoration-color .3s var(--ease),color .3s}
@media (hover:hover){.crumb a:hover{color:#fff;text-decoration-color:currentColor}}
.crumb a:focus-visible{color:#fff}
.ah-h1{margin:0;font-weight:900;font-size:clamp(50px,5.3vw,104px);line-height:.98;letter-spacing:-.012em;max-width:17ch;text-wrap:balance}
.ah-ex{margin:34px 0 0;font-size:clamp(21px,1.45vw,26px);line-height:1.55;font-weight:400;color:rgba(255,255,255,.84);max-width:46ch;text-wrap:pretty}
.ah-meta{display:flex;align-items:center;gap:12px;margin:40px 0 0;font-size:18px;font-weight:700;color:rgba(255,255,255,.78)}
.ah-meta::before{content:"";width:28px;height:1.5px;background:currentColor}

/* ---------- גוף ---------- */
.ab{background:#fff;color:#000;padding:120px var(--gut) 150px}
.ab-grid{display:grid;grid-template-columns:250px minmax(0,560px);justify-content:center;gap:0 clamp(64px,8vw,160px);max-width:1240px;margin:0 auto}
.toc{position:sticky;top:132px;align-self:start;padding-top:6px}
.toc-h{margin:0 0 16px;font-size:16px;font-weight:700;color:rgba(0,0,0,.72)}
.toc ol{list-style:none;margin:0;padding:0;border-right:1.5px solid rgba(0,0,0,.12)}
.toc a{position:relative;display:block;padding:9px 20px 9px 0;font-size:17px;line-height:1.35;color:rgba(0,0,0,.72);border-radius:4px;transition:color .3s var(--ease)}
.toc a::before{content:"";position:absolute;top:0;right:-1.5px;width:3px;height:100%;background:#000;transform:scaleY(0);transform-origin:50% 0;transition:transform .5s var(--soft)}
.toc a.on{color:#000;font-weight:700}
.toc a.on::before{transform:none}
@media (hover:hover){.toc a:hover{color:#000}}
.toc a:focus-visible{outline:2px solid #000;outline-offset:2px}
.toc-m{display:none}

.pr{font-size:20px;line-height:1.75;color:rgba(0,0,0,.88);min-width:0}
.pr>:first-child{margin-top:0}
.pr p{margin:0 0 1.2em;text-wrap:pretty}
.pr b{font-weight:700;color:#000}
.pr h2{margin:2.5em 0 .7em;font-weight:900;font-size:clamp(32px,2.3vw,44px);line-height:1.1;letter-spacing:-.005em;color:#000;scroll-margin-top:118px;text-wrap:balance}
.pr h3{margin:1.9em 0 .45em;font-weight:700;font-size:24px;line-height:1.3;color:#000;text-wrap:balance}
.pr h2+h3{margin-top:1.1em}
.pr h2:focus{outline:none}
.pr .inl{color:#000}
.pr ul,.pr ol{list-style:none;margin:0 0 1.4em;padding:0}
.pr ul li{position:relative;padding-right:34px;margin-bottom:.55em}
.pr ul li::before{content:"";position:absolute;top:.84em;right:3px;width:16px;height:2px;background:#000}
.pr ol{counter-reset:o}
.pr ol li{position:relative;counter-increment:o;padding-right:54px;margin-bottom:.75em;min-height:36px}
.pr ol li::before{content:counter(o);position:absolute;top:0;right:0;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #000;display:grid;place-items:center;font-size:17px;font-weight:700;line-height:1;color:#000;font-variant-numeric:tabular-nums}
.pr code,.tl code{font:inherit;font-size:.9em;padding:.04em .42em;border-radius:6px;background:rgba(0,0,0,.06);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);unicode-bidi:isolate;overflow-wrap:anywhere}

/* בקצרה: התיבה הבולטת, הפוכה */
.tl{margin:0 0 72px;padding:42px 46px 44px;border-radius:28px;background:#000;color:#fff}
.tl-l{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:20px;font-weight:900}
.tl-l::before{content:"";width:28px;height:2px;background:#fff}
.tl p{margin:0;font-size:21px;line-height:1.7;font-weight:400}
.tl code{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}

/* ציטוט ביקורת: כמו בעמוד הבית */
.qt{position:relative;margin:76px 0 1.4em;padding:48px 44px 36px;border-radius:28px;background:#000;color:#fff}
.qt q{quotes:none;display:block;font-size:clamp(22px,1.5vw,27px);line-height:1.5;font-weight:700}
.qt .rv-by{margin-top:30px}
.qt .rv-ini{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.qt .rv-name{font-size:18px}
.qt-mark{position:absolute;top:-30px;right:40px;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #000;display:grid;place-items:center}
.qt-mark svg{width:26px;height:26px}

/* טבלת החלטה */
.dt{width:calc(100% + 140px);margin:36px 0 1.6em -140px;border-collapse:collapse;font-size:19px;line-height:1.4}
.dt thead th{padding:0 18px 16px;text-align:right;vertical-align:bottom;font-size:17px;font-weight:700;color:rgba(0,0,0,.72);border-bottom:2px solid #000}
.dt thead th:first-child{padding-right:0}
.dt tbody th{width:46%;padding:22px 0 22px 18px;text-align:right;font-weight:700;color:#000;border-bottom:1px solid rgba(0,0,0,.12)}
.dt td{padding:22px 18px;border-bottom:1px solid rgba(0,0,0,.12)}
.dt td.hi{font-weight:700;color:#000}

/* שאלות נפוצות בתוך המאמר: האקורדיון של svc */
.pr .faq-l{margin-top:12px;border-top-color:rgba(0,0,0,.2)}
.pr .faq-l>li{padding-right:0;margin:0}
.pr .faq-l>li::before{display:none}
.pr .faq-l h3{margin:0;font:inherit;color:inherit}
.pr .faq-l>li{border-bottom-color:rgba(0,0,0,.2)}
.pr .faq-q{font-size:clamp(21px,1.5vw,26px);color:#000}
.pr .faq-a{padding:0 0 30px}
.pr .faq-a p{font-size:inherit;line-height:1.75;color:rgba(0,0,0,.82);max-width:none;margin:0 0 .8em}

/* עוד מהמגזין */
.more .h2{font-size:clamp(44px,4.4vw,84px)}
.more-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px clamp(32px,3vw,56px);margin-top:72px;align-items:start}
.more-g .mc:nth-child(2n){margin-top:110px}
.more-g .mc-cov{order:-1}

/* מאמר שלא נמצא */
.nf{padding:220px var(--gut) 150px;background:#000;color:#fff;min-height:80vh}
.nf .ah-h1{margin-bottom:40px}

@media (max-width:1280px){
  .pr{font-size:19px}
  .ab-grid{grid-template-columns:220px minmax(0,540px);gap:0 72px}
}
@media (max-width:1023px){
  .ab-grid{grid-template-columns:minmax(0,600px)}
  .dt{width:100%;margin-left:0}
  .toc{display:none}
  .toc-m{display:block;margin:0 0 56px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.24)}
  .toc-m summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 22px;font-size:19px;font-weight:700;border-radius:20px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .toc-m summary::-webkit-details-marker{display:none}
  .toc-m summary:focus-visible{outline:2px solid #000;outline-offset:2px}
  .toc-m summary i{position:relative;flex:none;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.5);transition:transform .45s var(--soft)}
  .toc-m summary i::before{content:"";position:absolute;top:12px;left:13px;width:9px;height:9px;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(-45deg)}
  .toc-m[open] summary i{transform:rotate(180deg)}
  .toc-m ol{list-style:none;margin:0;padding:0 22px 14px}
  .toc-m a{display:block;padding:12px 0;font-size:18px;line-height:1.4;border-top:1px solid rgba(0,0,0,.12)}
  .toc-m a:focus-visible{outline:2px solid #000;outline-offset:2px}
  .more-g{grid-template-columns:1fr;gap:88px}
  .more-g .mc:nth-child(2n){margin-top:0}
}
@media (max-width:899px){
  .ah{padding:calc(118px + var(--gh,120px)) 16px 72px;min-height:0;text-align:center}
  .crumb{justify-content:center;margin-bottom:20px}
  .ah-h1{margin-inline:auto;font-size:clamp(38px,10.4vw,58px);line-height:1.02}
  .ah-ex{margin:24px auto 0;font-size:19px}
  .ah-meta{justify-content:center;margin-top:30px}
  .ah-meta::after{content:"";width:28px;height:1.5px;background:currentColor}
  .ah-ghost{left:0;width:100%;bottom:auto;top:92px;text-align:center;font-size:calc(var(--gk,30) * 1.15vw)}
  .ah-ghost .f{width:100%}
  .ah-ghost .o{-webkit-text-stroke-color:rgba(255,255,255,.34)}
  /* גוף המאמר נשאר מיושר לימין גם במובייל: טקסט ארוך ממורכז קשה לקריאה */
  .ab{padding:64px 20px 100px}
  .pr{font-size:18px;line-height:1.75}
  .pr h2{font-size:clamp(28px,7.6vw,34px);margin-top:2.2em}
  .pr h3{font-size:21px}
  .pr ul li{padding-right:28px}
  .pr ol li{padding-right:48px}
  .pr ol li::before{width:32px;height:32px;font-size:16px}
  .tl{margin:0 -4px 40px;padding:30px 24px 32px;border-radius:22px}
  .tl p{font-size:19px}
  .qt{margin:64px 0 1.2em;padding:46px 24px 28px}
  .qt q{font-size:21px}
  .qt-mark{right:24px;width:56px;height:56px;top:-28px}
  /* טבלה: כל שורה כרטיס, השאלה למעלה והשתי האפשרויות זו לצד זו */
  .dt,.dt tbody{display:block}
  .dt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .dt tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.24)}
  .dt tbody th{grid-column:1/-1;width:auto;padding:20px 20px 16px;text-align:center;font-size:19px;border-bottom:1px solid rgba(0,0,0,.12)}
  .dt td{padding:14px 12px 18px;border:0;text-align:center;font-size:18px;font-weight:700;color:#000}
  .dt td+td{box-shadow:inset -1px 0 0 rgba(0,0,0,.12)}
  .dt td::before{content:attr(data-l);display:block;margin-bottom:4px;font-size:16px;font-weight:400;color:rgba(0,0,0,.72)}
  .pr .faq-q{font-size:20px}
  .more-g{margin-top:48px}
  .nf{padding:150px 16px 100px;text-align:center}
}