/* מאחורי החלוק — מערכת עיצוב
   צבע עמוק כמשטח. האתר בנוי מרצועות: קרם, ירוק יער, ואדום יין.
   הטיפוגרפיה נושאת את ההיררכיה, לא קווי שיער.
   כל צמד צבעים נבדק ב-tools/contrast.mjs בשני מצבי התצוגה. */

/* light */
:root{
  --paper:#F5F1E8; --paper-2:#FFFDF7; --sunk:#E8E2D3;
  --ink:#0C2320; --ink-2:#33453F; --ink-3:#55635E;
  --rule:#D9D1BE; --rule-2:#BFB59B; --field:#6E7A73;
  --seal:#0F6053; --seal-ink:#0B5247; --seal-soft:#0F60531F;
  --flag:#A6413A; --flag-ink:#8C2F2A; --flag-soft:#8C2F2A14;
  --deep:#10322C; --deep-2:#0A241F; --deep-3:#17423A;
  --deep-ink:#F5F1E8; --deep-ink-2:#A9C0B6; --deep-rule:#2B4F46;
  --deep-field:#88A399; --deep-link:#7FD9C4;
  --ox:#8C2F2A; --ox-2:#75211D; --ox-ink:#F5F1E8; --ox-ink-2:#E3BDB4;
  --ox-rule:#A85049; --ox-field:#E5A79C;
}
/* dark (media) */
:root:not([data-theme="light"]){ @media (prefers-color-scheme: dark){
  --paper:#070E0C; --paper-2:#0D1A16; --sunk:#132723;
  --ink:#F5F1E8; --ink-2:#C3CEC7; --ink-3:#93A29B;
  --rule:#1E332D; --rule-2:#32483F; --field:#7B8A83;
  --seal:#4FBFA9; --seal-ink:#6FD9C1; --seal-soft:#4FBFA924;
  --flag:#D9776A; --flag-ink:#F0A08F; --flag-soft:#D9776A1F;
  --deep:#16453C; --deep-2:#0F332C; --deep-3:#1E5749;
  --deep-ink:#F5F1E8; --deep-ink-2:#B4CABF; --deep-rule:#2F6255;
  --deep-field:#93AEA3; --deep-link:#93E6D2;
  --ox:#8C2F2A; --ox-2:#75211D; --ox-ink:#F5F1E8; --ox-ink-2:#E3BDB4;
  --ox-rule:#A85049; --ox-field:#F2B5A9;
}}
/* dark (data-theme) */
:root[data-theme="dark"]{
  --paper:#070E0C; --paper-2:#0D1A16; --sunk:#132723;
  --ink:#F5F1E8; --ink-2:#C3CEC7; --ink-3:#93A29B;
  --rule:#1E332D; --rule-2:#32483F; --field:#7B8A83;
  --seal:#4FBFA9; --seal-ink:#6FD9C1; --seal-soft:#4FBFA924;
  --flag:#D9776A; --flag-ink:#F0A08F; --flag-soft:#D9776A1F;
  --deep:#16453C; --deep-2:#0F332C; --deep-3:#1E5749;
  --deep-ink:#F5F1E8; --deep-ink-2:#B4CABF; --deep-rule:#2F6255;
  --deep-field:#93AEA3; --deep-link:#93E6D2;
  --ox:#8C2F2A; --ox-2:#75211D; --ox-ink:#F5F1E8; --ox-ink-2:#E3BDB4;
  --ox-rule:#A85049; --ox-field:#F2B5A9;
}

:root{
  --f-display:"Suez One","Frank Ruhl Libre",Georgia,serif;
  --f-body:"Heebo",system-ui,-apple-system,"Segoe UI",sans-serif;

  --shell:min(78rem,100% - 2.5rem);
  --measure:min(38rem,100%);

  /* סולם טיפוגרפי: קפיצות אמיתיות בין הדרגות */
  --t-micro:.72rem;
  --t-fine:.82rem;
  --t-small:.9rem;
  --t-body:1rem;
  --t-lead:clamp(1.12rem,1rem + .6vw,1.42rem);
  --t-h4:clamp(1.06rem,1rem + .3vw,1.22rem);
  --t-h3:clamp(1.24rem,1.12rem + .6vw,1.62rem);
  --t-h2:clamp(1.75rem,1.4rem + 1.7vw,2.9rem);
  --t-h1:clamp(2rem,1.5rem + 2.9vw,4rem);
  --t-display:clamp(2.3rem,1.4rem + 3.6vw,4.7rem);

  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem;
  --s5:1.5rem; --s6:2rem; --s7:3rem; --s8:4.5rem;
  --band:clamp(3rem,6.5vw,5.5rem);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
body{
  margin:0;min-height:100vh;display:flex;flex-direction:column;
  background:var(--paper);color:var(--ink);
  font-family:var(--f-body);font-weight:400;line-height:1.75;
  font-size:clamp(1rem,.96rem + .2vw,1.1rem);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
main{flex:1}
.shell{width:var(--shell);margin-inline:auto}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:400;line-height:1.08;text-wrap:balance;margin:0;letter-spacing:-.02em;overflow-wrap:break-word}
h3,h4{line-height:1.22;letter-spacing:-.015em}
p{margin:0}
img{max-width:100%;height:auto}
hr{border:0;border-top:1px solid var(--rule-2);margin:var(--s6) 0}
a{color:var(--seal-ink);text-underline-offset:.25em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--flag);outline-offset:2px;border-radius:2px}
::selection{background:var(--seal-soft)}
.skip{position:absolute;inset-inline-start:-9999px;top:0;background:var(--ox);color:var(--ox-ink);padding:.8rem 1.2rem;z-index:99;text-decoration:none;font-weight:700}
.skip:focus{inset-inline-start:0}

