/* ============================================================
   ביבליוגרפיה ומקורות — "האמת על החרדים וצה״ל"
   עיצוב זהה לאתר הראשי: מערכת "תיק תיעוד" (dossier)
   ============================================================ */
:root{
  --ink:        #16150F;
  --ink-soft:   #3A3830;
  --paper:      #EDEBE4;
  --paper-2:    #E4E1D7;
  --paper-line: #CFCABA;
  --blue:       #1C3A5E;
  --blue-bright:#2E5C8A;
  --stamp:      #B11E2F;
  --brass:      #B98A2E;
  --white:      #FAF9F5;
  --serif: "Frank Ruhl Libre", "Times New Roman", serif;
  --sans:  "Heebo", system-ui, -apple-system, sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, monospace;
  --maxw: 1120px;
  --radius: 4px;
  --shadow: 0 1px 2px rgba(22,21,15,.05), 0 10px 26px -18px rgba(22,21,15,.35);
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }
body{
  background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:17px; line-height:1.7; font-weight:400;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
h1,h2,h3{ font-family:var(--serif); line-height:1.14; font-weight:900; }
a{ color:var(--blue-bright); text-decoration:none; }
a:hover{ text-decoration:underline; }
img{ max-width:100%; display:block; }
:focus-visible{ outline:3px solid var(--blue-bright); outline-offset:3px; border-radius:2px; }
.serif{ font-family:var(--serif); }
.skip-link{
  position:absolute; inset-inline-start:1rem; top:-100px;
  background:var(--ink); color:var(--white); padding:.7rem 1.2rem;
  border-radius:var(--radius); z-index:100; font-weight:700; transition:top .2s ease;
}
.skip-link:focus{ top:1rem; }

/* ---------- masthead (זהה לכותרת העליונה של האתר) ---------- */
.mast{
  position:sticky; top:0; z-index:50;
  background:color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter:blur(8px); border-bottom:1px solid var(--paper-line);
}
.mast .in{
  width:min(100% - 2.4rem, var(--maxw)); margin-inline:auto;
  min-height:62px; display:flex; gap:.9rem; align-items:center; flex-wrap:wrap;
}
.mast .bk{
  font-family:var(--serif); font-weight:900; font-size:1.15rem; color:var(--ink);
  border-inline-start:3px solid var(--stamp); padding-inline-start:.55rem;
}
.mast a.bk:hover{ text-decoration:none; color:var(--blue); }
.mast .sep{ width:1px; height:20px; background:var(--paper-line); }
.mast .kind{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.12em;
  color:var(--ink-soft); text-transform:uppercase;
}
.mast .home{
  margin-inline-start:auto; font-size:.92rem; font-weight:500; color:var(--ink-soft);
  padding-block:.3rem; border-bottom:2px solid transparent;
}
.mast .home:hover{ color:var(--ink); border-color:var(--stamp); text-decoration:none; }

/* ---------- hero ---------- */
.hero{ width:min(100% - 2.4rem, var(--maxw)); margin-inline:auto; padding:clamp(2.4rem,6vw,3.6rem) 0 .6rem; }
.hero .eyebrow{
  font-family:var(--mono); font-size:.74rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--stamp); margin-bottom:1rem; display:inline-block;
}
.hero h1{ font-size:clamp(1.9rem,4.5vw,3rem); margin:0 0 1.1rem; text-wrap:balance; }
.hero p{ max-width:60ch; color:var(--ink-soft); margin:0 0 1.6rem; font-size:clamp(1.02rem,2vw,1.14rem); }
.figs{
  display:flex; flex-wrap:wrap; gap:0;
  border-block:1px solid var(--paper-line); background:var(--paper-2);
}
.fig{ padding:14px 22px; border-inline-end:1px solid var(--paper-line); }
.fig:last-child{ border-inline-end:0; }
.fig b{
  display:block; font-family:var(--serif); font-weight:900; font-size:1.8rem; line-height:1.1;
  color:var(--blue); font-variant-numeric:tabular-nums;
}
.fig span{
  font-family:var(--mono); font-size:.68rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink-soft);
}

