/* ==========================================================================
   רכיבי האתר המשותפים (דף הבית, "למה מפה", השאלון) בשפת ציון — מעל assets/zion.css.
   כותרת עליונה, דף-ספר (טור + גיליון), כפתורים, מקטעים ותחתית.
   ========================================================================== */
@font-face{font-family:'Cardo';font-weight:400;font-display:swap;src:url(../book/fonts/cardo-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+FB1D-FB4F,U+200C-2010,U+25CC}
:root{
  --paper:var(--z-paper); --white:var(--z-white); --ink:var(--z-ink); --ink-2:var(--z-ink-2); --ink-3:var(--z-ink-3);
  --gloss:var(--z-gloss); --rule:var(--z-rule); --action:var(--z-action);
  --accent:var(--z-accent); --accent-deep:var(--z-accent-deep); --accent-soft:var(--z-accent-soft); --accent-wash:var(--z-accent-wash); --accent-line:var(--z-accent-line);
  --voice:var(--z-tekhelet-deep); --voice-bar:rgba(59,120,173,.55);
  --f-disp:var(--z-f-display); --f-ui:var(--z-f-body); --f-gloss:var(--z-f-gloss); --f-text:'Cardo','Noto Serif Hebrew',serif;
  --wrap:1180px; --gutter:clamp(16px,4vw,48px); --margin-col:260px;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font:18px/1.7 var(--f-ui);color:var(--ink-2);background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--f-disp);font-weight:400;line-height:1.2;color:var(--ink);text-wrap:balance;margin:0}
a{color:var(--action);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:5px}
a:hover{color:var(--accent-deep);text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.ring{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:var(--z-sheen);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - max(1.5px,.036em)),#000 calc(100% - max(1.5px,.036em) + .5px));mask:radial-gradient(farthest-side,transparent calc(100% - max(1.5px,.036em)),#000 calc(100% - max(1.5px,.036em) + .5px))}
.ringed{position:relative;display:inline-block}
.ringed>.ring{position:absolute;top:-.12em;left:50%;transform:translateX(-50%)}
.wordmark{font-family:var(--f-disp);font-weight:500;line-height:1;color:var(--ink);white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid var(--action);border-radius:2px;
  color:var(--action);background:none;text-decoration:none;font:600 16px var(--f-ui);cursor:pointer;transition:background .15s,color .15s}
.btn:hover{background:var(--action);color:#fff}
.btn.primary{background:var(--action);color:#fff}
.btn.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}

/* ---- כותרת עליונה ---- */
.masthead{border-bottom:1px solid var(--rule);background:var(--paper)}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.brand{display:flex;align-items:baseline;gap:14px;color:var(--ink);text-decoration:none}
.brand:hover{color:var(--ink)}
.brand .wordmark{font-size:30px}
.brand .brand-mark{align-self:center;margin-left:-4px}
.brand-tag{font-size:15px;color:var(--gloss)}
/* לוגו ציון (assets/zion-logo): נחושת עם ברק על רקע בהיר, -dark על רקע כהה */
.zlogo{display:block;width:auto}
.zlogo-top{height:48px}
.masthead .nav{margin-inline-start:auto}
.nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px)}
.nav a{color:var(--ink-2);font-size:16px;text-decoration:none;white-space:nowrap}
.nav a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px}

/* ---- דף-ספר: טור טקסט + גיליון ---- */
.leaf{display:grid;grid-template-columns:minmax(0,1fr) var(--margin-col);column-gap:clamp(32px,6vw,88px)}
.gloss{align-self:start;font:15px/1.8 var(--f-gloss);color:var(--gloss);border-inline-start:1px solid var(--accent-line);padding-inline-start:20px}
.gloss p{margin:0}.gloss p+p{margin-top:12px}
.gloss b{font-weight:400;color:var(--ink)}
.gloss .ring{font-size:26px;vertical-align:.1em;margin-inline-end:6px}
.sec{padding-block:clamp(64px,9vw,120px);border-top:1px solid var(--rule)}
.sec.on-white{background:var(--white)}
.h2{font-size:clamp(30px,3.2vw,40px);margin-bottom:28px}
.kicker{font-size:15px;color:var(--accent-deep);margin-bottom:6px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.plate{padding:clamp(18px,3vw,36px);background:var(--accent-wash)}
.site-foot{background:var(--ink);color:#C7C9CC}
.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-block:36px;font-size:15px;line-height:1.9}
.site-foot .zlogo{height:64px}
.site-foot a{color:#E3E1DD;text-decoration-color:rgba(227,174,128,.5)}
.site-foot a:hover{color:#fff}
.site-foot .foot-home{display:block;line-height:0}
/* האתרים של ציון — אותה שורה בציון, בתנ״ך שלי ובסידור */
.family{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 22px;line-height:1.6}
.family-h{flex-basis:100%;font-size:13px;letter-spacing:.04em;color:#9EA2A8}
.site-foot .family a{font-size:16px;text-decoration:none;border-bottom:1px solid rgba(227,174,128,.45);padding-bottom:1px}
.site-foot .family a:hover{border-bottom-color:#E3AE80}
@media (max-width:860px){
  .leaf{grid-template-columns:1fr}
  .gloss{margin-top:28px;border-inline-start:0;border-top:1px solid var(--rule);padding:16px 0 0}
  .brand-tag{display:none}
}
@media (max-width:600px){
  .brand .wordmark{font-size:24px}
  .brand .brand-mark{width:19px;height:23px}
  .nav{gap:12px}
  .nav a{font-size:14.5px}
  .nav .hide-sm{display:none}
  .zlogo-top{display:none}
}