/* ── תווית מדור ─────────────────────────────── */
.label,.kicker{
  display:inline-block;margin:0;
  font-family:var(--f-body);font-size:var(--t-micro);font-weight:800;
  letter-spacing:.2em;color:var(--ink-3);text-transform:none;
  border-bottom:2px solid var(--flag);padding-bottom:.35rem;
}
.label a,.kicker a{color:inherit;text-decoration:none}
.label a:hover{text-decoration:underline;text-underline-offset:.3em}
.label.seal{color:var(--flag-ink)}

/* ── משטח עמוק: כל מה שיושב על ירוק היער ─────── */
.on-deep{background:var(--deep);color:var(--deep-ink)}
.on-deep h1,.on-deep h2,.on-deep h3,.on-deep h4{color:var(--deep-ink)}
.on-deep .label,.on-deep .kicker{color:var(--deep-ink-2);border-bottom-color:var(--ox-field)}
.on-deep .label.seal{color:var(--ox-field)}
.on-deep a{color:var(--deep-link)}
.on-deep p{color:var(--deep-ink-2)}
.on-deep :focus-visible{outline-color:var(--ox-field)}

.on-ox{background:var(--ox);color:var(--ox-ink)}
.on-ox h1,.on-ox h2,.on-ox h3{color:var(--ox-ink)}
.on-ox p{color:var(--ox-ink-2)}
.on-ox .label,.on-ox .kicker{color:var(--ox-ink-2);border-bottom-color:var(--ox-field)}
.on-ox a{color:var(--ox-ink)}
.on-ox :focus-visible{outline-color:var(--ox-ink)}

/* ── מסטהד: רצועה עמוקה קבועה ────────────────── */
.masthead{background:var(--deep);color:var(--deep-ink);position:sticky;top:0;z-index:40;border-bottom:3px solid var(--ox)}
.masthead .shell{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding-block:1rem}
/* הנעילה: הסמל בגובה גוש הטקסט ובחריגה קלה מעליו ומתחתיו, כדי שיהיה עוגן ולא
   קישוט צף. הקיפול פונה פנימה אל שם כתב העת ומוביל אליו את העין. */
.mark{display:flex;align-items:center;gap:.8rem;min-width:0;text-decoration:none;color:var(--deep-ink)}
.mark svg{width:34.1px;height:42px;flex:none;color:var(--deep-ink)}
.mark .fold{fill:var(--ox);opacity:1}
.mark b{font-family:var(--f-display);font-size:1.4rem;font-weight:400;letter-spacing:-.03em;display:block;line-height:1.1}
.mark i{display:block;font-style:normal;font-size:.6rem;color:var(--deep-ink-2);letter-spacing:.14em;font-weight:700;margin-top:.24rem;line-height:1.2}
.nav{display:flex;align-items:center;gap:1.4rem}
.nav a{font-size:var(--t-small);font-weight:600;color:var(--deep-ink-2);text-decoration:none;padding-block:.25rem;border-bottom:2px solid transparent}
.nav a:hover{color:var(--deep-ink);border-bottom-color:var(--deep-field)}
.nav a[aria-current="page"]{color:var(--deep-ink);border-bottom-color:var(--ox-field)}
.nav .pin{background:var(--ox);color:var(--ox-ink);border:2px solid var(--ox);border-radius:2px;padding:.35rem 1rem;font-weight:800;letter-spacing:.02em}
.nav .pin:hover{background:var(--ox-2);border-color:var(--ox-field);color:var(--ox-ink)}
.nav .pin[aria-current="page"]{border-color:var(--ox-field)}
.masthead :focus-visible{outline-color:var(--ox-field)}
.theme{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:2.25rem;height:2.25rem;padding:0;cursor:pointer;
  background:none;border:2px solid var(--deep-field);border-radius:2px;color:var(--deep-ink-2);
}
.theme:hover{border-color:var(--ox-field);color:var(--deep-ink)}
.theme svg{width:16px;height:16px}
@media (max-width:880px){
  .masthead{position:static}
  .masthead .shell{flex-wrap:wrap;gap:.6rem}
  .mark{order:1;gap:.65rem}
  .mark svg{width:30.5px;height:37.5px}
  .mark b{font-size:1.24rem}
  .mark i{font-size:.55rem;letter-spacing:.12em}
  .theme{order:2}
  .nav{order:3;width:100%;gap:1.1rem;overflow-x:auto;padding-block:.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap}
}

/* ── רצועה כללית ────────────────────────────── */
.band{padding-block:var(--band)}
.band.tint{background:var(--sunk)}
.band-head{margin-bottom:var(--s6);max-width:52ch}
.band-head.spread{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s5);flex-wrap:wrap}
.band-head.spread > div{max-width:52ch}
.band-head h2{font-size:var(--t-h2);margin-top:.9rem}
.band-head > p:last-child{color:var(--ink-2);font-size:var(--t-lead);margin-top:.9rem;line-height:1.55;max-width:46ch}
.on-deep .band-head > p:last-child{color:var(--deep-ink-2)}

