/* ============================================================
   mankal · pages.css — עמודי תוכן
   כל ערך כאן נגזר מ-index.html או מ-mankal-brand-guidelines.md.
   אסור להוסיף צבע, רדיוס או מרווח שאינו טוקן. ר' מיתוג-כללי-ברזל.md
   ============================================================ */

:root{
  /* ---- זהה במדויק ל-:root של index.html ---- */
  --bg:#070E18; --bg2:#0A1524; --surf:#0E1A2B; --surf2:#122238;
  --amber:#FFAA2B; --coral:#FF7A45; --ink:#0A1421;
  --txt:#F2F6FB; --txt2:#C7D4E4; --muted:#8DA0B6;
  --line:rgba(255,255,255,.10);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --r:14px; --r-lg:20px; --maxw:1160px;
  /* brand tokens v2.4 */
  --brand-navy-950:#070E18; --brand-navy-900:#101B29; --brand-navy-800:#122238;
  --brand-ivory:#F3F1EC; --brand-steel:#8DA0B6;
  --brand-amber:var(--amber); --brand-amber-dark:#D98C14;
  /* Clear Space: X = קוטר הליבה = 23/120 מגובה הסמל (Guidelines §7) */
  --clear-x:7px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--txt);font-family:'Heebo',system-ui,sans-serif;
     font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
     margin:0;padding:0;overflow-x:hidden}

.wrap{max-width:820px;margin:0 auto;padding:var(--s5) 20px var(--s8)}

/* ---- Header brand lockup (Guidelines §7 Clear Space · §20 Web) ---- */
.top{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;
     font-weight:900;font-size:16px;line-height:1.15;
     padding:var(--clear-x);margin:0 calc(var(--clear-x) * -1) var(--s5)}
.top .bn{font-size:19px;letter-spacing:.02em;display:block}
.top small{display:block;font-size:11.5px;color:var(--muted);font-weight:700}
.top .bm-micro{display:none}

h1{font-size:clamp(30px,5.4vw,44px);font-weight:900;line-height:1.12;
   letter-spacing:-.03em;margin:0 0 var(--s3)}
.lead{color:var(--txt2);font-size:18px;line-height:1.7;margin:0 0 var(--s2)}
h2{font-size:clamp(24px,4.4vw,30px);font-weight:900;line-height:1.2;
   letter-spacing:-.02em;margin:var(--s7) 0 var(--s3)}
h3{font-size:17px;font-weight:800;margin:var(--s5) 0 var(--s2)}
p{margin:0 0 var(--s3)}

.card{background:var(--surf2);border:1px solid var(--line);border-radius:var(--r);
      padding:var(--s4) var(--s5);margin:var(--s4) 0}
.card.amber{border-color:rgba(255,170,43,.38)}

.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--s4) 0;
    border-radius:var(--r);border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px;background:var(--surf2)}
th,td{text-align:right;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--surf);font-weight:800;font-size:14px;color:var(--txt)}
tr:last-child td{border-bottom:none}
td b{color:#FFF}
.k{color:var(--amber);font-weight:800}

ul{margin:0 0 var(--s3);padding-inline-start:20px}
li{margin-bottom:var(--s2)}
ul.plain{list-style:none;padding-inline-start:0}
ul.plain li{position:relative;padding-inline-start:20px}
ul.plain li::before{content:"·";position:absolute;inset-inline-start:var(--s1);color:var(--amber);font-weight:900}
.muted{color:var(--muted);font-size:14px}

.cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.cols>*{min-width:0}

.cta{margin:var(--s7) 0 var(--s2);text-align:center}
.cta a.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(135deg,var(--amber),var(--coral));color:var(--ink);
  font-weight:900;font-size:17px;border:none;border-radius:var(--r);
  padding:15px 26px;text-decoration:none;min-height:44px}
.cta .micro{color:var(--muted);font-size:14px;margin-top:var(--s3)}

.next{display:block;background:var(--surf2);border:1px solid var(--line);
      border-radius:var(--r);padding:var(--s4) var(--s5);margin:var(--s5) 0 0;
      text-decoration:none;color:inherit}
.next b{display:block;color:var(--amber);font-size:14px;font-weight:800;margin-bottom:var(--s1)}
.next span{font-weight:800;font-size:17px}

/* ---- Footer (Guidelines §20): סמל + שם + Descriptor + ייחוס + משפט עוגן ---- */
.foot{margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--line);text-align:center}
.foot .lock{display:inline-flex;align-items:center;gap:11px;padding:var(--clear-x);
            text-decoration:none;color:var(--txt)}
.foot .lock .bn{font-weight:900;font-size:17px;letter-spacing:.02em}
.foot .desc{color:var(--muted);font-size:14px;margin:var(--s2) 0 0}
.foot .anchor{color:var(--txt2);font-size:15px;margin:var(--s3) 0 0}
.foot .links{color:var(--muted);font-size:14px;margin:var(--s3) 0 0}
.foot .links a{color:var(--txt2)}

@media(max-width:719px){
  .wrap{padding:var(--s5) var(--s4) var(--s7)}
  body{font-size:16px}
  .lead{font-size:17px}
  .cols{grid-template-columns:1fr}
  .top .bm-full{display:none}
  .top .bm-micro{display:block}
  .top small{display:none}
  .cta a.btn{width:100%;padding:13px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}