@charset "utf-8";

/* ── fonts ─────────────────────────────────────────────────────────────
   Assistant — כל האתר. הגופן היחיד. יש בו את כל סימני הניקוד
   ומיקום GPOS נכון. טעמי מקרא הוסרו מן הטקסט, ולכן אין בהם צורך.
   ───────────────────────────────────────────────────────────────────── */
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/assistant-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/assistant-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Assistant';font-style:normal;font-weight:500;font-display:swap;
  src:url(fonts/assistant-hebrew-500-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:500;font-display:swap;
  src:url(fonts/assistant-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/assistant-hebrew-600-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/assistant-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/assistant-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/assistant-latin-700-normal.woff2) format('woff2')}

/* ── tokens ───────────────────────────────────────────────────────── */
:root{
  --font-text:'Assistant',system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-verse:var(--font-text);
  --font-ui:var(--font-text);

  --paper:#FAF9F6;   --surface:#FFFFFF;  --surface-2:#F4F2EC;
  --ink:#16181B;     --ink-2:#4B515A;    --ink-3:#878E98;
  --line:#E7E3DA;    --line-2:#D6D0C4;
  --accent:#3B6675;  --accent-wash:#ECF2F4;
  --brass:#9A7639;   --brass-wash:#F5EEE0;
  --shadow:0 1px 2px rgb(20 24 28 / .04), 0 14px 34px -26px rgb(20 24 28 / .30);

  --fs:19px;          /* מדרגת גופן — נשלטת מ־data-size */
  --measure:34rem;
  --lh:1.95;
  --radius:16px;
}
html[data-size="1"]{--fs:17.5px;--measure:33rem}
html[data-size="2"]{--fs:20px;  --measure:34rem}
html[data-size="3"]{--fs:23px;  --measure:32rem;--lh:2.05}

:root[data-theme="night"]{
  --paper:#0E1013;   --surface:#15181C;  --surface-2:#1B1F24;
  --ink:#E3E0D9;     --ink-2:#A3A9B2;    --ink-3:#727984;
  --line:#242830;    --line-2:#2F343C;
  --accent:#84B2C1;  --accent-wash:#17252B;
  --brass:#C7A268;   --brass-wash:#241E12;
  --shadow:none;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="day"]){
    --paper:#0E1013;   --surface:#15181C;  --surface-2:#1B1F24;
    --ink:#E3E0D9;     --ink-2:#A3A9B2;    --ink-3:#727984;
    --line:#242830;    --line-2:#2F343C;
    --accent:#84B2C1;  --accent-wash:#17252B;
    --brass:#C7A268;   --brass-wash:#241E12;
    --shadow:none;
  }
}

/* ── base ─────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--font-text);font-size:var(--fs);line-height:var(--lh);
  font-kerning:normal;text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

h1,h2,h3,h4{margin:0;font-weight:500;line-height:1.35}
p{margin:0}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
a:hover{border-bottom-color:var(--accent)}
strong{font-weight:700}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
::selection{background:var(--accent-wash);color:var(--ink)}

.wrap{width:100%;max-width:calc(var(--measure) + 6rem);margin-inline:auto;padding-inline:clamp(1.15rem,5vw,2.5rem)}
.skip{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip:focus{position:fixed;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;
  inset-inline-start:1rem;top:1rem;z-index:99;background:var(--surface);color:var(--ink);
  padding:.5rem .9rem;border:1px solid var(--line);border-radius:8px}

/* ── topbar ───────────────────────────────────────────────────────── */
.topbar{
  position:sticky;top:0;z-index:20;
  background:color-mix(in srgb,var(--paper) 86%,transparent);
  backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--line);
}
.topbar__in{display:flex;align-items:center;gap:.75rem;min-height:54px;
  font-family:var(--font-ui);font-size:.82rem}
.brand{font-family:var(--font-ui);font-weight:600;font-size:.85rem;letter-spacing:.01em;
  color:var(--ink);border:0;white-space:nowrap}
