/* ============================================================
   pages.css: העמודים הסטטיים (B9)
   אודות, יצירת קשר, מדיניות פרטיות, תנאי שימוש, הצהרת נגישות, 404.
   ------------------------------------------------------------
   תחילית pg- בלבד. רק טוקנים מ-styles.css: בלי ערך צבע, בלי גודל
   גופן ובלי משך תנועה ישירים. השלד של העמודים נשען על רכיבי המערכת
   (.hub-head, .ar-layout, .prose, .toc, .databox, .lead-box), וכאן
   יש רק מה שחסר להם. אותה שפה כמו דף הבית: משטחים מעוגלים, בלי קו דיו.
   ============================================================ */

/* ---------- ראש עמוד ---------- */
/* שורת "עודכן" מתחת לפתיח. */
.pg-updated{margin-top:var(--s-5)}

/* ראש עמוד אודות: טקסט, ולצדו לוחית פרטים. מתקפל לעמודה אחת. */
.pg-about-head{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--s-12);align-items:end}
@media (max-width:980px){.pg-about-head{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}}

/* לוחית הפרטים: כרטיס בגוון מרווה, פינות 28. */
.pg-plate{background:var(--tint-sage);border-radius:var(--radius-xl);padding:var(--s-6)}
.pg-plate-top{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-4)}
.pg-plate-name{margin:0;font-family:var(--font-display);font-weight:500;font-size:var(--fs-h4);line-height:1.15;color:var(--ink)}
.pg-plate-role{margin:var(--s-1) 0 0;font-size:var(--fs-14);line-height:1.45;color:var(--ink-2)}
.pg-plate-link{margin:var(--s-4) 0 0;font-size:var(--fs-14);line-height:1.5}

/* ---------- רשימת פרטים (dl): שורות עם מפריד רך ---------- */
.pg-facts{margin:0}
.pg-facts > div{display:grid;grid-template-columns:7.5em minmax(0,1fr);column-gap:var(--s-3);padding-block:var(--s-3);border-bottom:1px solid var(--rule)}
.pg-facts > div:last-child{border-bottom:0}
.pg-facts dt{font-size:var(--fs-13);font-weight:600;line-height:1.6;color:var(--muted);padding-top:.15em}
.pg-facts dd{margin:0;font-size:var(--fs-16);font-weight:500;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.pg-facts dd a{display:inline-flex;align-items:center;min-height:var(--tap)}
.pg-facts--tight dd a{min-height:0}
.pg-plate .pg-facts > div{border-color:rgba(15,61,51,.14)}
/* בתוך טקסט כתבה: הרשימה היא כרטיס אפור חם */
.prose > .pg-facts{background:var(--paper-2);border-radius:var(--radius-lg);padding:var(--s-2) var(--s-5)}

/* ---------- מסמך משפטי ---------- */
/* כותרות פרק ממוספרות בצבע המבטא, כמו בתוכן העניינים שלצדן. */
.pg-doc{counter-reset:pgsec}
.pg-doc > h2{counter-increment:pgsec;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s-3);align-items:baseline}
.pg-doc > h2::before{content:counter(pgsec);font-family:var(--font-display);font-weight:400;color:var(--accent);font-variant-numeric:lining-nums tabular-nums}
/* פסקה שאחרי רשימה או טבלה מקבלת את אותו ריווח כמו פסקה שאחרי פסקה. */
.pg-doc > .list + p,.pg-prose > .list + p{margin-top:0}
.pg-doc .keyfacts,.pg-prose .keyfacts{margin-top:0}
/* טבלה צרה בתוך מסמך: התא הראשון לא נשבר לאות בשורה. */
.pg-doc table.data tbody th{min-width:7.5em}

/* הערת גרסה בסוף מסמך. */
.pg-version{margin:var(--s-10) 0 0;padding:var(--s-4) var(--s-5);background:var(--paper-2);border-radius:var(--radius);font-size:var(--fs-13);line-height:1.6;color:var(--muted)}

/* ---------- יצירת קשר: ארבעת הערוצים ככרטיסים ---------- */
.pg-channels{padding-block:var(--s-2) var(--s-4)}
.pg-channels .grid--ruled > :nth-child(1){background:var(--tint-sage);border-color:transparent}
.pg-channels .grid--ruled > :nth-child(2){background:var(--tint-peach);border-color:transparent}
.pg-channels .grid--ruled > :nth-child(3){background:var(--tint-sand);border-color:transparent}
.pg-channels .grid--ruled > :nth-child(4){background:var(--paper-2);border-color:transparent}
.pg-channels .kicker{background:rgba(255,255,255,.7);color:var(--ink)}
.pg-channel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1);min-width:0}
.pg-channel .kicker{margin:0 0 var(--s-2)}
.pg-channel-value{margin:0;font-family:var(--font-display);font-weight:500;font-size:var(--fs-h3);line-height:1.15;color:var(--ink);overflow-wrap:anywhere}
.pg-channel-value a{display:inline-flex;align-items:center;min-height:var(--tap);text-decoration:none}
.pg-channel-value a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.pg-channel-value--sm{font-size:var(--fs-h4)}
.pg-channel-note{margin:0;font-size:var(--fs-14);line-height:1.55;color:var(--muted);max-width:34ch}

/* עמוד יצירת קשר: הטופס ראשון, בלי הרווח העליון של תיבה בסוף כתבה. */
.pg-contact-main > .lead-box{margin-top:0}
.pg-contact-main > h2{font-weight:500;font-size:var(--fs-h3);line-height:1.2;margin:var(--s-12) 0 var(--s-3)}
.pg-contact-main > .steps{margin-top:var(--s-4)}

/* ---------- 404 ---------- */
.pg-404{padding-block:var(--s-12) var(--s-4)}
.pg-404-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-10);align-items:center}
/* הספרות הן קישוט: המסר נמצא בכותרת. כרטיס בגוון חול עם ספרות סריף קלות. */
.pg-404-num{margin:0;padding:var(--s-6) var(--s-8);background:var(--tint-sand);border-radius:var(--radius-xl);font-family:var(--font-display);font-weight:400;font-size:var(--fs-h1);line-height:1;color:var(--ink);font-variant-numeric:lining-nums;direction:ltr;letter-spacing:-.02em}
.pg-404-num span{color:var(--accent)}
.pg-404 .hub-title{margin-bottom:var(--s-4)}
.pg-404 .hub-intro{margin-bottom:var(--s-6)}
@media (max-width:700px){
  .pg-404{padding-block:var(--s-8) var(--s-4)}
  .pg-404-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}
  .pg-404-num{justify-self:start;padding:var(--s-4) var(--s-6);font-size:var(--fs-h2)}
}

/* ---------- הדפסה ---------- */
@media print{
  .pg-plate{background:none;border:1pt solid #000}
  .pg-channels .btn{display:none}
}