/* ── כותר עמוד: גוש עמוק ────────────────────── */
.hero{background:var(--deep);color:var(--deep-ink);padding-block:clamp(2.6rem,6vw,4.8rem);border-bottom:3px solid var(--ox)}
.hero h1{font-size:var(--t-display);max-width:16ch;margin-top:var(--s5);color:var(--deep-ink)}
/* כותרת בשני פעימות: שורת הכנה שקטה, ואז המכה. הניגוד הוא הדרמה, לא הגודל. */
.hero h1.two-beat{max-width:none;margin-top:var(--s4)}
.hero h1.two-beat .beat-1{
  display:block;font-family:var(--f-body);font-weight:500;
  font-size:clamp(1.05rem,.85rem + .7vw,1.45rem);line-height:1.5;letter-spacing:0;
  color:var(--deep-ink-2);max-width:34ch;margin-bottom:var(--s3);
}
.hero h1.two-beat .beat-2{
  display:block;font-size:var(--t-display);line-height:1.02;max-width:13ch;
}
@media (max-width:880px){ .hero h1.two-beat .beat-2{max-width:none} }
.hero .split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(1.8rem,4vw,4rem);align-items:end}
.hero .lede{font-size:var(--t-lead);color:var(--deep-ink-2);max-width:42ch;line-height:1.6}
.hero .split .lede{padding-inline-start:clamp(1.1rem,2.5vw,2.2rem);border-inline-start:3px solid var(--ox-field)}
.hero.plain h1{max-width:14ch}
.hero.plain .lede{margin-top:var(--s5)}
.hero .note{margin-top:var(--s5);max-width:44ch;color:var(--deep-ink-2);font-size:var(--t-small)}
.hero a{color:var(--deep-link)}
.hero .label,.hero .kicker{color:var(--deep-ink-2);border-bottom-color:var(--ox-field)}
.hero :focus-visible{outline-color:var(--ox-field)}
@media (max-width:880px){
  .hero .split{grid-template-columns:1fr;gap:var(--s5);align-items:start}
  .hero .split .lede{padding-inline-start:0;border-inline-start:0;border-top:3px solid var(--ox-field);padding-top:var(--s4)}
  .hero h1{max-width:none}
}

/* ── כרטיסי מאמר ────────────────────────────── */
.cards{display:grid;gap:var(--s4)}
.cards.two{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}
.fill{display:none}
.card{
  background:var(--paper-2);padding:var(--s5);
  display:flex;flex-direction:column;gap:.6rem;text-decoration:none;color:inherit;
  border:1px solid var(--rule-2);border-top:5px solid var(--deep);
  transition:border-top-color .15s ease,transform .15s ease;
}
.card:hover{border-top-color:var(--ox);transform:translateY(-3px)}
.card .tag{font-size:var(--t-micro);letter-spacing:.2em;color:var(--flag-ink);font-weight:800}
.card h2,.card h3{font-size:var(--t-h3);margin-top:.3rem}
.card:hover h3{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:2px}
.card p{font-size:var(--t-small);color:var(--ink-2);line-height:1.7}
.card .foot{margin-top:auto;padding-top:var(--s5);font-size:var(--t-fine);color:var(--ink-3);display:flex;gap:.7rem;flex-wrap:wrap;font-weight:600}
.card .foot span + span::before{content:"·";margin-inline-end:.7rem;color:var(--rule-2)}

/* ── המאמר המוביל בעמוד הבית ────────────────── */
.lead{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:clamp(1.8rem,4vw,3.5rem);align-items:start;
  padding-block:var(--band);
}
.lead h2{font-size:clamp(2rem,1.45rem + 2.6vw,3.4rem);margin-top:.9rem}
.lead h2 a{color:inherit;text-decoration:none}
.lead h2 a:hover{text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:3px;text-decoration-color:var(--flag)}
.lead .lede{margin-top:1.1rem;color:var(--ink-2);font-size:var(--t-lead);max-width:46ch;line-height:1.6}
.lead .more{margin-top:var(--s5);font-size:var(--t-small);display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap}
.lead .more a{font-weight:800;background:var(--ox);color:var(--ox-ink);text-decoration:none;padding:.7rem 1.3rem;border-radius:2px}
.lead .more a:hover{background:var(--ox-2)}
.lead .more span{color:var(--ink-3);font-size:var(--t-fine);font-weight:600}
.lead .aside{background:var(--deep);color:var(--deep-ink);padding:var(--s5)}
.lead .aside .label{color:var(--deep-ink-2);border-bottom-color:var(--ox-field)}
.lead .aside ol{margin:var(--s5) 0 0;padding:0;list-style:none}
.lead .aside li{border-top:1px solid var(--deep-rule);padding-block:.95rem}
.lead .aside li:first-child{border-top:0;padding-top:0}
.lead .aside a{font-family:var(--f-display);font-weight:400;font-size:1.14rem;text-decoration:none;color:var(--deep-ink);display:block;line-height:1.25;letter-spacing:-.015em}
.lead .aside a:hover{color:var(--deep-link);text-decoration:underline;text-underline-offset:.2em}
.lead .aside small{color:var(--deep-ink-2);font-size:var(--t-fine);display:block;margin-top:.35rem;font-weight:600}
.lead .aside :focus-visible{outline-color:var(--ox-field)}
@media (max-width:880px){
  .lead{grid-template-columns:1fr;gap:var(--s6)}
}