.brand span{color:var(--ink-3);font-weight:400}
.topbar__sp{flex:1}
.tools{display:flex;align-items:center;gap:.3rem}
@media (max-width:460px){
  .topbar__in{gap:.4rem;min-height:50px}
  .brand span{display:none}
  .btn{padding:.45rem .5rem}
  .sizes .btn{padding:.45rem .42rem}
}
@media (max-width:360px){.brand{font-size:.78rem}.tools{gap:.15rem}}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.35rem;
  font-family:var(--font-ui);font-size:.8rem;font-weight:500;line-height:1;
  color:var(--ink-2);background:transparent;border:1px solid transparent;
  border-radius:9px;padding:.5rem .6rem;cursor:pointer;
  transition:background .12s ease,color .12s ease,border-color .12s ease;
}
.btn:hover{background:var(--surface-2);color:var(--ink)}
.btn[aria-pressed="true"]{background:var(--accent-wash);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}
.btn svg{width:16px;height:16px;flex:none}
.btn--ghost{border-color:var(--line-2)}
.sizes{display:inline-flex;border:1px solid var(--line-2);border-radius:10px;overflow:hidden}
.sizes .btn{border-radius:0;padding:.5rem .55rem;border:0}
.sizes .btn+.btn{border-inline-start:1px solid var(--line)}
.sizes .btn[aria-pressed="true"]{background:var(--accent-wash);color:var(--accent)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── hero ─────────────────────────────────────────────────────────── */
.hero{padding-block:clamp(3rem,9vw,5.5rem) clamp(1.5rem,4vw,2.5rem)}
.hero__kicker{font-family:var(--font-ui);font-size:.74rem;font-weight:600;letter-spacing:.14em;
  color:var(--brass);text-transform:none;line-height:1;margin-bottom:1.15rem}
.hero h1{font-size:clamp(2rem,7vw,2.9rem);line-height:1.28;letter-spacing:-.022em;font-weight:600}
.hero__sub{font-family:var(--font-ui);color:var(--ink-2);font-size:.95rem;line-height:1.6;margin-top:.85rem}
.hero__rule{height:1px;background:linear-gradient(to left,var(--line-2),transparent);margin-top:2.2rem}

.lede{margin-top:2.2rem;display:grid;gap:1.05rem;max-width:var(--measure)}
.lede p{color:var(--ink-2);font-size:1.02em;line-height:1.85}
.lede p:first-child{color:var(--ink)}

/* ── generic blocks ───────────────────────────────────────────────── */
section{scroll-margin-top:70px}
.section{padding-block:clamp(2.2rem,6vw,3.4rem)}
.eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:1.4rem}
.eyebrow h2{font-family:var(--font-ui);font-size:.78rem;font-weight:600;letter-spacing:.13em;color:var(--ink-3)}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line)}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(1.25rem,4vw,1.9rem);box-shadow:var(--shadow)}
.card--quiet{background:transparent;box-shadow:none;border-style:dashed}

.note{font-family:var(--font-ui);font-size:.83rem;line-height:1.65;color:var(--ink-3)}

/* ── practice card ────────────────────────────────────────────────── */
.practice{display:grid;gap:.9rem}
.practice h3{font-family:var(--font-ui);font-size:.78rem;font-weight:600;letter-spacing:.13em;color:var(--ink-3)}
.practice p{font-family:var(--font-ui);font-size:.96rem;line-height:1.7;color:var(--ink-2)}
.practice p strong{color:var(--ink);font-weight:600}
.pull{border-inline-start:2px solid var(--brass);padding-inline-start:1rem;
  font-family:var(--font-text);font-size:1.02em;line-height:1.9;color:var(--ink)}
.pull small{display:block;font-family:var(--font-ui);font-size:.76rem;color:var(--ink-3);margin-top:.5rem;line-height:1.6}

