/* SAMPLE PAGE ONLY — imitates a treatment page (tokens + fixed parts from 08-תאי-גזע). Not part of the chrome. */
:root{--ground:#0E0A14;--panel:#16101E;--panel-2:#1D1627;--hair:#2A2135;--hair-2:#3A3046;--text:#F2EFF6;--muted:#BDADC0;--faint:#A4939E;
  --copper:#E89E83;--ink:#1E1628;--f:"IBM Plex Sans Hebrew","Arial Hebrew","Noto Sans Hebrew",system-ui,sans-serif;--gutter:clamp(16px,4vw,40px);
  --toc-w:0px;--hdr:68px}
@media(min-width:1180px){:root{--toc-w:272px}}
/* INTEGRATION RULE (see INTEGRATION.md §4): pages with the sticky mobile bar tell the chrome its height */
@media(max-width:899px){:root{--lkc-bottom:136px}} /* bar 76 + TOC pill ~60 = the page's old body padding-bottom */
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--ground);color:var(--text);font:400 18px/1.75 var(--f);-webkit-font-smoothing:antialiased;overflow-x:clip;padding-bottom:0}
main{display:block;padding-inline-start:var(--toc-w)}
main:focus{outline:none}
.lkc-foot{margin-inline-start:var(--toc-w)}
.pg-in{max-width:1200px;margin:0 auto;padding:0 var(--gutter)}
.pg-measure{max-width:calc(68ch + 2 * var(--gutter))}
.pg-cover{min-height:88svh;display:flex;align-items:flex-end;padding:calc(var(--hdr) + 60px) 0 clamp(56px,8vw,96px);
  background:linear-gradient(0deg,var(--ground) 4%,rgba(14,10,20,.55) 55%,rgba(14,10,20,.35)),url(bg-lobby-moody.webp) center/cover}
.pg-kicker{font:500 15px/1.4 var(--f);color:var(--faint);margin-bottom:18px}
.pg-cover h1{font:700 clamp(46px,7vw,96px)/1.02 var(--f);letter-spacing:-.035em;max-width:12ch}
.pg-lead{font:400 clamp(19px,2vw,22px)/1.6 var(--f);color:var(--muted);max-width:52ch;margin-top:22px}
.pg-variants{margin-top:26px;font-size:15px;color:var(--faint)}
.pg-variants a{color:var(--text);text-underline-offset:3px;text-decoration-color:var(--copper)}
.pg-variants a[aria-current]{color:var(--copper)}
.pg-band{padding:clamp(72px,10vw,128px) 0;scroll-margin-top:calc(var(--hdr) + 20px);position:relative}
.pg-band::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,158,131,.5),transparent)}
.pg-panel{background:var(--panel)}
.pg-band h2{font:700 clamp(30px,4.2vw,46px)/1.2 var(--f);letter-spacing:-.015em;margin-bottom:22px}
.pg-band p{color:var(--muted);margin-top:14px}
/* page TOC rail (desktop) — z 25, starts under the header */
.pg-toc{display:none}
@media(min-width:1180px){.pg-toc{display:block;position:fixed;z-index:25;top:var(--hdr);bottom:0;inset-inline-start:0;width:var(--toc-w);
  padding:36px 28px 28px 24px;background:var(--ground);border-inline-end:1px solid var(--hair)}}
.pg-toc-h{font:600 13px/1 var(--f);color:var(--faint);margin-bottom:16px}
.pg-toc ol{list-style:none;padding:0}
.pg-toc a{display:block;padding:8px 0;color:var(--muted);text-decoration:none;font-size:15px;border-inline-start:2px solid transparent;padding-inline-start:12px}
.pg-toc a.on{color:var(--copper);border-color:var(--copper)}
/* mobile TOC pill (z 31) + sticky CTA bar (z 30) */
.pg-tocbtn{position:fixed;z-index:31;bottom:calc(84px + env(safe-area-inset-bottom));inset-inline-start:12px;height:44px;padding:0 16px;border-radius:999px;border:0;
  background:rgba(22,16,30,.96);color:var(--text);font:600 15px var(--f);box-shadow:inset 0 0 0 1px var(--hair-2),0 12px 30px -10px #000}
.pg-bar{position:fixed;bottom:0;inset-inline:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:rgba(14,10,20,.94);backdrop-filter:blur(8px);border-top:1px solid var(--hair)}
.pg-btn{display:flex;align-items:center;justify-content:center;height:50px;border-radius:999px;font:600 16px/1 var(--f);text-decoration:none}
.pg-btn-p{background:var(--copper);color:var(--ink)}
.pg-btn-g{color:var(--text);box-shadow:inset 0 0 0 1px var(--hair-2)}
@media(min-width:900px){.pg-bar,.pg-tocbtn{display:none}}
@media(min-width:1180px){.pg-tocbtn{display:none}}
:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:6px}
/* 404 body */
.nf{min-height:86svh;display:flex;align-items:center;padding:calc(var(--hdr) + 48px) 0 clamp(64px,9vw,112px);position:relative;overflow:hidden;
  background:radial-gradient(70% 60% at 85% 0%,rgba(232,158,131,.06),transparent 70%),linear-gradient(180deg,var(--ground),var(--panel-2))}
.nf-grid{display:grid;grid-template-columns:1fr;gap:clamp(36px,6vw,80px);align-items:end;width:100%}
@media(min-width:900px){.nf-grid{grid-template-columns:1.05fr .95fr}}
.nf-num{font:700 clamp(120px,22vw,300px)/.86 var(--f);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(232,158,131,.4);direction:ltr;text-align:right;user-select:none}
.nf h1{font:700 clamp(36px,5.4vw,64px)/1.12 var(--f);letter-spacing:-.025em;margin-top:18px;max-width:14ch}
.nf-lead{color:var(--muted);font:400 clamp(19px,2vw,22px)/1.6 var(--f);max-width:44ch;margin-top:18px}
.nf-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.nf-list h2{font:600 13px/1 var(--f);color:var(--faint);margin-bottom:10px;letter-spacing:.02em}
.nf-list ul{list-style:none;padding:0;border-top:1px solid var(--hair)}
.nf-list li{border-bottom:1px solid var(--hair)}
.nf-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:10px 0;color:var(--text);text-decoration:none;font:600 clamp(19px,1.8vw,22px)/1.3 var(--f)}
.nf-list a svg{width:18px;height:18px;color:var(--copper);flex:none;transition:transform .2s}
.nf-list a:hover svg{transform:translateX(-4px)}
.nf-list a:hover{color:var(--copper)}
.nf-page{--lkc-bottom:0px;--toc-w:0px}