/* ── מפתח המאמרים ───────────────────────────── */
.idx-group{
  display:grid;grid-template-columns:14rem minmax(0,1fr);
  gap:clamp(1rem,3vw,3rem);
  border-top:2px solid var(--rule-2);padding-block:var(--s6);
}
.idx-group:last-child{border-bottom:2px solid var(--rule-2)}
.idx-group > div:first-child{position:sticky;top:6.5rem;align-self:start}
.idx-group h3{font-family:var(--f-display);font-size:var(--t-h3)}
.idx-group h3 a{color:inherit;text-decoration:none}
.idx-group h3 a:hover{color:var(--flag-ink);text-decoration:underline;text-underline-offset:.22em}
.idx-group > div:first-child p{font-size:var(--t-fine);color:var(--ink-3);margin-top:.5rem;line-height:1.65}
.idx{display:block}
.idx a{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1.5rem;align-items:baseline;
  text-decoration:none;color:inherit;padding:var(--s4) var(--s4) var(--s4) 0;
  border-top:1px solid var(--rule);
  border-inline-start:5px solid transparent;padding-inline-start:var(--s4);
  transition:border-inline-start-color .15s ease,background .15s ease;
}
.idx a:first-child{border-top:0}
.idx a:hover{background:var(--paper-2);border-inline-start-color:var(--ox)}
.idx a:hover b{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px}
.idx b{font-family:var(--f-display);font-weight:400;font-size:var(--t-h4);line-height:1.25;letter-spacing:-.015em}
.idx em{font-style:normal;font-size:var(--t-fine);color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.idx span{grid-column:1 / -1;font-size:var(--t-small);color:var(--ink-2);line-height:1.65;max-width:64ch}
@media (max-width:800px){
  .idx-group{grid-template-columns:1fr;gap:var(--s4)}
  .idx-group > div:first-child{position:static}
  .idx a{grid-template-columns:1fr}
  .idx em{white-space:normal}
}

/* ── גוף המאמר ──────────────────────────────── */
.art{padding-block:clamp(2.4rem,5vw,4rem)}
.art-head{max-width:min(46rem,100%)}
.art-head h1{font-size:var(--t-h1);margin-top:var(--s4)}
.art-head .standfirst{margin-top:var(--s5);font-size:var(--t-lead);color:var(--ink-2);line-height:1.6;max-width:48ch}
.art-head .tag a{color:inherit;text-decoration:none}
.byline{
  margin-top:var(--s6);padding-top:var(--s4);border-top:3px solid var(--ink);
  display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:var(--t-fine);color:var(--ink-3);font-weight:600;
}
.byline b{color:var(--ink-2);font-weight:800}
.byline span + span::before{content:"·";margin-inline-end:1rem;color:var(--rule-2)}

.art-body{display:grid;grid-template-columns:minmax(0,var(--measure)) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.art-main{min-width:0}

.art-rail{position:sticky;top:7rem;max-width:16rem;background:var(--deep);color:var(--deep-ink);padding:var(--s5)}
.art-rail .label{color:var(--deep-ink-2);border-bottom-color:var(--ox-field)}
.art-rail ol{list-style:none;margin:var(--s4) 0 0;padding:0}
.art-rail li{border-top:1px solid var(--deep-rule);padding-block:.6rem}
.art-rail li:first-child{border-top:0}
.art-rail a{display:block;font-size:var(--t-fine);line-height:1.55;color:var(--deep-ink-2);text-decoration:none;font-weight:600}
.art-rail a:hover{color:var(--deep-ink);text-decoration:underline;text-underline-offset:.22em}
.art-rail .rail-note{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--deep-rule);font-size:var(--t-micro);color:var(--deep-ink-2);font-weight:600}
.art-rail :focus-visible{outline-color:var(--ox-field)}
@media (max-width:1040px){
  .art-body{grid-template-columns:1fr}
  .art-rail{display:none}
}

.prose{max-width:var(--measure);margin-top:var(--s7);line-height:1.85}
.prose > * + *{margin-top:1.25rem}
.prose > p:first-child{font-size:1.1em;line-height:1.72}
.prose h2{
  font-size:var(--t-h2);margin-top:var(--s8);line-height:1.1;scroll-margin-top:6.5rem;
  border-inline-start:6px solid var(--ox);padding-inline-start:var(--s4);
}
.prose h3{font-size:var(--t-h3);margin-top:var(--s6);color:var(--ink);scroll-margin-top:6.5rem}
.prose h2 + *,.prose h3 + *{margin-top:var(--s4)}
.prose h2 + h3{margin-top:var(--s5)}
.prose ul,.prose ol{margin:0;padding-inline-start:1.35rem}
.prose li{padding-inline-start:.25rem}
.prose li::marker{color:var(--flag);font-weight:700}
.prose li + li{margin-top:.6rem}
.prose strong,.prose b{font-weight:700;color:var(--ink)}
.prose blockquote{
  margin-block:var(--s7);padding:var(--s5);background:var(--deep);color:var(--deep-ink);
  border-inline-start:6px solid var(--ox);font-size:1.05rem;line-height:1.7;
}
.prose blockquote p{color:var(--deep-ink)}
.prose blockquote a{color:var(--deep-link)}
.prose blockquote p + p{margin-top:.75rem}
.prose blockquote :focus-visible{outline-color:var(--ox-field)}
.prose .cite{display:block;margin-top:.7rem;font-size:var(--t-fine);color:var(--deep-ink-2);font-weight:600}
.prose table{width:100%;border-collapse:collapse;font-size:var(--t-small)}
.prose .scroll{overflow-x:auto;margin-block:var(--s7);border:1px solid var(--rule-2)}
.prose th,.prose td{text-align:start;padding:.8rem 1rem;border-bottom:1px solid var(--rule);vertical-align:top;line-height:1.6}
.prose th{background:var(--deep);color:var(--deep-ink);font-weight:700;font-size:var(--t-fine);letter-spacing:.08em;border-bottom:0}
.prose tbody tr:nth-child(even){background:var(--sunk)}
.prose tr:last-child td{border-bottom:0}

.callout{margin-block:var(--s7);background:var(--deep);color:var(--deep-ink);padding:var(--s5);border-inline-start:6px solid var(--deep-field)}
.callout b{display:block;font-family:var(--f-display);font-weight:400;font-size:var(--t-h3);margin-bottom:.6rem;color:var(--deep-ink);letter-spacing:-.015em}
.callout p{font-size:var(--t-small);color:var(--deep-ink-2);line-height:1.75}
.callout p + p{margin-top:.7rem}
.callout a{color:var(--deep-link)}
.callout :focus-visible{outline-color:var(--ox-field)}
.callout.warn{background:var(--ox);border-inline-start-color:var(--ox-field)}
.callout.warn b{color:var(--ox-ink)}
.callout.warn p{color:var(--ox-ink-2)}
.callout.warn a{color:var(--ox-ink)}
.callout.warn :focus-visible{outline-color:var(--ox-ink)}

/* ── מקורות: בלוק החתימה של האתר ─────────────── */
.sources{
  max-width:min(46rem,100%);margin-top:var(--s8);
  background:var(--deep);color:var(--deep-ink);padding:var(--s6) var(--s5);
  border-top:5px solid var(--ox);
}
.sources h2{font-family:var(--f-body);font-size:var(--t-micro);letter-spacing:.24em;font-weight:800;color:var(--ox-field)}
.sources ol{margin:var(--s5) 0 0;padding:0;list-style:none;counter-reset:src}
.sources li{
  counter-increment:src;position:relative;
  padding-inline-start:2.4rem;padding-block:.85rem;
  border-top:1px solid var(--deep-rule);font-size:var(--t-small);line-height:1.7;
}
.sources li:first-child{border-top:0;padding-top:0}
.sources li::before{
  content:counter(src);position:absolute;inset-inline-start:0;
  font-variant-numeric:tabular-nums;font-size:var(--t-fine);font-weight:800;
  color:var(--ox-field);line-height:inherit;
}
.sources a{color:var(--deep-ink);text-decoration-color:var(--deep-field)}
.sources a:hover{color:var(--deep-link);text-decoration-color:currentColor}
.sources .note{margin-top:var(--s5);font-size:var(--t-fine);color:var(--deep-ink-2);border-top:1px solid var(--deep-rule);padding-top:var(--s4);line-height:1.75}
.sources :focus-visible{outline-color:var(--ox-field)}

.next{max-width:min(46rem,100%);margin-top:var(--s7);border-top:3px solid var(--ink);padding-top:var(--s4)}
.next h2{font-family:var(--f-body);font-size:var(--t-micro);letter-spacing:.24em;font-weight:800;color:var(--ink-3);margin-bottom:var(--s4)}
.next a{
  display:block;font-family:var(--f-display);font-weight:400;font-size:var(--t-h4);text-decoration:none;color:var(--ink);
  padding:.85rem var(--s4);border-top:1px solid var(--rule);line-height:1.3;letter-spacing:-.015em;
  border-inline-start:5px solid transparent;
}
.next a:first-of-type{border-top:0}
.next a:hover{border-inline-start-color:var(--ox);background:var(--paper-2);text-decoration:underline;text-underline-offset:.2em}

/* ── עמודי מערכת ────────────────────────────── */
.page{padding-block:clamp(2.4rem,5vw,4rem)}
.page h1{font-size:var(--t-h1);max-width:18ch}
.page .prose{margin-top:0}
.page .prose > *:first-child{margin-top:0}

/* ── הפנקס ──────────────────────────────────── */
.terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--s4);margin-top:var(--s7)}
.term{background:var(--deep-3);padding:var(--s5);display:flex;gap:.85rem;border-top:4px solid var(--ox-field)}
.term svg{width:20px;height:20px;flex:none;color:var(--ox-field);margin-top:.35rem}
.term b{display:block;font-size:var(--t-h4);font-family:var(--f-display);font-weight:400;color:var(--deep-ink);letter-spacing:-.015em}
.term span{display:block;font-size:var(--t-small);color:var(--deep-ink-2);margin-top:.4rem;line-height:1.7}
.band:not(.on-deep) .terms .term{background:var(--paper-2);border-top-color:var(--ox)}
.band:not(.on-deep) .terms .term svg{color:var(--flag)}
.band:not(.on-deep) .terms .term b{color:var(--ink)}
.band:not(.on-deep) .terms .term span{color:var(--ink-2)}