/* ── name box ─────────────────────────────────────────────────────── */
.namebox{display:grid;gap:1rem}
.namebox h3{font-family:var(--font-ui);font-size:.78rem;font-weight:600;letter-spacing:.13em;color:var(--ink-3)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
@media (max-width:520px){.fields{grid-template-columns:1fr}}
.field{display:grid;gap:.4rem}
.field label{font-family:var(--font-ui);font-size:.8rem;font-weight:500;color:var(--ink-2)}
.field input{
  font-family:var(--font-text);font-size:1.02em;color:var(--ink);
  background:var(--paper);border:1px solid var(--line-2);border-radius:10px;
  padding:.6rem .75rem;width:100%;line-height:1.6;
  transition:border-color .12s ease,background .12s ease;
}
.field input::placeholder{color:var(--ink-3);opacity:.7}
.field input:focus{outline:none;border-color:var(--accent);background:var(--surface)}
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;font-family:var(--font-ui)}
.seg button{font-family:inherit;font-size:.85rem;font-weight:500;padding:.55rem 1.1rem;border:0;
  background:transparent;color:var(--ink-2);cursor:pointer;line-height:1.4;transition:background .12s,color .12s}
.seg button+button{border-inline-start:1px solid var(--line)}
.seg button[aria-pressed="true"]{background:var(--accent-wash);color:var(--accent)}
.namebox__row{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.namebox__row .field{flex:0 0 auto}

/* ── passages ─────────────────────────────────────────────────────── */
.passages{display:grid;gap:clamp(1rem,3vw,1.5rem)}
.passage{position:relative;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:clamp(1.35rem,4.5vw,2.2rem);box-shadow:var(--shadow)}
/* כותרת ← תת-כותרת ← ציון מקור ← הטקסט.
   הכול בתוך אותו flex, כדי שבהדפסה אפשר להחזיר את ציון
   המקור לשורת הכותרת בעזרת order.                              */
.passage__head{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:1.3rem}
.num{flex:none;width:1.7rem;height:1.7rem;border-radius:50%;border:1px solid var(--line-2);
  display:grid;place-items:center;font-family:var(--font-ui);font-size:.74rem;font-weight:600;
  color:var(--accent);line-height:1}
.passage__label{font-family:var(--font-ui);font-size:.95rem;font-weight:600;color:var(--ink)}
.passage__lead{order:2;flex-basis:100%;font-family:var(--font-ui);font-size:.87rem;
  line-height:1.7;color:var(--ink-3);margin-top:.2rem;padding-inline-start:2.35rem}
.passage__ref{order:3;flex-basis:100%;font-family:var(--font-ui);font-size:.76rem;
  letter-spacing:.05em;color:var(--ink-3);line-height:1.5;padding-inline-start:2.35rem}
@media (max-width:520px){.passage__lead,.passage__ref{padding-inline-start:0}}

.text{display:grid;gap:.95em}
.text p{font-size:1.03em;line-height:var(--lh);text-align:start;hanging-punctuation:allow-end}

/* הדגשות עדינות: צבע בלבד — כל רקע או קו תחתון היה מתנגש בניקוד */
.kv{color:var(--accent);font-weight:500}
.q{font-weight:600;color:var(--brass)}
:root[data-theme="night"] .q{font-weight:400}
@media (prefers-color-scheme:dark){:root:not([data-theme="day"]) .q{font-weight:400}}
.verse-lead{display:block;text-align:center;font-size:1.18em;margin-block:.35em;line-height:1.9}

/* ── request ──────────────────────────────────────────────────────── */
.request-lead{font-family:var(--font-text);color:var(--ink-2);font-size:1em;margin-bottom:1rem;text-align:center}
.request{border-color:var(--line-2);background:
  linear-gradient(to bottom,color-mix(in srgb,var(--brass-wash) 55%,var(--surface)),var(--surface) 42%)}
:root[data-theme="night"] .request{background:linear-gradient(to bottom,color-mix(in srgb,var(--brass-wash) 30%,var(--surface)),var(--surface) 38%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="day"]) .request{background:linear-gradient(to bottom,color-mix(in srgb,var(--brass-wash) 30%,var(--surface)),var(--surface) 38%)}}
.request .text p{font-size:1.08em}
.nm{color:var(--accent);font-weight:500;white-space:nowrap}
.nm--empty{color:var(--ink-3);font-weight:400}

