/* עמודי ההצהרות (נגישות, פרטיות) - 10.10.2026: בשפת האתר. הסרגל והתפריט מגיעים מ-style.css ומ-menu.js.
   סולם הגדלים של האתר בלבד: כותרת עמוד, כותרת נושא, טקסט. בטלפון 40/32/20, במחשב 90/50/25 */
.doc { --u: calc(100vw / 390); --g: var(--u); --line: #E5E8E7; position: relative; z-index: 0;
       padding: calc(110 * var(--u)) calc(50 * var(--u)) calc(110 * var(--u));
       font-weight: 300; font-size: calc(20 * var(--u) * var(--a11y-fs, 1)); line-height: 1.35; color: var(--ink); }
/* קווי הגריד של האתר */
.doc::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(var(--line), var(--line)) calc(50 * var(--g)) 0 / 1px 100% no-repeat,
              linear-gradient(var(--line), var(--line)) calc(195 * var(--g)) 0 / 1px 100% no-repeat,
              linear-gradient(var(--line), var(--line)) calc(340 * var(--g)) 0 / 1px 100% no-repeat; }
.doc h1 { font-weight: 700; font-size: calc(40 * var(--u) * var(--a11y-fs, 1)); line-height: 1.05; }
.doc h2 { font-weight: 700; font-size: calc(32 * var(--u) * var(--a11y-fs, 1)); line-height: 1.1; margin-top: calc(56 * var(--u)); }
.doc p { margin-top: calc(14 * var(--u)); }
.doc a { color: var(--ink); text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 3px; }
/* הפתיח: קופסה לבנה, כמו כרטיסי ההתמחויות */
.doc-box { background: #fff; border-radius: calc(28 * var(--u)); box-shadow: 0 6px 30px rgba(61,61,59,.08);
           padding: calc(28 * var(--u)) calc(25 * var(--u)); margin: calc(28 * var(--u)) calc(-25 * var(--u)) 0; }