.form-wrap{background:var(--paper-2);border:1px solid var(--rule-2);border-top:5px solid var(--deep)}
.form-wrap header{padding:var(--s4) var(--s5);background:var(--deep);color:var(--deep-ink);display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);flex-wrap:wrap}
.form-wrap header b{font-family:var(--f-display);font-weight:400;font-size:var(--t-h3);letter-spacing:-.015em}
.form-wrap header span{font-size:var(--t-fine);color:var(--deep-ink-2);font-weight:600}
form{padding:var(--s5)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.row + .row{margin-top:var(--s4)}
@media (max-width:640px){ .row{grid-template-columns:1fr} }
label{display:block;font-size:var(--t-small);font-weight:700}
.lbl{display:inline;font-weight:inherit}
label.req .lbl::after{content:" *";color:var(--flag-ink)}
.hint{display:block;font-size:var(--t-fine);color:var(--ink-3);font-weight:400;margin-top:.2rem;line-height:1.5}
input,select{
  width:100%;margin-top:.5rem;padding:.7rem .8rem;font:inherit;font-size:var(--t-small);
  background:var(--paper);color:var(--ink);border:2px solid var(--field);border-radius:2px;
}
input:hover,select:hover{border-color:var(--ink-3)}
input:focus-visible,select:focus-visible{border-color:var(--ox);outline-color:var(--ox)}
.consent{margin-top:var(--s5);display:flex;gap:.8rem;background:var(--sunk);padding:var(--s4);border-inline-start:5px solid var(--ox)}
.consent input{width:auto;margin:.4rem 0 0}
.consent p{font-size:var(--t-fine);color:var(--ink-2);line-height:1.75}
.msg{display:none;margin-top:var(--s4);padding:.85rem 1rem;font-size:var(--t-small);border-inline-start:5px solid;line-height:1.6;font-weight:600}
.msg.on{display:block}
.msg.ok{background:var(--seal-soft);border-color:var(--seal);color:var(--seal-ink)}
.msg.bad{background:var(--flag-soft);border-color:var(--flag);color:var(--flag-ink)}
button.submit{
  margin-top:var(--s5);width:100%;padding:1rem;font:inherit;font-weight:800;font-size:var(--t-body);
  background:var(--ox);color:var(--ox-ink);border:0;border-radius:2px;cursor:pointer;letter-spacing:.02em;
}
button.submit:hover{background:var(--ox-2)}
button.submit:disabled{opacity:.55;cursor:default}
.note{margin-top:var(--s4);font-size:var(--t-fine);color:var(--ink-3);line-height:1.7}
.linkish{font:inherit;background:none;border:0;padding:0;color:var(--seal-ink);text-decoration:underline;text-underline-offset:.25em;cursor:pointer}

.tools{display:flex;gap:.8rem;margin-bottom:var(--s5);flex-wrap:wrap}
.tools input,.tools select{margin-top:0;width:auto;flex:1;min-width:12rem}

/* שורת רופא בפנקס */
.entries{display:grid;gap:var(--s3)}
.entry{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem var(--s5);
  align-items:start;padding:var(--s5);background:var(--paper-2);
  border:1px solid var(--rule-2);border-inline-start:6px solid var(--deep);
  transition:border-inline-start-color .15s ease;
}
.entry:hover{border-inline-start-color:var(--ox)}
.entry h3{font-size:var(--t-h3)}
.entry h3 a{color:inherit;text-decoration:none}
.entry:hover h3 a{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px}
.entry .spec{font-size:var(--t-small);color:var(--flag-ink);margin-top:.35rem;font-weight:700;letter-spacing:.04em}
.entry .meta{font-size:var(--t-fine);color:var(--ink-3);margin-top:.7rem;display:flex;gap:.6rem;flex-wrap:wrap;align-items:baseline}
.entry .meta i{font-style:normal}
.entry .meta i + i::before,.entry .meta i + a::before{content:"·";margin-inline-end:.6rem;color:var(--rule-2)}
.entry .lic{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:bidi-override;display:inline-block}
.entry-side{display:flex;flex-direction:column;gap:.55rem;align-items:flex-end;text-align:end}
.reg-date{font-size:var(--t-micro);color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
button.pull{
  font:inherit;font-size:var(--t-fine);font-weight:700;background:none;border:2px solid var(--field);
  color:var(--ink-2);padding:.35rem .8rem;border-radius:2px;cursor:pointer;white-space:nowrap;
}
button.pull:hover{border-color:var(--flag);color:var(--flag-ink)}
@media (max-width:640px){
  .entry{grid-template-columns:auto minmax(0,1fr)}
  .entry .entry-side{grid-column:1 / -1}
  .entry-side{flex-direction:row;justify-content:space-between;align-items:baseline;width:100%;text-align:start;flex-wrap:wrap}
}
.empty{padding:var(--s8) var(--s5);text-align:center;background:var(--sunk);border-top:5px solid var(--deep)}
.empty b{display:block;font-family:var(--f-display);font-weight:400;font-size:var(--t-h2);letter-spacing:-.02em}
.empty span{display:block;font-size:var(--t-small);color:var(--ink-2);margin-top:.6rem}
.count{font-size:var(--t-fine);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.count b{color:var(--ink);font-weight:800;font-size:1.35rem;font-variant-numeric:tabular-nums}

/* ── עמוד הרופא: כרטיס הרשומה ───────────────── */
.dossier{padding-block:clamp(2rem,4vw,3.5rem)}
.crumb{font-size:var(--t-fine);color:var(--ink-3);margin-bottom:var(--s5);font-weight:600}
.crumb a{color:var(--flag-ink);text-decoration:none}
.crumb a:hover{text-decoration:underline;text-underline-offset:.25em}

.record{background:var(--deep);color:var(--deep-ink);border-top:6px solid var(--ox)}
.record :focus-visible{outline-color:var(--ox-field)}
.record-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s5);
  align-items:start;padding:var(--s6) var(--s5);border-bottom:1px solid var(--deep-rule);
}
.record-head h1{font-size:clamp(2.1rem,1.5rem + 2.9vw,3.8rem);margin-top:var(--s4);color:var(--deep-ink)}
.record-head .spec{font-size:var(--t-lead);color:var(--ox-field);margin-top:.7rem;font-weight:700}
.record-head .where{font-size:var(--t-body);color:var(--deep-ink-2);margin-top:.4rem}
.record-head .label{color:var(--deep-ink-2);border-bottom-color:var(--ox-field)}
.stamp{
  flex:none;background:var(--ox);color:var(--ox-ink);
  padding:var(--s4);max-width:17rem;display:flex;gap:.7rem;align-items:flex-start;
}
.stamp svg{width:20px;height:20px;flex:none;color:var(--ox-ink);margin-top:.2rem}
.stamp b{display:block;font-family:var(--f-body);font-size:var(--t-fine);font-weight:800;letter-spacing:.12em;color:var(--ox-ink)}
.stamp span{display:block;font-size:var(--t-micro);color:var(--ox-ink-2);margin-top:.35rem;line-height:1.6}
@media (max-width:680px){
  .record-head{grid-template-columns:1fr}
  .stamp{max-width:none}
}

.facts{margin:0;padding:0}
.facts > div{
  display:grid;grid-template-columns:10.5rem minmax(0,1fr);gap:.2rem 1.5rem;align-items:baseline;
  padding:.95rem var(--s5);border-top:1px solid var(--deep-rule);
}
.facts > div:first-child{border-top:0}
.facts dt{font-size:var(--t-micro);letter-spacing:.18em;font-weight:800;color:var(--deep-ink-2)}
.facts dd{margin:0;font-size:1.05rem;color:var(--deep-ink);line-height:1.6;overflow-wrap:anywhere;font-weight:500}
.facts dd.num{font-variant-numeric:tabular-nums;letter-spacing:.04em;direction:ltr;unicode-bidi:bidi-override;text-align:end}
.facts a{color:var(--deep-link)}
@media (max-width:680px){
  .facts > div{grid-template-columns:1fr;gap:.3rem;padding-inline:var(--s4)}
  .facts dd.num{text-align:start}
}

.record-acts{display:flex;gap:.8rem;flex-wrap:wrap;padding:var(--s5);border-top:1px solid var(--deep-rule);background:var(--deep-2)}
.act{
  text-decoration:none;font-size:var(--t-small);font-weight:800;padding:.75rem 1.4rem;border-radius:2px;
  background:var(--ox);color:var(--ox-ink);border:2px solid var(--ox);
}
.act:hover{background:var(--ox-2);border-color:var(--ox-field)}
.act.ghost{background:none;color:var(--deep-ink);border-color:var(--deep-field)}
.act.ghost:hover{background:none;border-color:var(--ox-field);color:var(--deep-ink)}

.record-foot{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--s6);
  margin-top:var(--s7);padding-top:var(--s6);border-top:3px solid var(--ink);
}
.record-foot h2{font-family:var(--f-body);font-size:var(--t-micro);letter-spacing:.24em;font-weight:800;color:var(--flag-ink);margin-bottom:var(--s4)}
.record-foot p{font-size:var(--t-small);color:var(--ink-2);line-height:1.8}
.record-foot p + p{margin-top:.75rem}
.record-foot aside{background:var(--sunk);padding:var(--s5);border-inline-start:5px solid var(--ox)}
@media (max-width:800px){
  .record-foot{grid-template-columns:1fr;gap:var(--s5)}
}