/* ── footer ───────────────────────────────────────────────────────── */
.foot{border-top:1px solid var(--line);margin-top:clamp(3rem,8vw,5rem);padding-block:2.2rem 3.5rem}
.foot p{font-family:var(--font-ui);font-size:.82rem;line-height:1.75;color:var(--ink-3)}
.foot p+p{margin-top:.4rem}
.foot__nav{display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.3rem;font-family:var(--font-ui);font-size:.88rem}

/* קישור־גשר בין המצבים */
.bridge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-ui);
  font-size:.88rem;font-weight:500;color:var(--accent);border:0;
  background:var(--accent-wash);padding:.6rem 1rem;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}
.bridge:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.bridge svg{width:14px;height:14px}

/* ══ study ════════════════════════════════════════════════════════ */
.study .wrap{max-width:calc(var(--measure) + 8rem)}
.section__lead{font-family:var(--font-ui);color:var(--ink-2);font-size:.97rem;line-height:1.75;
  max-width:var(--measure)}

/* ── ארבעת החלקים ───────────────────────────────────────────────── */
.parts{padding-bottom:clamp(2rem,6vw,3rem);display:grid;gap:.85rem}

.part{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow)}
.part[open]{border-color:var(--line-2)}
.part > summary{display:flex;align-items:flex-start;gap:.9rem;cursor:pointer;
  padding:clamp(1.05rem,3.5vw,1.45rem) clamp(1.15rem,4vw,1.7rem)}
.part__n{flex:none;width:1.85rem;height:1.85rem;border-radius:50%;
  border:1px solid var(--line-2);display:grid;place-items:center;
  font-family:var(--font-ui);font-size:.8rem;font-weight:600;color:var(--accent);line-height:1}
.part[open] .part__n{background:var(--accent-wash);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}
.part__head{display:grid;gap:.3rem;min-width:0}
.part__title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);
  font-size:1.05rem;font-weight:600;color:var(--ink);line-height:1.3}
.part[open] .part__title .chev{transform:rotate(135deg)}
.part__title .chev{width:.42rem;height:.42rem;color:var(--ink-3)}
.part__lead{font-family:var(--font-ui);font-size:.88rem;line-height:1.65;color:var(--ink-3)}
.part > summary:hover .part__title{color:var(--accent)}
.part__body{padding:0 clamp(1.15rem,4vw,1.7rem) clamp(1.35rem,4vw,1.9rem);
  padding-inline-start:calc(clamp(1.15rem,4vw,1.7rem) + 2.75rem)}
@media (max-width:560px){.part__body{padding-inline-start:clamp(1.15rem,4vw,1.7rem)}}

/* ── לבנים בתוך חלק ─────────────────────────────────────────────── */
.kicker{font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.13em;
  color:var(--brass);line-height:1}
.prose{font-family:var(--font-ui);font-size:.95rem;line-height:1.85;color:var(--ink-2);
  max-width:var(--measure)}
.prose+.prose{margin-top:.8rem}
.prose strong{color:var(--ink);font-weight:600}
.micro{font-family:var(--font-ui);font-size:.8rem;line-height:1.7;color:var(--ink-3);
  margin-top:.7rem;max-width:var(--measure)}

.say{margin:1.1rem 0 0;background:var(--surface-2);border:1px solid var(--line);
  border-radius:13px;padding:clamp(.95rem,3vw,1.3rem);display:grid;gap:.75rem}
.say__src{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.05em;color:var(--ink-3);line-height:1.5}
.say p:not(.say__src){font-size:1em;line-height:2;color:var(--ink)}
.say strong{font-weight:700}

/* הערה על מה שחסר או לא מאומת */
.flag{margin-top:1.1rem;border-inline-start:2px solid var(--brass);padding-inline-start:.9rem;
  font-family:var(--font-ui);font-size:.85rem;line-height:1.75;color:var(--ink-3);
  max-width:var(--measure)}

.instr+.instr{margin-top:1.9rem;padding-top:1.6rem;border-top:1px solid var(--line)}

/* הרחבה מקוננת בתוך חלק */
.more{margin-top:1.1rem;border-top:1px solid var(--line)}
.more > summary{display:flex;align-items:center;gap:.55rem;cursor:pointer;
  padding:.85rem .1rem;font-family:var(--font-ui);font-size:.82rem;font-weight:600;
  letter-spacing:.06em;color:var(--brass);line-height:1;transition:color .12s ease}