/* ---------- layout ---------- */
.grid{
  width:min(100% - 2.4rem, var(--maxw)); margin-inline:auto; padding:2.2rem 0 6rem;
  display:grid; grid-template-columns:220px 1fr; gap:2.8rem; align-items:start;
}
@media (max-width:860px){ .grid{ grid-template-columns:1fr; gap:1.4rem; } }
nav.rail{ position:sticky; top:78px; }
@media (max-width:860px){ nav.rail{ position:static; } }
nav.rail ol{ list-style:none; margin:0; padding:0; }
nav.rail a{
  display:block; color:var(--ink-soft); padding:.5rem 0; font-size:.92rem; line-height:1.35;
  border-inline-start:2px solid var(--paper-line); padding-inline-start:.75rem;
}
nav.rail a:hover{ border-inline-start-color:var(--stamp); color:var(--ink); text-decoration:none; }
nav.rail .rg{
  display:block; font-family:var(--mono); font-size:.68rem; color:var(--ink-soft);
  font-variant-numeric:tabular-nums; letter-spacing:.04em;
}
#q{
  width:100%; padding:.7rem .9rem; margin-bottom:1.3rem;
  border:2px solid var(--paper-line); border-radius:var(--radius);
  background:var(--white); color:var(--ink); font:inherit; font-size:.95rem;
}
#q:focus{ border-color:var(--ink); outline:none; }

/* ---------- sections & entries ---------- */
section{ margin-bottom:3.2rem; scroll-margin-top:80px; }
section > header{ border-bottom:2px solid var(--ink); padding-bottom:.55rem; margin-bottom:.4rem; }
section > header h2{ font-family:var(--serif); font-weight:900; font-size:1.5rem; margin:0; }
section > header p{ margin:.35rem 0 0; color:var(--ink-soft); font-size:.9rem; }
.entry{
  display:grid; grid-template-columns:52px 1fr; gap:1rem;
  padding:1.25rem 0; border-bottom:1px solid var(--paper-line);
}
.entry .num{
  font-family:var(--serif); font-weight:900; font-size:1.5rem; color:var(--stamp);
  font-variant-numeric:tabular-nums; line-height:1.25; padding-top:1px;
}
.entry .cite{ margin:0 0 .75rem; font-size:1.02rem; color:var(--ink); }
.entry .cite em{ font-style:normal; color:var(--ink-soft); }

/* ---------- document row ---------- */
.docrow{
  display:flex; gap:1rem; background:var(--white); border:1px solid var(--paper-line);
  border-radius:var(--radius); padding:.8rem; color:inherit; box-shadow:var(--shadow);
  transition:border-color .15s ease, transform .15s ease;
}
.docrow:hover{ border-color:var(--blue); transform:translateY(-2px); text-decoration:none; }
.docrow .cover{
  width:62px; height:84px; flex:0 0 62px; border:1px solid var(--paper-line);
  border-radius:2px; object-fit:cover; object-position:top center; background:var(--paper-2);
}
.docrow .meta{ min-width:0; display:flex; flex-direction:column; gap:.2rem; justify-content:center; }
.docrow .t{ font-family:var(--serif); font-weight:900; font-size:1.05rem; line-height:1.3; }
.docrow .s{ font-size:.83rem; color:var(--ink-soft); }
.chip{
  align-self:flex-start; display:inline-flex; align-items:center; gap:6px;
  font-family:var(--mono); font-size:.64rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
  padding:.2rem .55rem; border-radius:2px;
}
.chip.doc{ background:var(--blue); color:var(--white); }
.chip.ext{ background:var(--paper-2); color:var(--stamp); border:1px solid var(--paper-line); }