/* ── /demo: כרטיסי דוגמה ─────────────────────── */
.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:var(--s4)}
.demo-card{
  position:relative;background:var(--deep);color:var(--deep-ink);
  padding:var(--s5);border-top:5px solid var(--ox);display:flex;flex-direction:column;
}
.demo-card h3{font-size:var(--t-h3);color:var(--deep-ink);padding-inline-end:5.5rem}
.demo-card .spec{font-size:var(--t-small);color:var(--ox-field);font-weight:700;margin-top:.45rem;letter-spacing:.04em}
.demo-flag{
  position:absolute;inset-block-start:var(--s5);inset-inline-end:var(--s5);
  background:var(--ox);color:var(--ox-ink);font-size:var(--t-micro);font-weight:800;
  letter-spacing:.16em;padding:.25rem .6rem;border-radius:2px;
}
.demo-card dl{margin:var(--s5) 0 0;padding:0}
.demo-card dl > div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.2rem 1rem;align-items:baseline;padding-block:.55rem;border-top:1px solid var(--deep-rule)}
.demo-card dl > div:first-child{border-top:0}
.demo-card dt{font-size:var(--t-micro);letter-spacing:.16em;font-weight:800;color:var(--deep-ink-2)}
.demo-card dd{margin:0;font-size:var(--t-fine);color:var(--deep-ink);line-height:1.6;overflow-wrap:anywhere;font-weight:500}
.demo-card dd.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:bidi-override;text-align:end}