.more[open] > summary{padding-bottom:.5rem}
.more[open] > summary .chev{transform:rotate(135deg)}
.more > summary:hover{color:var(--ink)}
.more__ref{margin-inline-start:auto;font-weight:400;letter-spacing:0;color:var(--ink-3);font-size:.76rem}
.more__body{padding-bottom:1.2rem}
.prose--quote{color:var(--ink-2);line-height:2}
.prose--quote+.prose--quote{margin-top:.9rem}
.more--bd{border-top:1px solid var(--line)}
.more--bd:first-child{border-top:0}

/* ── שלוש ההצמדות ───────────────────────────────────────────────── */
.pairs{margin-top:.85rem;display:grid;gap:.6rem}
.pair{border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;background:var(--surface-2)}
.pair__top{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:1.02em;line-height:1.8}
.pair__d{color:var(--ink);font-weight:500}
.pair__arrow{color:var(--ink-3);font-size:.85em}
.pair__r{color:var(--accent);font-weight:600}
.pair__why{font-family:var(--font-ui);font-size:.85rem;line-height:1.7;color:var(--ink-3);margin-top:.35rem}

.midlist{margin:0;padding-inline-start:1.4rem;display:grid;gap:.55rem}
.midlist li{font-size:.97em;line-height:1.8;color:var(--ink-3)}
.midlist li::marker{color:var(--line-2);font-size:.8em}
.midlist li.is-paired{color:var(--ink-2)}

/* ── סולם נגעים ─────────────────────────────────────────────────── */
.ladder{display:grid;gap:.55rem;margin-top:.9rem}
.rung{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;
  border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;background:var(--surface)}
.rung:nth-child(2){margin-inline-start:1.2rem}
.rung:nth-child(3){margin-inline-start:2.4rem;background:var(--accent-wash);
  border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}
@media (max-width:560px){.rung{margin-inline-start:0!important}}
.rung__from{font-size:1em;color:var(--ink)}
.rung__to{font-size:1em;color:var(--accent);font-weight:600}
.rung__arrow{color:var(--ink-3);flex:none;font-size:.85em}
.rung__text{flex-basis:100%;font-family:var(--font-ui);font-size:.84rem;line-height:1.7;color:var(--ink-3)}

/* ── ארבעת השדות ────────────────────────────────────────────────── */
.slots{margin:.9rem 0 0;display:grid;gap:.1rem;border:1px solid var(--line);
  border-radius:12px;overflow:hidden}
.slot{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;padding:.85rem 1rem;background:var(--surface)}
.slot+.slot{border-top:1px solid var(--line)}
.slot dt{font-family:var(--font-ui);font-size:.79rem;font-weight:600;color:var(--ink-3);line-height:1.7}
.slot dd{margin:0;font-family:var(--font-ui);font-size:.91rem;line-height:1.75;color:var(--ink-2)}
.slot--out{background:var(--accent-wash)}
.slot--out dt{color:var(--accent)}
.slot--out dd{color:var(--ink)}
@media (max-width:560px){.slot{grid-template-columns:1fr;gap:.2rem}}

/* ── שכבת עיון מספריא ──────────────────────────────────────────
   קיימת רק אם data/commentary.json מלא. סגורה כברירת מחדל,
   נפתחת לקוביה נפרדת, ולעולם אינה מודפסת.                        */

/* משולש ברירת המחדל של הדפדפן — מוסר בכל הדרכים */
details > summary{list-style:none}
details > summary::-webkit-details-marker{display:none}
details > summary::marker{content:"";font-size:0}

/* חץ משלנו */
.chev{width:.44rem;height:.44rem;flex:none;
  border-inline-start:1.7px solid currentColor;border-block-end:1.7px solid currentColor;
  transform:rotate(-45deg);transition:transform .15s ease}

.expand{margin-top:1.6rem;border-top:1px solid var(--line);padding-top:1rem}
.expand > summary{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;
  cursor:pointer;font-family:var(--font-ui);padding:.35rem .1rem;border-radius:8px}