/* ---------- citation card (כתבות עיתונאיות) ---------- */
.cit{
  background:var(--white); border:1px solid var(--paper-line);
  border-radius:var(--radius); padding:.85rem 1rem;
}
.cit .hd{ display:flex; gap:.6rem; align-items:flex-start; }
.cit img.fav{ width:18px; height:18px; border-radius:2px; flex:0 0 18px; margin-top:5px; object-fit:contain; }
.cit .ttl{ font-size:1.02rem; font-weight:700; line-height:1.4; color:var(--blue); }
.cit .ttl:hover{ text-decoration:underline; }
.cit .url{
  font-family:var(--mono); font-size:.72rem; color:var(--ink-soft); word-break:break-all; margin:.25rem 0 0;
  direction:ltr; text-align:start; unicode-bidi:plaintext;
}
.cit .snip{
  margin:.5rem 0 0; font-size:.9rem; color:var(--ink-soft);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.cit .src{
  margin-top:.45rem; font-family:var(--mono); font-size:.68rem;
  letter-spacing:.08em; color:var(--ink-soft);
}
.extlink{
  display:inline-flex; align-items:center; gap:.55rem; font-size:.9rem; color:var(--ink);
  border:1px solid var(--paper-line); border-radius:var(--radius); padding:.45rem .8rem;
  background:var(--white); transition:border-color .15s ease, transform .15s ease;
}
.extlink:hover{ border-color:var(--ink); transform:translateY(-2px); text-decoration:none; }

/* ---------- document page ---------- */
.crumb{
  width:min(100% - 2.4rem, 920px); margin-inline:auto; padding:1.4rem 0 0;
  font-family:var(--mono); font-size:.72rem; letter-spacing:.08em; color:var(--ink-soft);
}
.crumb a{ color:var(--ink-soft); }
.crumb a:hover{ color:var(--stamp); }
.docpage{ width:min(100% - 2.4rem, 920px); margin-inline:auto; padding:.8rem 0 5rem; }
.docpage h1{ font-size:clamp(1.6rem,3.6vw,2.3rem); line-height:1.2; margin:.5rem 0 1rem; text-wrap:balance; }
.docnum{
  font-family:var(--mono); font-weight:700; color:var(--stamp); font-size:.74rem;
  letter-spacing:.22em; text-transform:uppercase; display:inline-block; margin-bottom:.2rem;
}
dl.facts{
  display:grid; grid-template-columns:auto 1fr; margin:1.4rem 0 1.6rem;
  border-top:2px solid var(--ink);
}
dl.facts dt{
  padding:.55rem 0; border-bottom:1px solid var(--paper-line); color:var(--ink-soft);
  font-family:var(--mono); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase;
  padding-inline-end:1.6rem; white-space:nowrap;
}
dl.facts dd{ padding:.55rem 0; border-bottom:1px solid var(--paper-line); margin:0; font-size:.95rem; }
.quote{
  border-inline-start:3px solid var(--stamp); background:var(--paper-2);
  padding:.7rem 1rem; margin:0 0 1.6rem; color:var(--ink-soft); font-size:.97rem;
}
.viewer{
  border:1px solid var(--paper-line); border-radius:var(--radius); overflow:hidden;
  background:var(--white); box-shadow:var(--shadow); margin-bottom:1rem;
}
.viewer iframe{ display:block; width:100%; height:min(78vh,900px); border:0; background:var(--paper-2); }
.acts{ display:flex; gap:.7rem; flex-wrap:wrap; margin-bottom:2.2rem; }
.btn{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--sans); font-weight:700; font-size:.95rem;
  padding:.7rem 1.3rem; border-radius:var(--radius);
  border:2px solid var(--ink); cursor:pointer;
  background:var(--white); color:var(--ink);
  transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.btn:hover{ text-decoration:none; transform:translateY(-2px); }
.btn:not(.primary):hover{ background:var(--paper-2); }
.btn.primary{ background:var(--ink); color:var(--white); border-color:var(--ink); }
.btn.primary:hover{ background:var(--blue); border-color:var(--blue); }
@media (prefers-reduced-motion:reduce){
  .btn:hover,.docrow:hover,.extlink:hover{ transform:none; }
}
.pager{
  display:flex; justify-content:space-between; gap:1rem;
  border-top:1px solid var(--paper-line); padding-top:1.1rem;
}
.pager a{ font-size:.9rem; max-width:46%; color:var(--ink); font-weight:700; }
.pager .lbl{
  display:block; font-family:var(--mono); font-size:.66rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink-soft); font-weight:400;
}

/* ---------- footer (זהה לתחתית האתר) ---------- */
.foot{ background:var(--ink); color:#C9C6BC; margin-top:2.5rem; }
.foot .in{ width:min(100% - 2.4rem, var(--maxw)); margin-inline:auto; padding:2.2rem 0; font-size:.85rem; }
.foot a{ color:var(--white); }
@media (prefers-reduced-motion:reduce){ *{ transition:none!important; animation:none!important; } }