/* ── רצועת הפנקס ────────────────────────────── */
.strip{background:var(--ox);color:var(--ox-ink);padding-block:var(--band);margin-top:var(--s8)}
.band + .strip,.hero + .strip,.strip:first-child{margin-top:0}
.strip .shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s6);align-items:center}
.strip .label{color:var(--ox-ink-2);border-bottom-color:var(--ox-ink)}
.strip h2{font-size:var(--t-h2);margin-top:.9rem;color:var(--ox-ink)}
.strip p{font-size:var(--t-lead);color:var(--ox-ink-2);margin-top:.9rem;max-width:50ch;line-height:1.55}
.strip a{
  flex:none;background:var(--ox-ink);color:var(--ox);text-decoration:none;
  padding:.95rem 2rem;font-weight:800;font-size:var(--t-body);border-radius:2px;white-space:nowrap;
}
.strip a:hover{background:var(--ox-ink-2)}
.strip :focus-visible{outline-color:var(--ox-ink)}
@media (max-width:760px){ .strip .shell{grid-template-columns:1fr;justify-items:start;gap:var(--s5)} }

/* ── קולופון ────────────────────────────────── */
.colophon{background:var(--deep);color:var(--deep-ink);padding-block:var(--s8);margin-top:auto;border-top:5px solid var(--ox)}
.colophon .grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr) minmax(0,.9fr);gap:var(--s6)}
@media (max-width:800px){ .colophon .grid{grid-template-columns:1fr;gap:var(--s5)} }
.colophon h3{font-size:var(--t-micro);letter-spacing:.24em;font-family:var(--f-body);font-weight:800;color:var(--ox-field);margin-bottom:var(--s4)}
.colophon p{font-size:var(--t-small);color:var(--deep-ink-2);line-height:1.8;max-width:52ch}
.colophon p b{color:var(--deep-ink);font-weight:700}
.colophon p + p{margin-top:.7rem}
.colophon ul{list-style:none;margin:0;padding:0}
.colophon li + li{margin-top:.55rem}
.colophon a{font-size:var(--t-small);color:var(--deep-ink);text-decoration:none;font-weight:500}
.colophon a:hover{color:var(--deep-link);text-decoration:underline;text-underline-offset:.25em}
.colophon .fine{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--deep-rule);font-size:var(--t-fine);color:var(--deep-ink-2);max-width:none;line-height:1.75}
.colophon :focus-visible{outline-color:var(--ox-field)}