.expand__label{display:inline-flex;align-items:center;gap:.45rem;
  font-size:.86rem;font-weight:600;color:var(--accent)}
.expand[open] .expand__label .chev{transform:rotate(135deg)}
.expand__names{font-size:.79rem;color:var(--ink-3);line-height:1.65}
.expand[open] .expand__names{display:none}
.expand > summary:hover .expand__label{color:var(--ink)}

/* הקוביה שנפתחת */
.expand__body{margin-top:.9rem;background:var(--surface-2);
  border:1px solid var(--line);border-radius:14px;
  padding:.35rem clamp(1rem,3.5vw,1.5rem)}

.voice{border-top:1px solid var(--line)}
.voice:first-child{border-top:0}
.voice > summary{display:flex;align-items:center;gap:.55rem;cursor:pointer;
  padding:1rem .1rem;font-family:var(--font-ui);font-size:.82rem;font-weight:600;
  letter-spacing:.08em;color:var(--brass);line-height:1;transition:color .12s ease}
.voice[open] > summary{padding-bottom:.55rem}
.voice[open] > summary .chev{transform:rotate(135deg)}
.voice > summary:hover{color:var(--ink)}
.voice__n{font-weight:500;letter-spacing:0;color:var(--ink-3);font-size:.74rem}
.voice__body{padding-bottom:1.25rem}
.cite+.cite{margin-top:.9rem;padding-top:.9rem;border-top:1px dashed var(--line-2)}
.cite__loc{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.05em;
  color:var(--ink-3);margin-bottom:.4rem;line-height:1.5}
.voice__t{font-size:.95em;line-height:2;color:var(--ink-2)}