.doc-box p { margin: 0; }
/* שלוש העובדות: אייקון קווי מהמאגר ושתי שורות, מיושר לימין על הגריד */
.doc-facts { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: calc(44 * var(--u)); line-height: 1.2; }
.doc-facts li { white-space: nowrap; }
.doc-ic { display: block; width: calc(52 * var(--u)); height: calc(52 * var(--u)); margin-bottom: calc(20 * var(--u)); fill: none; stroke: currentColor; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; }
.doc-ic * { vector-effect: non-scaling-stroke; }
.doc-body { margin-top: calc(44 * var(--u)); }
/* רשימות: הכוכבית של האתר, בתוך הגריד וצמודה לקו, בגובה המילה */
.doc-body ul { list-style: none; margin-top: calc(14 * var(--u)); }
.doc-body li { position: relative; padding-inline-start: calc(22 * var(--u)); margin-top: calc(8 * var(--u)); }
.doc-body li::before { content: ""; position: absolute; inset-inline-start: 0; top: .44em; width: calc(12 * var(--u)); height: calc(12 * var(--u)); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%233D3D3B' stroke-width='1.1'%3E%3Cpath d='M8 0v16M0 8h16M2.34 2.34l11.32 11.32M13.66 2.34L2.34 13.66'/%3E%3C/svg%3E") center / contain no-repeat; }
/* כפתורים: כמו כפתורי האתר */
.doc-btns { display: flex; flex-direction: column; align-items: flex-start; gap: calc(10 * var(--u)); margin-top: calc(16 * var(--u)); }
.doc-btn { display: inline-flex; align-items: center; line-height: 1; padding: calc(13 * var(--u)) calc(22 * var(--u)); border: 1.5px solid var(--ink); border-radius: 999px; color: var(--ink); text-decoration: none; white-space: nowrap;
           transition: background-color .25s, color .25s; }
.doc-btn .arw { transition: transform .3s; }
.doc-btn:is(:focus-visible, :active) { background-color: var(--ink); color: var(--bg); }
.doc-btn:is(:focus-visible, :active) .arw { transform: rotate(-45deg); }
@media (hover: hover) { .doc-btn:hover { background-color: var(--ink); color: var(--bg); } .doc-btn:hover .arw { transform: rotate(-45deg); } }
.doc a:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.doc-updated { margin-top: calc(44 * var(--u)); }
.doc-backrow { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: calc(10 * var(--u)); margin-top: calc(40 * var(--u)); }
.doc .hero-menu { position: absolute; visibility: hidden; top: 0; right: 0; width: 1px; height: 1px; }
/* מחשב: הגריד של 1325, התוכן על כל שלוש העמודות - ממורכז בעמוד (עדי, 10.10) */
@media (min-width: 1025px), (min-width: 768px) and (orientation: landscape) {
  .doc { --g: calc(min(100vw, 2560px) / 1325); --u: calc(var(--g) * .8); --bl: max(0px, calc((100vw - 2560px) / 2));
         padding: calc(230 * var(--u)) calc(var(--bl) + 250 * var(--g)) calc(190 * var(--u)) calc(var(--bl) + 250 * var(--g)); }
  .doc::before { inset: 0 var(--bl);
    background: linear-gradient(var(--line), var(--line)) calc(250 * var(--g)) 0 / 1px 100% no-repeat,
                linear-gradient(var(--line), var(--line)) calc(525 * var(--g)) 0 / 1px 100% no-repeat,
                linear-gradient(var(--line), var(--line)) calc(800 * var(--g)) 0 / 1px 100% no-repeat,
                linear-gradient(var(--line), var(--line)) calc(1075 * var(--g)) 0 / 1px 100% no-repeat; }
  .doc { font-size: calc(25 * var(--u) * var(--a11y-fs, 1)); }
  .doc h1 { font-size: calc(90 * var(--u) * var(--a11y-fs, 1)); }
  .doc h2 { font-size: calc(50 * var(--u) * var(--a11y-fs, 1)); margin-top: calc(90 * var(--u)); }
  .doc-box { border-radius: calc(36 * var(--u)); padding: calc(44 * var(--u)) calc(40 * var(--u)); margin: calc(50 * var(--u)) calc(-40 * var(--u)) 0; }
  .doc-facts { margin-top: calc(70 * var(--u)); }
  .doc-ic { width: calc(70 * var(--u)); height: calc(70 * var(--u)); margin-bottom: calc(24 * var(--u)); }
  .doc-body { margin-top: calc(70 * var(--u)); }
  .doc p { margin-top: calc(18 * var(--u)); }
  .doc-box p { margin: 0; }
  .doc-body li { padding-inline-start: calc(30 * var(--u)); margin-top: calc(12 * var(--u)); }
  .doc-body li::before { width: calc(16 * var(--u)); height: calc(16 * var(--u)); }
  .doc-btns { flex-direction: row; gap: calc(14 * var(--u)); margin-top: calc(24 * var(--u)); }
  .doc-btn { padding: calc(16 * var(--u)) calc(30 * var(--u)); }
  .doc-updated { margin-top: calc(70 * var(--u)); }
}
/* 9.10: כפתור הנגישות גם בעמודי ההצהרות (ההצהרה אומרת "בכל עמוד"). אותו כפתור כמו באתר, בגודל קבוע */
/* 12.10 (עדי): הכפתורים הצפים כמו בכל האתר - נגישות משמאל, וואטסאפ מימין. הפריסה מגיעה מ-style.css */
.float-btn { border: 0; cursor: pointer; }
/* 9.10: קישור 'דלג לתוכן' (נראה רק בפוקוס מקלדת) וטקסט לקוראי מסך בלבד */
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip { position: fixed; z-index: 60; top: 12px; left: 50%; transform: translate(-50%, -300%); padding: 10px 18px; border-radius: 999px; background: #3D3D3B; color: #fff; text-decoration: none; font-size: 16px; pointer-events: auto; }
.skip:focus-visible { transform: translate(-50%, 0); }
.float-btns:has(.skip:focus-visible) { z-index: 72; } /* 12.10: הקישור יושב בתוך הכפתורים הצפים (שכבה 50) ונבלע מאחורי הסרגל (63). כשהוא במוקד כל הקבוצה עולה מעליו */