/* ── דיוקן, מונוגרם ותגי תחום ─────────────────────────────────
   כל כרטיס נראה גמור גם בלי תמונה: מונוגרם עם גוון יציב לכל רופא. */
.face,.portrait{margin:0;flex:none;line-height:0}
.face img,.portrait img{display:block;object-fit:cover;border-radius:2px}
.face{width:72px;height:72px}
.face img{width:72px;height:72px}
.portrait{width:clamp(96px,12vw,168px);aspect-ratio:1}
.portrait img{width:100%;height:100%}

.mono{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;border-radius:2px;
  font-family:var(--f-display);line-height:1;letter-spacing:.02em;
  background:hsl(var(--h,160) 26% 22%);
  color:hsl(var(--h,160) 30% 92%);
  box-shadow:inset 0 0 0 1px hsl(var(--h,160) 26% 34%);
}
.face .mono{font-size:1.6rem}
.portrait .mono{font-size:clamp(2.1rem,4vw,3.4rem)}

ul.focus{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0 0;padding:0}
ul.focus li{
  font-size:var(--t-micro);font-weight:600;letter-spacing:.04em;
  padding:.26rem .6rem;border-radius:100px;
  background:var(--sunk);color:var(--ink-2);border:1px solid var(--rule-2);
}
.record ul.focus li,.demo-card ul.focus li{
  background:var(--deep-2);color:var(--deep-ink-2);border-color:var(--deep-field);
}

.open{
  font-size:var(--t-micro);font-weight:800;letter-spacing:.09em;
  color:var(--flag-ink);
}
.record .open,.demo-card .open{color:var(--ox-field)}

/* ── דיוקן בשורת הפנקס ────────────────────────────────────
   נכנס כעמודה נוספת בגריד הקיים ולא מחליף אותו בפלקס, אחרת
   ההתקפלות ב-640 נשברת והשורה חורגת ממסך של 320. */
@media (max-width:640px){
  .entry .face,.entry .face img{width:56px;height:56px}
  .entry .face .mono{font-size:1.25rem}
}

/* ── כרטיס הרופא: אותו עיקרון של שתי פעימות כמו בעמוד הבית ── */
.record-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--s5);align-items:start}
.record-id{min-width:0}
.record-id .label{margin-bottom:.35rem}
.record-id h1{font-size:var(--t-display);line-height:1.02;max-width:14ch;margin:0}
.record-id .where{margin-top:.6rem;color:var(--deep-ink-2);font-size:var(--t-lead)}
@media (max-width:900px){
  .record-head{grid-template-columns:auto minmax(0,1fr);gap:var(--s4)}
  .record-head .stamp{grid-column:1 / -1}
}
@media (max-width:560px){
  .record-head{grid-template-columns:1fr}
  .record-id h1{max-width:none}
}

/* ── כרטיסי הדוגמה ────────────────────────────────────────── */
.demo-card header{display:flex;gap:var(--s3);align-items:flex-start;margin-bottom:.2rem}
.demo-card header > div{min-width:0}
.demo-card .spec{font-size:var(--t-micro);letter-spacing:.14em;font-weight:800;color:var(--ox-field);margin-bottom:.2rem}
.demo-card h2{font-size:1.34rem;line-height:1.15;margin:0}
.demo-card .where{font-size:var(--t-small);color:var(--deep-ink-2);margin-top:.3rem}
.demo-card .open-line{margin-top:.7rem}

/* ── בורר התמונה בטופס ────────────────────────────────────── */
input[type="file"]{
  width:100%;margin-top:.45rem;padding:.55rem .7rem;font:inherit;font-size:var(--t-small);
  background:var(--paper);color:var(--ink);border:1px solid var(--field);border-radius:2px;
}
input[type="file"]::file-selector-button{
  font:inherit;font-size:var(--t-micro);font-weight:700;margin-inline-end:.7rem;
  padding:.3rem .7rem;border:1px solid var(--field);border-radius:2px;
  background:var(--sunk);color:var(--ink-2);cursor:pointer;
}
.photo-state{display:block;margin-top:.45rem;font-size:var(--t-micro);color:var(--flag-ink);font-weight:600}
.check-line{display:flex;align-items:center;gap:.6rem;align-self:end;padding-block:.6rem}
.check-line input{width:auto;margin:0}
.check-line .lbl{margin:0}

/* קרדיט הבונים: מופרד משורת ההסתייגות המשפטית, ומודגש מעט */
.colophon .credit{
  margin-top:var(--s5);padding-top:var(--s4);
  border-top:1px solid var(--deep-rule,var(--rule));
  font-weight:600;color:var(--deep-ink-2)
}
.colophon .credit + .fine{margin-top:.7rem;border-top:0;padding-top:0}