/* ── print ────────────────────────────────────────────────────────── */
@media print{
  @page{size:A4;margin:11mm 14mm}
  /* html[data-size] גובר על :root, ולכן חייבים אותה רמת ספציפיות -
     אחרת כל מה שמבוסס em היה נדפס בגודל המסך. */
  :root,html[data-size="1"],html[data-size="2"],html[data-size="3"]{
    --fs:9.6pt;--lh:1.62;--measure:100%}
  html,body{background:#fff!important;color:#000!important}
  .topbar,.toc,.foot__nav,.bridge,.namebox__hint,.no-print,.tools,.skip,
  .expand,.more,.part__lead{display:none!important}
  .wrap{max-width:100%;padding:0}
  .hero{padding-block:0 6pt}
  .hero__kicker{font-size:7pt;letter-spacing:.1em;margin-bottom:4pt;color:#000}
  .hero h1{font-size:15.5pt;line-height:1.18}
  .hero__sub{font-size:7.6pt;margin-top:2pt;color:#333}
  .hero__rule{margin-top:6pt;background:#000;opacity:.25}
  .lede,.namebox,.section .eyebrow,.practice p:first-child{display:none!important}
  .practice{display:block;margin-bottom:4pt}
  .pull{font-size:9pt;line-height:1.5;border-color:#999}
  .pull small{display:none}
  .section{padding-block:2.5pt}
  .passages{gap:4.5pt}
  .passage,.card,.request{border:0!important;box-shadow:none!important;background:#fff!important;
    padding:0!important;border-radius:0!important}
  .passage{break-inside:avoid;page-break-inside:avoid;border-top:.5pt solid #ccc!important;padding-top:4pt!important}
  .passage:first-child{border-top:0!important}
  .passage__head{margin-bottom:2pt;gap:.4rem}
  .num{width:1.15rem;height:1.15rem;font-size:6.5pt;border-color:#999;color:#000}
  .passage__label{font-size:8.5pt}
  .passage__ref{order:0;flex-basis:auto;font-size:7.5pt;color:#555;
    padding-inline-start:0;letter-spacing:0}
  .passage__lead{display:none}
  .text{gap:2pt}
  .text p{font-size:9.6pt;line-height:1.62;text-align:justify}
  .kv{color:#000;font-weight:700}
  .q{color:#000}
  .verse-lead{font-size:10.4pt;margin-block:1.5pt}
  .request-lead{margin-bottom:2pt;font-size:8.4pt;color:#555}
  .request{border-top:.5pt solid #ccc!important;padding-top:5pt!important;break-inside:avoid}
  .request .text p{font-size:9.6pt}
  .request .note{display:none}
  /* עמוד הלימוד: כל החלקים נפתחים בהדפסה */
  .part,.part>summary{display:block!important;border:0!important;box-shadow:none!important;
    padding:0!important;background:#fff!important}
  .part__body{display:block!important;padding:0!important}
  .part__n,.chev{display:none!important}
  .part__title{font-size:12pt;font-weight:700;margin:8pt 0 4pt}
  .say{border:0!important;background:#fff!important;padding:0 0 0 8pt!important;
    border-inline-start:.5pt solid #999!important;border-radius:0!important}
  .prose,.say p{font-size:9.4pt;line-height:1.55}
  .practice p{font-size:8.4pt;line-height:1.45}
  .pull{font-size:8.8pt;line-height:1.5;padding-inline-start:7pt}
  .foot p:nth-of-type(1){display:none}
  p,li{orphans:2;widows:2}
  .nm{color:#000;font-weight:700;text-decoration:underline}
  .foot{margin-top:5pt;padding-block:3pt 0;border-top:.5pt solid #ccc}
  .foot p{font-size:6.6pt;line-height:1.35;color:#555}
  a{color:#000!important;border:0!important}
  a[href^="http"]::after{content:""}
}

/* ── שכבת עיון מספריא ──────────────────────────────────────────
   קיימת רק אם data/commentary.json מלא. סגורה כברירת מחדל,
   נפתחת לקוביה נפרדת, ולעולם אינה מודפסת.                        */

/* משולש ברירת המחדל של הדפדפן — מוסר בכל הדרכים */
details > summary{list-style:none}
details > summary::-webkit-details-marker{display:none}
details > summary::marker{content:"";font-size:0}

/* חץ משלנו */
.chev{width:.44rem;height:.44rem;flex:none;
  border-inline-start:1.7px solid currentColor;border-block-end:1.7px solid currentColor;
  transform:rotate(-45deg);transition:transform .15s ease}

.expand{margin-top:1.6rem;border-top:1px solid var(--line);padding-top:1rem}
.expand > summary{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;
  cursor:pointer;font-family:var(--font-ui);padding:.35rem .1rem;border-radius:8px}
.expand__label{display:inline-flex;align-items:center;gap:.45rem;
  font-size:.86rem;font-weight:600;color:var(--accent)}
.expand[open] .expand__label .chev{transform:rotate(135deg)}
.expand__names{font-size:.79rem;color:var(--ink-3);line-height:1.65}
.expand[open] .expand__names{display:none}
.expand > summary:hover .expand__label{color:var(--ink)}

/* הקוביה שנפתחת */
.expand__body{margin-top:.9rem;background:var(--surface-2);
  border:1px solid var(--line);border-radius:14px;
  padding:.35rem clamp(1rem,3.5vw,1.5rem)}

.voice{border-top:1px solid var(--line)}
.voice:first-child{border-top:0}
.voice > summary{display:flex;align-items:center;gap:.55rem;cursor:pointer;
  padding:1rem .1rem;font-family:var(--font-ui);font-size:.82rem;font-weight:600;
  letter-spacing:.08em;color:var(--brass);line-height:1;transition:color .12s ease}
.voice[open] > summary{padding-bottom:.55rem}
.voice[open] > summary .chev{transform:rotate(135deg)}
.voice > summary:hover{color:var(--ink)}
.voice__n{font-weight:500;letter-spacing:0;color:var(--ink-3);font-size:.74rem}
.voice__body{padding-bottom:1.25rem}
.cite+.cite{margin-top:.9rem;padding-top:.9rem;border-top:1px dashed var(--line-2)}
.cite__loc{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.05em;
  color:var(--ink-3);margin-bottom:.4rem;line-height:1.5}
.voice__t{font-size:.95em;line-height:2;color:var(--ink-2)}

@media print{.expand{display:none}}