/* ═══ theme-stages.css — במות התצוגה (display-themes-r1, שלב 2) — ארמון יהודה בלבד ═══
 * מקור אמת: docs/design/theme-stages/00-foundation.md (+ 13 מסמכי הבמות).
 * כל כלל כאן — מלבד בלוק התשתית הזה — חי תחת html[data-stage="X"] .stg-X-*
 * (namespace פר-במה, §8.2). ⛔ אין קבוצת סלקטורים החולשת על כמה במות.
 * כשאין data-stage (classic): שום כלל כאן לא מתלכד — זהות-בייט (§2.2).
 */

/* ── תשתית מסך התצוגה (§3.2) — הבלוק היחיד המשותף לכל הבמות ברמת המסך ── */
html[data-stage] #display-mode .dm2-root,
html[data-stage] #display-mode .dm2-nav-zone,
html[data-stage] #display-mode #season-bg,
html[data-stage] #display-mode #season-greet,
html[data-stage] #display-mode #season-title { display: none; }
html[data-stage] #display-mode .stage-screen { position: absolute; inset: 0; z-index: 5; }
html[data-stage] #display-mode #accuracy-seal { z-index: 6; }
/* חותם-הדיוק: הצבע הכהה כברירת-מחדל (index.html #accuracy-seal) הוא לרקע בהיר;
 * ההחלפה ללבן קשורה ל-season-live, שמדוכא כל עוד יש stage פעילה (§1.4) — לכן
 * לעולם לא נדלקת. שמונה הבמות עם רקע-עמוד כהה מקבלות כאן את הגרסה הבהירה
 * (אותו rgba(255,255,255,.5) של season-live) — עדיין בלוק התשתית היחיד. */
html[data-stage="kesef"] #display-mode #accuracy-seal,
html[data-stage="neon"] #display-mode #accuracy-seal,
html[data-stage="leil"] #display-mode #accuracy-seal,
html[data-stage="megila"] #display-mode #accuracy-seal,
html[data-stage="kir-kesef"] #display-mode #accuracy-seal,
html[data-stage="ashmoret"] #display-mode #accuracy-seal,
html[data-stage="migzeret-or"] #display-mode #accuracy-seal,
html[data-stage="ner"] #display-mode #accuracy-seal { color: rgba(255, 255, 255, .5); }

/* ── תשתית רמת האתר (השלמה נדרשת ל-§3.2: הבסיס שם עוסק רק במסך; שני האלמנטים
   החדשים ברמת האתר — §5 — זקוקים לפיגום מבני זהה לכל הבמות; הצבע/הטיפוגרפיה
   בבלוק כל במה) ── */
html[data-stage] .header { position: relative; }
html[data-stage] #stage-site-deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
html[data-stage] #stage-hero-chip {
  position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px;
  margin-top: 10px; padding: 6px 14px; border-radius: 999px; font-size: 13.5px;
}
html[data-stage] #stage-hero-chip .shc-sub::before { content: '· '; }
/* פוזיציית טלפון-שוכב (§5): כלל-על משותף לכל הבמות — תמונות ה-crest/building
   בולעות את הגובה הנמוך (≤480px); ההרכב המדויק של ה"שורה הקומפקטית" — פר-במה. */
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage] .header-crest, html[data-stage] .header-building { display: none; }
}

/* ── ספי-הפוזיציה הקנוניים (§3.7 מסך, §5 אתר) — ערכים, לא קלאסים; כל בלוק
   במה משתמש בהם ישירות בתוך ה-namespace שלה:
   מסך עומד 9:16      — @media (orientation: portrait)
   מסך שוכב 4:3        — @media (orientation: landscape) and (max-aspect-ratio: 3/2)
   מסך שוכב 16:9 (ברירת מחדל) — @media (orientation: landscape) and (min-aspect-ratio: 3/2)
   אתר דסקטופ (ברירת מחדל)     — @media (min-width: 1024px)
   אתר טאבלט                   — @media (min-width: 601px) and (max-width: 1023px)
   אתר טלפון עומד 375/320      — @media (max-width: 600px) and (orientation: portrait)
                                   תת-סף 320: @media (max-width: 340px)
   אתר טלפון שוכב 667/568      — @media (orientation: landscape) and (max-height: 480px)
*/

/* ═══ 02 — כסף טהור (kesef) — docs/design/theme-stages/02-kesef.md ═══
 * תכשיטנות גרפיט-וכסף: חלל כהה, מסגרת-תכשיט כפולה, טיפוגרפיה מתכתית (גרדיאנט
 * ב-background-clip:text). דקורציית DOM: אין (#stage-site-deco נשאר ריק).
 */
html[data-stage="kesef"] body { background: #0c0d10; color: #dfe3ea; }
html[data-stage="kesef"] #topbar { background: #0c0d10d9; backdrop-filter: blur(10px); border-bottom: 1px solid #aab1bd2e; }
html[data-stage="kesef"] #topbar .tb-bsd,
html[data-stage="kesef"] #topbar .tb-main { color: #dfe3ea; }
html[data-stage="kesef"] #topbar .tb-parasha { color: #9aa0ab; }
html[data-stage="kesef"] .tb-btn { color: #9aa0ab; }
html[data-stage="kesef"] nav { border-color: #aab1bd2e; background: transparent; }
html[data-stage="kesef"] nav button { color: #9aa0ab; border-left-color: #aab1bd2e; background: transparent; }
html[data-stage="kesef"] nav button.active,
html[data-stage="kesef"] nav button:hover { background: transparent; color: #f2f4f8; box-shadow: inset 0 -2px 0 #c9ced8; }
html[data-stage="kesef"] .header { background: radial-gradient(90% 120% at 50% -20%, #21242b, #0c0d10 72%); border: none; box-shadow: none; }
html[data-stage="kesef"] .header::before { display: none; }
html[data-stage="kesef"] .shul-pre { color: #8b919c; }
html[data-stage="kesef"] .shul-name {
  font-family: 'Secular One', sans-serif; font-weight: 400;
  background: linear-gradient(105deg, #7c828d, #c9ced8 35%, #f2f4f8 50%, #aab1bd 65%, #7c828d);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-stage="kesef"] .shul-sub { color: #9aa0ab; }
html[data-stage="kesef"] #stage-hero-chip { background: #ffffff08; border: 1px solid #aab1bd45; color: #c9ced8; }
html[data-stage="kesef"] #stage-hero-chip .shc-main,
html[data-stage="kesef"] #stage-hero-chip .shc-sub { color: #f2f4f8; }
html[data-stage="kesef"] .card { background: #14161b; border: 1px solid #aab1bd2b; }
html[data-stage="kesef"] .card-title { font-family: 'Secular One', sans-serif; font-weight: 400; color: #c9ced8; border-bottom-color: #aab1bd2b; }
html[data-stage="kesef"] .zman-label,
html[data-stage="kesef"] .zman-row.tefila .zman-label { color: #dfe3ea; }
html[data-stage="kesef"] .zman-time { color: #f2f4f8; }
html[data-stage="kesef"] .zman-time.sec { color: #9aa0ab; }
html[data-stage="kesef"] .zman-row { border-bottom-color: #aab1bd1f; }
html[data-stage="kesef"] .zman-row.minyan2 { background: #ffffff08; }
html[data-stage="kesef"] .ann-title { color: #dfe3ea; }
html[data-stage="kesef"] .ann-body { color: #9aa0ab; }
html[data-stage="kesef"] .ann-date { color: #7c828d; }
html[data-stage="kesef"] .ann-row { border-bottom-color: #aab1bd1f; }
html[data-stage="kesef"] .shiur-card { background: #14161b; border-color: #aab1bd2b; }
html[data-stage="kesef"] .shiur-icon { background: #ffffff08; }
html[data-stage="kesef"] .shiur-info h3 { color: #dfe3ea; }
html[data-stage="kesef"] .shiur-info p { color: #9aa0ab; }
html[data-stage="kesef"] .badge { background: #ffffff08; color: #c9ced8; border-color: #aab1bd2b; }
html[data-stage="kesef"] .parasha-banner { background: #14161b; border-color: #aab1bd2b; }
html[data-stage="kesef"] .par-label { color: #8b919c; }
html[data-stage="kesef"] .par-name { color: #f2f4f8; }
html[data-stage="kesef"] .shabbat-shalom { color: #f2f4f8; border-color: #aab1bd45; }
html[data-stage="kesef"] .section-label { color: #8b919c; border-bottom-color: #aab1bd2b; }
html[data-stage="kesef"] .minyan-label { background: #ffffff08; color: #c9ced8; }
html[data-stage="kesef"] .week-nav button,
html[data-stage="kesef"] .refdate-bar button { color: #c9ced8; border-color: #aab1bd45; background: transparent; }
html[data-stage="kesef"] .week-nav button:hover,
html[data-stage="kesef"] .refdate-bar button:hover { background: #ffffff10; color: #f2f4f8; }
html[data-stage="kesef"] .week-label,
html[data-stage="kesef"] .refdate-bar { color: #9aa0ab; }
html[data-stage="kesef"] .refdate-bar input[type="date"] { color: #c9ced8; border-color: #aab1bd45; background: #ffffff08; }
html[data-stage="kesef"] .refdate-banner { background: #14161b; border-color: #aab1bd45; color: #dfe3ea; }
html[data-stage="kesef"] .day-card { background: #14161b; border-color: #aab1bd2b; }
html[data-stage="kesef"] .day-card:hover,
html[data-stage="kesef"] .day-card.selected { background: #1c1f26; border-color: #aab1bd66; }
html[data-stage="kesef"] .day-card.shabbat { background: #1b1d22; }
html[data-stage="kesef"] .day-card.today { border-color: #c9ced8; box-shadow: 0 2px 10px #00000066; background: #1c1f26; }
html[data-stage="kesef"] .day-name { color: #8b919c; }
html[data-stage="kesef"] .day-date { color: #f2f4f8; }
html[data-stage="kesef"] .day-shkia { color: #9aa0ab; }
html[data-stage="kesef"] .day-detail { background: #14161b; border-color: #aab1bd2b; }
html[data-stage="kesef"] .day-detail-title { color: #c9ced8; border-bottom-color: #aab1bd2b; }
html[data-stage="kesef"] .source-note { color: #7c828d; }
html[data-stage="kesef"] .footer { color: #7c828d; border-top-color: #aab1bd22; }

/* פר-פוזיציה — אתר (§5): טלפון שוכב — שם מתכתי + chip בשורה אחת (crest/building
   כבר מוסתרים ע"י כלל-העל של התשתית) */
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="kesef"] .header { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; padding: .6rem 1rem; }
  html[data-stage="kesef"] .header-row { display: contents; }
  html[data-stage="kesef"] .header-center { flex: 0 0 auto; }
  html[data-stage="kesef"] .shul-pre,
  html[data-stage="kesef"] .shul-sub { display: none; }
  html[data-stage="kesef"] .shul-name { font-size: 20px; margin: 0; }
  html[data-stage="kesef"] #stage-hero-chip { margin-top: 0; }
}

/* ── מסך התצוגה: מסך אחד עומד + טיקר הודעות נע (ברירת מחדל = שוכב 16:9) ── */
html[data-stage="kesef"] #display-mode { background: radial-gradient(120% 110% at 50% -5%, #1b1d22 0%, #101216 55%, #0a0b0e 100%); }
html[data-stage="kesef"] .stg-kesef-screen { color: #dfe3ea; font-family: 'Frank Ruhl Libre', serif; overflow: hidden; display: flex; flex-direction: column; }
html[data-stage="kesef"] .stg-kesef-masthead { flex: 0 0 auto; }
html[data-stage="kesef"] .stg-kesef-body { flex: 1 1 auto; min-height: 0; }
html[data-stage="kesef"] .stg-kesef-screen::before {
  content: ''; position: absolute; inset: 13px; border: 1px solid #aab1bd66;
  outline: 1px solid #aab1bd2a; outline-offset: 6px; border-radius: 6px; pointer-events: none; z-index: 2;
}
html[data-stage="kesef"] .stg-kesef-masthead { position: relative; z-index: 1; text-align: center; padding-top: clamp(18px, 4vh, 40px); }
html[data-stage="kesef"] .stg-kesef-clock {
  display: inline-block; font-family: 'Secular One', sans-serif; font-size: 15px; color: #c9ced8;
  background: #ffffff0a; border: 1px solid #ffffff20; border-radius: 999px; padding: 4px 16px; margin-bottom: 10px;
}
html[data-stage="kesef"] .stg-kesef-title {
  font-family: 'Secular One', sans-serif; font-size: clamp(23px, 4.3vw, 47px);
  background: linear-gradient(105deg, #7c828d, #c9ced8 35%, #f2f4f8 50%, #aab1bd 65%, #7c828d);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-stage="kesef"] .stg-kesef-date { font-weight: 300; color: #9aa0ab; font-size: 14px; margin-top: 4px; }
html[data-stage="kesef"] .stg-kesef-body {
  position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1.18fr 1fr;
  gap: 24px; padding: 2vh 4vw; align-items: center;
}
html[data-stage="kesef"] .stg-kesef-col-title { font-family: 'Secular One', sans-serif; color: #c9ced8; font-size: 15px; text-align: center; margin-bottom: 8px; }
html[data-stage="kesef"] .stg-kesef-row { display: flex; justify-content: space-between; font-weight: 300; padding: 4px 6px; font-size: 14px; }
html[data-stage="kesef"] .stg-kesef-val { font-weight: 600; color: #f2f4f8; }
html[data-stage="kesef"] .stg-kesef-row-next .stg-kesef-val { color: #fff; }
html[data-stage="kesef"] .stg-kesef-hero {
  border: 1px solid #aab1bd40; border-radius: 14px; background: linear-gradient(180deg, #ffffff06, #ffffff00);
  text-align: center; padding: 3vh 1vw; transition: outline .3s;
}
html[data-stage="kesef"] .stg-kesef-hero-label { color: #c9ced8; font-size: 15px; }
html[data-stage="kesef"] .stg-kesef-hero-time {
  font-family: 'Secular One', sans-serif; font-size: clamp(38px, 7.2vw, 80px);
  background: linear-gradient(180deg, #f2f4f8, #aab1bd 60%, #7c828d);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-stage="kesef"] .stg-kesef-hero-sub { color: #9aa0ab; font-size: 14px; }
html[data-stage="kesef"] .stg-kesef-hero-armed { outline: 1px solid #f2f4f8; }
html[data-stage="kesef"] .stg-kesef-ticker {
  position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 1;
  background: #ffffff08; border: 1px solid #ffffff16; border-radius: 999px; overflow: hidden; white-space: nowrap; padding: 8px 0;
  direction: ltr; /* המסלול הפיזי (translateX) נכתב בסגנון LTR; direction:ltr כאן
    הופך את היישור כברירת-מחדל של ה-inline-block ואת padding-inline-start לתואמים
    לו, כדי שהתוכן ייכנס מימין ויעבור דרך החלון הנראה — לא יישאר תמיד מחוץ למסך.
    הטקסט העברי עצמו ממשיך להיות מכוון נכון ע"י אלגוריתם ה-bidi (ריצה חזקה-RTL). */
}
html[data-stage="kesef"] .stg-kesef-tick-track {
  display: inline-block; padding-inline-start: 100%; color: #c2c7d0; font-size: 14px; animation: stgKesefTick 30s linear infinite;
}
html[data-stage="kesef"] .stg-kesef-tick-sep { margin: 0 16px; opacity: .5; }
@keyframes stgKesefTick { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
  html[data-stage="kesef"] .stg-kesef-tick-track { animation: none; padding-inline-start: 0; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: block; text-align: center; }
}

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — התכשיט מתארך; hero לרצועה מלאת-רוחב;
   שתי הרשימות זו-לצד-זו כשתי עמודות צרות */
@media (orientation: portrait) {
  html[data-stage="kesef"] .stg-kesef-body { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 14px; padding: 2vh 4vw calc(2vh + 60px); }
  html[data-stage="kesef"] .stg-kesef-hero { grid-column: 1 / -1; order: -1; padding: 2.2vh 4vw; }
  html[data-stage="kesef"] .stg-kesef-hero-time { font-size: clamp(48px, 13vw, 72px); }
  html[data-stage="kesef"] .stg-kesef-col-title { font-size: 13px; }
  html[data-stage="kesef"] .stg-kesef-row { font-size: 12.5px; padding: 3px 4px; }
}
/* שוכב 4:3: שלוש העמודות ביחס שווה */
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="kesef"] .stg-kesef-body { grid-template-columns: 1fr 1fr 1fr; }
}

/* ═══ 01 — שחר במדבר יהודה (midbar) — docs/design/theme-stages/01-midbar.md ═══
 * עלות השחר מעל דיונות מדבר יהודה. זמן-הבמה המרכזי: הנץ החמה (לא חוק 3.6).
 */
html[data-stage="midbar"] body { background: #f6ecd6; color: #3f2f1a; }
html[data-stage="midbar"] #topbar,
html[data-stage="midbar"] nav { background: #3a244acc; backdrop-filter: blur(10px); color: #ffe9c8; border-color: transparent; }
html[data-stage="midbar"] #topbar .tb-main,
html[data-stage="midbar"] #topbar .tb-bsd { color: #ffe9c8; font-family: 'David Libre', serif; font-weight: 700; }
html[data-stage="midbar"] #topbar .tb-parasha,
html[data-stage="midbar"] .tb-btn { color: #ffe9c8; }
html[data-stage="midbar"] nav button { color: #ffe9c8; border-left-color: #ffffff22; background: transparent; }
html[data-stage="midbar"] nav button.active,
html[data-stage="midbar"] nav button:hover { background: transparent; color: #ffd98a; box-shadow: inset 0 -2px 0 #ffb45c; }
html[data-stage="midbar"] .header {
  background: linear-gradient(180deg, #1d2440 0%, #5c3a63 30%, #c96f56 60%, #e8b06a 82%, #f0d9a8 100%);
  border: none; box-shadow: none; overflow: hidden;
}
html[data-stage="midbar"] .header::before { display: none; }
html[data-stage="midbar"] .header-center,
html[data-stage="midbar"] .shul-sub,
html[data-stage="midbar"] .address { color: #fdf6e8; text-shadow: 0 1px 12px rgba(35, 20, 50, .5); }
html[data-stage="midbar"] #stage-site-deco::before,
html[data-stage="midbar"] #stage-site-deco::after {
  content: ''; position: absolute; border-radius: 50% 50% 0 0;
}
html[data-stage="midbar"] #stage-site-deco::before { width: 90%; height: 32%; bottom: -16%; right: -16%; background: #b98a4f; }
html[data-stage="midbar"] #stage-site-deco::after { width: 100%; height: 28%; bottom: -15%; left: -22%; background: #8f6234; }
html[data-stage="midbar"] .shul-pre { color: #ffe3bd; letter-spacing: .22em; text-shadow: 0 1px 12px rgba(35, 20, 50, .5); }
html[data-stage="midbar"] .shul-name { font-family: 'David Libre', serif; font-weight: 700; color: #fff6e2; text-shadow: 0 1px 12px rgba(35, 20, 50, .5); }
html[data-stage="midbar"] #stage-hero-chip { background: #2a1d3a4a; border: 1px solid #ffffff30; color: #ffe9be; backdrop-filter: blur(6px); }
html[data-stage="midbar"] #stage-hero-chip .shc-main { color: #fffaf0; font-weight: 700; }
html[data-stage="midbar"] .card { background: #fffaf0; border: 1.5px solid #d9bd8c; box-shadow: 0 10px 24px rgba(120, 85, 40, .12); }
html[data-stage="midbar"] .card-title { font-family: 'David Libre', serif; font-weight: 700; color: #a0522d; border-bottom-color: #d9bd8c; }
html[data-stage="midbar"] .footer { color: #8a6d45; border-top: 1.5px solid #d9bd8c; }

/* פר-פוזיציה — אתר (§2): טאבלט — chip לשורה משלו (מבנית תמיד, ראו הערת kesef);
   טלפון עומד — ללא שינוי נוסף מעבר לתשתית; טלפון שוכב — הדר מתקפל, דיונות מונמכות */
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="midbar"] .header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: .5rem 1rem; }
  html[data-stage="midbar"] .header-row { display: contents; }
  html[data-stage="midbar"] .header-center { flex: 1; text-align: right; }
  html[data-stage="midbar"] .shul-sub { display: none; }
  html[data-stage="midbar"] .shul-name { font-size: 19px; margin: 0; }
  html[data-stage="midbar"] #stage-hero-chip { margin-top: 0; }
  html[data-stage="midbar"] #stage-site-deco::before { height: 20%; }
  html[data-stage="midbar"] #stage-site-deco::after { height: 18%; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="midbar"] #display-mode { background: linear-gradient(180deg, #1d2440 0%, #5c3a63 26%, #c96f56 52%, #e8b06a 72%, #f0d9a8 100%); }
html[data-stage="midbar"] .stg-midbar-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; display: flex; flex-direction: column; }
html[data-stage="midbar"] .stg-midbar-masthead { flex: 0 0 auto; }
html[data-stage="midbar"] .stg-midbar-body { flex: 1 1 auto; min-height: 0; }
html[data-stage="midbar"] .stg-midbar-dune { position: absolute; border-radius: 50% 50% 0 0; z-index: 0; }
html[data-stage="midbar"] .stg-midbar-dune-1 { width: 90%; height: 32%; bottom: -16%; right: -16%; background: #b98a4f; }
html[data-stage="midbar"] .stg-midbar-dune-2 { width: 100%; height: 28%; bottom: -15%; left: -22%; background: #8f6234; }
html[data-stage="midbar"] .stg-midbar-masthead,
html[data-stage="midbar"] .stg-midbar-body,
html[data-stage="midbar"] .stg-midbar-ticker { position: relative; z-index: 1; }
html[data-stage="midbar"] .stg-midbar-masthead { text-align: center; padding-top: clamp(16px, 3.6vh, 36px); }
html[data-stage="midbar"] .stg-midbar-masthead * { text-shadow: 0 1px 12px rgba(35, 20, 50, .5); }
html[data-stage="midbar"] .stg-midbar-clock {
  display: inline-block; font-family: 'David Libre', serif; font-size: 15px; color: #ffe9be;
  background: #2a1d3a4a; border: 1px solid #ffffff30; backdrop-filter: blur(6px); border-radius: 999px; padding: 4px 16px; margin-bottom: 10px;
}
html[data-stage="midbar"] .stg-midbar-title { font-family: 'David Libre', serif; font-weight: 700; font-size: clamp(22px, 4.2vw, 45px); color: #fff6e2; line-height: 1.08; }
html[data-stage="midbar"] .stg-midbar-date { font-weight: 300; color: #ffe3bd; font-size: 14px; margin-top: 4px; }
html[data-stage="midbar"] .stg-midbar-body { display: grid; grid-template-columns: 1fr 1.18fr 1fr; gap: 24px; padding: 2vh 4vw; align-items: center; }
html[data-stage="midbar"] .stg-midbar-col-title {
  color: #ffe3bd; letter-spacing: .18em; font-size: 14px; text-align: center; margin-bottom: 10px; position: relative; padding-bottom: 8px;
}
html[data-stage="midbar"] .stg-midbar-col-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 44px; height: 2px; background: #ffb45c; }
html[data-stage="midbar"] .stg-midbar-row { display: flex; justify-content: space-between; font-weight: 300; padding: 4px 6px; font-size: 14px; color: #ffe3bd; text-shadow: 0 1px 12px rgba(35, 20, 50, .5); }
html[data-stage="midbar"] .stg-midbar-val { font-weight: 700; color: #fff; }
html[data-stage="midbar"] .stg-midbar-row-next .stg-midbar-val { color: #ffd98a; }
html[data-stage="midbar"] .stg-midbar-hero { text-align: center; padding: 3vh 1vw; }
html[data-stage="midbar"] .stg-midbar-hero-label { color: #ffe3bd; letter-spacing: .28em; font-size: 14px; }
html[data-stage="midbar"] .stg-midbar-hero-time { font-family: 'David Libre', serif; font-weight: 700; font-size: clamp(40px, 7.6vw, 84px); color: #fffaf0; }
html[data-stage="midbar"] .stg-midbar-hero-sub { color: #ffe3bd; font-size: 14px; }
html[data-stage="midbar"] .stg-midbar-ticker {
  position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 1;
  background: #2a1d3a55; border: 1px solid #ffffff22; backdrop-filter: blur(6px); border-radius: 999px; overflow: hidden; white-space: nowrap; padding: 8px 0;
  direction: ltr; /* ראו הערה בקסף — translateX פיזי דורש LTR כדי שהתוכן ייכנס לחלון הנראה */
}
html[data-stage="midbar"] .stg-midbar-tick-track { display: inline-block; padding-inline-start: 100%; color: #ffe9c8; font-size: 14px; animation: stgMidbarTick 26s linear infinite; }
html[data-stage="midbar"] .stg-midbar-tick-sep { margin: 0 16px; opacity: .5; }
@keyframes stgMidbarTick { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  html[data-stage="midbar"] .stg-midbar-tick-track { animation: none; padding-inline-start: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; text-align: center; }
}

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — רצועות השחר הן הקומפוזיציה (החלפת-דיו,
   לא הקטנה); שוכב 4:3 — שלוש עמודות שוות */
@media (orientation: portrait) {
  html[data-stage="midbar"] .stg-midbar-screen { display: flex; flex-direction: column; }
  html[data-stage="midbar"] .stg-midbar-masthead { flex: 0 0 auto; padding-top: 4vh; padding-bottom: 2vh; }
  html[data-stage="midbar"] .stg-midbar-body { flex: 1 1 auto; grid-template-columns: 1fr; grid-auto-rows: auto; gap: 0; padding: 0 6vw calc(2vh + 60px); }
  html[data-stage="midbar"] .stg-midbar-hero { order: -1; padding: 4vh 4vw; }
  html[data-stage="midbar"] .stg-midbar-hero-time { font-size: clamp(46px, 12vw, 68px); }
  html[data-stage="midbar"] .stg-midbar-col { padding: 2.4vh 0; }
  html[data-stage="midbar"] .stg-midbar-col:nth-of-type(1),
  html[data-stage="midbar"] .stg-midbar-col:nth-of-type(2) {
    color: #3f2f1a;
  }
  html[data-stage="midbar"] .stg-midbar-col .stg-midbar-row,
  html[data-stage="midbar"] .stg-midbar-col .stg-midbar-col-title { text-shadow: none; color: #3f2f1a; }
  html[data-stage="midbar"] .stg-midbar-col .stg-midbar-val { color: #5c3a1f; }
  html[data-stage="midbar"] .stg-midbar-col .stg-midbar-row-next .stg-midbar-val { color: #a0522d; }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="midbar"] .stg-midbar-body { grid-template-columns: 1fr 1fr 1fr; }
  html[data-stage="midbar"] .stg-midbar-date { max-width: 70vw; margin: 4px auto 0; }
}

/* ═══ 05 — ליל כוכבים · מוצ"ש (leil) — docs/design/theme-stages/05-leil.md ═══
 * שדה כוכבים + ירח. זמן-הבמה המרכזי: צאת השבת/הכוכבים (לא חוק 3.6).
 */
html[data-stage="leil"] body {
  background:
    radial-gradient(2px 2px at 8% 6%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 22% 12%, #fff, transparent),
    radial-gradient(2px 2px at 40% 4%, #dfe7ff, transparent),
    radial-gradient(1.5px 1.5px at 65% 9%, #fff, transparent),
    radial-gradient(2px 2px at 85% 5%, #dfe7ff, transparent),
    linear-gradient(180deg, #0c1428 0%, #0a1122 55%, #070b18 100%);
  color: #e6ecf7;
}
html[data-stage="leil"] #topbar,
html[data-stage="leil"] nav { background: #0c1428d9; backdrop-filter: blur(10px); border-color: #ffffff16; color: #9fadc9; }
html[data-stage="leil"] #topbar .tb-main,
html[data-stage="leil"] #topbar .tb-bsd { color: #fff; text-shadow: 0 0 16px #a8c0ff88; }
html[data-stage="leil"] #topbar .tb-parasha,
html[data-stage="leil"] .tb-btn { color: #9fadc9; }
html[data-stage="leil"] nav button { color: #9fadc9; border-left-color: #ffffff16; background: transparent; }
html[data-stage="leil"] nav button.active,
html[data-stage="leil"] nav button:hover { background: transparent; color: #fff; text-shadow: 0 0 16px #a8c0ff88; box-shadow: none; }
html[data-stage="leil"] .header { background: transparent; border: none; box-shadow: none; }
html[data-stage="leil"] .header::before { display: none; }
html[data-stage="leil"] #stage-site-deco::before {
  content: ''; position: absolute; top: 12%; inset-inline-end: 9%; width: 64px; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle at 38% 36%, #fdfaf0, #d9d4c2 70%);
  box-shadow: inset -9px -5px 0 2px #b9b4a0aa, 0 0 40px #e9e4ce55;
}
html[data-stage="leil"] .shul-pre { color: #8fa0c0; }
html[data-stage="leil"] .shul-name { font-weight: 200; color: #fff; }
html[data-stage="leil"] .stg-leil-brand-b { font-weight: 800; }
html[data-stage="leil"] .shul-sub { color: #9fadc9; }
html[data-stage="leil"] #stage-hero-chip { background: #ffffff0a; border: 1px solid #ffffff22; color: #c3cee4; }
html[data-stage="leil"] #stage-hero-chip .shc-main { color: #fff; font-weight: 200; text-shadow: 0 0 24px #a8c0ff66; }
html[data-stage="leil"] .card { background: #111a33; border: 1px solid #ffffff18; }
html[data-stage="leil"] .card-title { color: #8fa0c0; letter-spacing: .16em; border-bottom-color: #ffffff18; }
html[data-stage="leil"] .zman-label,
html[data-stage="leil"] .zman-row.tefila .zman-label { color: #e6ecf7; }
html[data-stage="leil"] .zman-time { color: #fff; }
html[data-stage="leil"] .zman-time.sec { color: #9fadc9; }
html[data-stage="leil"] .zman-row { border-bottom-color: #ffffff14; }
html[data-stage="leil"] .ann-title { color: #e6ecf7; }
html[data-stage="leil"] .ann-body { color: #9fadc9; }
html[data-stage="leil"] .ann-date { color: #7f8da3; }
html[data-stage="leil"] .ann-row { border-bottom-color: #ffffff14; }
html[data-stage="leil"] .shiur-card { background: #111a33; border-color: #ffffff18; }
html[data-stage="leil"] .shiur-icon { background: #ffffff0a; }
html[data-stage="leil"] .shiur-info h3 { color: #e6ecf7; }
html[data-stage="leil"] .shiur-info p { color: #9fadc9; }
html[data-stage="leil"] .badge { background: #ffffff0a; color: #c3cee4; border-color: #ffffff18; }
html[data-stage="leil"] .parasha-banner { background: #111a33; border-color: #ffffff18; }
html[data-stage="leil"] .par-label { color: #8fa0c0; }
html[data-stage="leil"] .par-name { color: #fff; }
html[data-stage="leil"] .shabbat-shalom { color: #fff; border-color: #ffffff30; }
html[data-stage="leil"] .section-label { color: #8fa0c0; border-bottom-color: #ffffff18; }
html[data-stage="leil"] .minyan-label { background: #ffffff0a; color: #c3cee4; }
html[data-stage="leil"] .week-nav button,
html[data-stage="leil"] .refdate-bar button { color: #c3cee4; border-color: #ffffff30; background: transparent; }
html[data-stage="leil"] .week-nav button:hover,
html[data-stage="leil"] .refdate-bar button:hover { background: #ffffff10; color: #fff; }
html[data-stage="leil"] .week-label,
html[data-stage="leil"] .refdate-bar { color: #9fadc9; }
html[data-stage="leil"] .refdate-bar input[type="date"] { color: #c3cee4; border-color: #ffffff30; background: #ffffff0a; }
html[data-stage="leil"] .refdate-banner { background: #111a33; border-color: #ffffff30; color: #e6ecf7; }
html[data-stage="leil"] .day-card { background: #111a33; border-color: #ffffff18; }
html[data-stage="leil"] .day-card:hover,
html[data-stage="leil"] .day-card.selected { background: #17203d; border-color: #ffffff40; }
html[data-stage="leil"] .day-card.shabbat { background: #0f1830; }
html[data-stage="leil"] .day-card.today { border-color: #a8c0ff; box-shadow: 0 0 20px #a8c0ff33; background: #17203d; }
html[data-stage="leil"] .day-name { color: #8fa0c0; }
html[data-stage="leil"] .day-date { color: #fff; }
html[data-stage="leil"] .day-shkia { color: #9fadc9; }
html[data-stage="leil"] .day-detail { background: #111a33; border-color: #ffffff18; }
html[data-stage="leil"] .day-detail-title { color: #8fa0c0; border-bottom-color: #ffffff18; }
html[data-stage="leil"] .source-note { color: #7f8da3; }
html[data-stage="leil"] .footer { color: #7f8da3; border-top-color: #ffffff10; }

/* פר-פוזיציה — אתר (§2) */
@media (min-width: 601px) and (max-width: 1023px) {
  html[data-stage="leil"] #stage-site-deco::before { width: 52px; }
}
@media (max-width: 600px) and (orientation: portrait) {
  html[data-stage="leil"] #stage-site-deco::before { width: 44px; }
}
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="leil"] .header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: .5rem 1rem; }
  html[data-stage="leil"] .header-row { display: contents; }
  html[data-stage="leil"] .header-center { flex: 1; text-align: right; }
  html[data-stage="leil"] .shul-sub { display: none; }
  html[data-stage="leil"] .shul-name { font-size: 19px; margin: 0; }
  html[data-stage="leil"] #stage-hero-chip { margin-top: 0; }
  html[data-stage="leil"] #stage-site-deco::before { width: 32px; top: 6%; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="leil"] #display-mode { background: radial-gradient(130% 120% at 50% -12%, #17233f 0%, #0c1428 50%, #070b18 100%); }
html[data-stage="leil"] .stg-leil-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; font-weight: 300; display: flex; flex-direction: column; }
html[data-stage="leil"] .stg-leil-masthead { flex: 0 0 auto; }
html[data-stage="leil"] .stg-leil-body { flex: 1 1 auto; min-height: 0; }
html[data-stage="leil"] .stg-leil-star { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: #fff; box-shadow: 0 0 4px 1px #ffffffaa; z-index: 0; }
html[data-stage="leil"] .stg-leil-star-0 { top: 6%; left: 8%; }
html[data-stage="leil"] .stg-leil-star-1 { top: 14%; left: 22%; width: 1.5px; height: 1.5px; }
html[data-stage="leil"] .stg-leil-star-2 { top: 5%; left: 40%; }
html[data-stage="leil"] .stg-leil-star-3 { top: 18%; left: 55%; width: 1.5px; height: 1.5px; }
html[data-stage="leil"] .stg-leil-star-4 { top: 8%; left: 70%; }
html[data-stage="leil"] .stg-leil-star-5 { top: 20%; left: 85%; width: 1.5px; height: 1.5px; }
html[data-stage="leil"] .stg-leil-star-6 { top: 10%; left: 93%; }
html[data-stage="leil"] .stg-leil-moon {
  position: absolute; top: 8%; inset-inline-end: 7%; width: 9%; aspect-ratio: 1; border-radius: 50%; z-index: 0;
  background: radial-gradient(circle at 38% 36%, #fdfaf0, #d9d4c2 70%);
  box-shadow: inset -9px -5px 0 2px #b9b4a0aa, 0 0 40px #e9e4ce55;
}
html[data-stage="leil"] .stg-leil-masthead,
html[data-stage="leil"] .stg-leil-body,
html[data-stage="leil"] .stg-leil-ticker { position: relative; z-index: 1; }
html[data-stage="leil"] .stg-leil-masthead { text-align: center; padding-top: clamp(16px, 3.6vh, 36px); }
html[data-stage="leil"] .stg-leil-clock { display: inline-block; font-size: 15px; color: #dfe7f5; background: #ffffff0c; border-radius: 999px; padding: 4px 16px; margin-bottom: 10px; }
html[data-stage="leil"] .stg-leil-title { font-weight: 300; font-size: clamp(22px, 4vw, 44px); color: #f2f5fc; letter-spacing: .05em; }
html[data-stage="leil"] .stg-leil-date { font-weight: 300; color: #9fadc9; font-size: 14px; margin-top: 4px; }
html[data-stage="leil"] .stg-leil-body { display: grid; grid-template-columns: 1fr 1.18fr 1fr; gap: 24px; padding: max(2vh, 10vw, 130px) 4vw 2vh; align-items: center; }
html[data-stage="leil"] .stg-leil-col-title { color: #8fa0c0; letter-spacing: .2em; font-size: 14px; text-align: center; margin-bottom: 10px; }
html[data-stage="leil"] .stg-leil-row { display: flex; justify-content: space-between; padding: 4px 6px; font-size: 14px; font-weight: 300; }
html[data-stage="leil"] .stg-leil-val { font-weight: 700; color: #fff; }
html[data-stage="leil"] .stg-leil-row-next .stg-leil-val { text-shadow: 0 0 12px #a8c0ffaa; }
html[data-stage="leil"] .stg-leil-hero { text-align: center; padding: 3vh 1vw; }
html[data-stage="leil"] .stg-leil-hero-label { color: #c3cee4; letter-spacing: .3em; font-size: 14px; }
html[data-stage="leil"] .stg-leil-hero-time { font-weight: 200; font-size: clamp(44px, 8.4vw, 92px); color: #fff; text-shadow: 0 0 44px #a8c0ff55; }
html[data-stage="leil"] .stg-leil-hero-armed .stg-leil-hero-time { text-shadow: 0 0 44px #a8c0ff88; }
html[data-stage="leil"] .stg-leil-hero-sub { color: #9fadc9; font-size: 14px; }
html[data-stage="leil"] .stg-leil-ticker {
  position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 1;
  background: #ffffff09; border: 1px solid #ffffff16; border-radius: 999px; overflow: hidden; white-space: nowrap; padding: 8px 0;
  direction: ltr; /* ראו הערה בקסף — translateX פיזי דורש LTR כדי שהתוכן ייכנס לחלון הנראה */
}
html[data-stage="leil"] .stg-leil-tick-track { display: inline-block; padding-inline-start: 100%; color: #bcc8de; font-size: 14px; animation: stgLeilTick 26s linear infinite; }
html[data-stage="leil"] .stg-leil-tick-sep { margin: 0 16px; opacity: .5; }
@keyframes stgLeilTick { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  html[data-stage="leil"] .stg-leil-tick-track { animation: none; padding-inline-start: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; text-align: center; }
}

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — עומק שמים; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="leil"] #display-mode { background: radial-gradient(140% 60% at 50% 0%, #17233f 0%, #0c1428 50%, #070b18 100%); }
  html[data-stage="leil"] .stg-leil-star-0 { top: 3%; }
  html[data-stage="leil"] .stg-leil-star-1 { top: 6%; }
  html[data-stage="leil"] .stg-leil-star-2 { top: 2%; }
  html[data-stage="leil"] .stg-leil-star-3 { top: 8%; }
  html[data-stage="leil"] .stg-leil-star-4 { top: 4%; }
  html[data-stage="leil"] .stg-leil-star-5 { top: 9%; }
  html[data-stage="leil"] .stg-leil-star-6 { top: 5%; }
  html[data-stage="leil"] .stg-leil-moon { top: 5%; }
  html[data-stage="leil"] .stg-leil-screen { display: flex; flex-direction: column; }
  html[data-stage="leil"] .stg-leil-masthead { flex: 0 0 auto; padding-top: 12%; }
  html[data-stage="leil"] .stg-leil-body { flex: 1 1 auto; grid-template-columns: 1fr; grid-auto-rows: auto; gap: 10px; padding: 2vh 6vw calc(2vh + 60px); justify-content: center; }
  html[data-stage="leil"] .stg-leil-hero { order: -1; padding: 4vh 4vw; }
  html[data-stage="leil"] .stg-leil-hero-time { font-size: clamp(50px, 13vw, 76px); }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="leil"] .stg-leil-body { grid-template-columns: 1fr 1fr 1fr; }
  html[data-stage="leil"] .stg-leil-moon { width: 8%; }
}

/* ═══ 04 — ניאון (neon) — docs/design/theme-stages/04-neon.md ═══
 * שלט ניאון כמעט-שחור: פסים אנכיים, זוהר ענברי מרובד + buzz, ערכי-זמן ציאן,
 * קווי-סריקה. גוון קבוע לארמון: #ffc24d (סטייה מתועדת §8 — אין משתנה פר-אתר).
 */
@keyframes stgNeonBuzz {
  0%, 90% { opacity: 1; }
  92% { opacity: .4; }
  94% { opacity: 1; }
  96% { opacity: .55; }
  98%, 100% { opacity: 1; }
}
html[data-stage="neon"] body {
  background: repeating-linear-gradient(90deg, #ffffff05 0 2px, transparent 2px 46px), #0c0e13;
  color: #e8ecf2;
}
html[data-stage="neon"] #topbar,
html[data-stage="neon"] nav { background: #0c0e13e0; backdrop-filter: blur(12px); border-color: color-mix(in srgb, #ffc24d 35%, transparent); color: #9aa4b5; }
html[data-stage="neon"] #topbar .tb-main,
html[data-stage="neon"] #topbar .tb-bsd { color: #e8ecf2; }
html[data-stage="neon"] #topbar .tb-parasha,
html[data-stage="neon"] .tb-btn { color: #9aa4b5; }
html[data-stage="neon"] nav button { color: #9aa4b5; border-left-color: color-mix(in srgb, #ffc24d 20%, transparent); background: transparent; }
html[data-stage="neon"] nav button.active,
html[data-stage="neon"] nav button:hover { background: transparent; color: #7df1ff; text-shadow: 0 0 10px #58e6ff; box-shadow: none; }
html[data-stage="neon"] .header { background: transparent; border: none; box-shadow: none; }
html[data-stage="neon"] .header::before { display: none; }
html[data-stage="neon"] .shul-pre { color: #8f99aa; letter-spacing: .34em; }
html[data-stage="neon"] .shul-name {
  font-family: 'Secular One', sans-serif; font-weight: 400; color: #fff;
  text-shadow: 0 0 4px #fff, 0 0 14px #ffc24d, 0 0 30px #ffc24d;
}
@media (prefers-reduced-motion: no-preference) { html[data-stage="neon"] .shul-name { animation: stgNeonBuzz 6s steps(1) infinite; } }
html[data-stage="neon"] .shul-sub { color: #9aa4b5; }
html[data-stage="neon"] #stage-hero-chip {
  border: 2px solid color-mix(in srgb, #ffc24d 65%, transparent); border-radius: 20px; background: transparent; color: #c8cfdb;
  box-shadow: 0 0 20px color-mix(in srgb, #ffc24d 35%, transparent), inset 0 0 20px color-mix(in srgb, #ffc24d 14%, transparent);
}
html[data-stage="neon"] #stage-hero-chip .shc-main { color: #fff; text-shadow: 0 0 6px #fff, 0 0 20px #ffc24d; }
html[data-stage="neon"] .card { background: #ffffff06; border: 1px solid #ffffff16; }
html[data-stage="neon"] .card-title { color: #8f99aa; letter-spacing: .2em; border-bottom-color: #ffffff16; }
html[data-stage="neon"] .zman-label,
html[data-stage="neon"] .zman-row.tefila .zman-label { color: #e8ecf2; }
html[data-stage="neon"] .zman-time { color: #7df1ff; text-shadow: 0 0 9px #58e6ff77; }
html[data-stage="neon"] .zman-time.sec { color: #9aa4b5; text-shadow: none; }
html[data-stage="neon"] .zman-row { border-bottom-color: #ffffff12; }
html[data-stage="neon"] .ann-title { color: #e8ecf2; }
html[data-stage="neon"] .ann-body { color: #9aa4b5; }
html[data-stage="neon"] .ann-date { color: #7d8595; }
html[data-stage="neon"] .ann-row { border-bottom-color: #ffffff12; }
html[data-stage="neon"] .shiur-card { background: #ffffff06; border-color: #ffffff16; }
html[data-stage="neon"] .shiur-icon { background: #ffffff08; }
html[data-stage="neon"] .shiur-info h3 { color: #e8ecf2; }
html[data-stage="neon"] .shiur-info p { color: #9aa4b5; }
html[data-stage="neon"] .badge { background: #ffffff08; color: #c8cfdb; border-color: #ffffff16; }
html[data-stage="neon"] .parasha-banner { background: #ffffff06; border-color: #ffffff16; }
html[data-stage="neon"] .par-label { color: #8f99aa; }
html[data-stage="neon"] .par-name { color: #7df1ff; text-shadow: 0 0 9px #58e6ff77; }
html[data-stage="neon"] .shabbat-shalom { color: #fff; border-color: color-mix(in srgb, #ffc24d 50%, transparent); }
html[data-stage="neon"] .section-label { color: #8f99aa; border-bottom-color: #ffffff16; }
html[data-stage="neon"] .minyan-label { background: #ffffff08; color: #c8cfdb; }
html[data-stage="neon"] .week-nav button,
html[data-stage="neon"] .refdate-bar button { color: #c8cfdb; border-color: color-mix(in srgb, #ffc24d 45%, transparent); background: transparent; }
html[data-stage="neon"] .week-nav button:hover,
html[data-stage="neon"] .refdate-bar button:hover { background: #ffffff10; color: #fff; }
html[data-stage="neon"] .week-label,
html[data-stage="neon"] .refdate-bar { color: #9aa4b5; }
html[data-stage="neon"] .refdate-bar input[type="date"] { color: #c8cfdb; border-color: color-mix(in srgb, #ffc24d 45%, transparent); background: #ffffff08; }
html[data-stage="neon"] .refdate-banner { background: #ffffff06; border-color: color-mix(in srgb, #ffc24d 45%, transparent); color: #e8ecf2; }
html[data-stage="neon"] .day-card { background: #ffffff06; border-color: #ffffff16; }
html[data-stage="neon"] .day-card:hover,
html[data-stage="neon"] .day-card.selected { background: #ffffff0c; border-color: #ffffff30; }
html[data-stage="neon"] .day-card.shabbat { background: #ffffff09; }
html[data-stage="neon"] .day-card.today { border-color: #ffc24d; box-shadow: 0 0 16px color-mix(in srgb, #ffc24d 40%, transparent); background: #ffffff0c; }
html[data-stage="neon"] .day-name { color: #8f99aa; }
html[data-stage="neon"] .day-date { color: #7df1ff; }
html[data-stage="neon"] .day-shkia { color: #9aa4b5; }
html[data-stage="neon"] .day-detail { background: #ffffff06; border-color: #ffffff16; }
html[data-stage="neon"] .day-detail-title { color: #8f99aa; border-bottom-color: #ffffff16; }
html[data-stage="neon"] .source-note { color: #7d8595; }
html[data-stage="neon"] .footer { color: #7d8595; border-top-color: #ffffff12; }

/* פר-פוזיציה — אתר (§2) */
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="neon"] .header { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; padding: .6rem 1rem; }
  html[data-stage="neon"] .header-row { display: contents; }
  html[data-stage="neon"] .header-center { flex: 0 0 auto; }
  html[data-stage="neon"] .shul-pre,
  html[data-stage="neon"] .shul-sub { display: none; }
  html[data-stage="neon"] .shul-name { font-size: 20px; }
  html[data-stage="neon"] #stage-hero-chip { margin-top: 0; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="neon"] #display-mode { background: repeating-linear-gradient(90deg, #ffffff05 0 2px, transparent 2px 46px), #0c0e13; }
html[data-stage="neon"] .stg-neon-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; display: flex; flex-direction: column; }
html[data-stage="neon"] .stg-neon-masthead { flex: 0 0 auto; }
html[data-stage="neon"] .stg-neon-body { flex: 1 1 auto; min-height: 0; }
html[data-stage="neon"] .stg-neon-scanlines {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 4px, #00000018 4px 5px);
}
html[data-stage="neon"] .stg-neon-masthead,
html[data-stage="neon"] .stg-neon-body,
html[data-stage="neon"] .stg-neon-ticker { position: relative; z-index: 1; }
html[data-stage="neon"] .stg-neon-masthead { text-align: center; padding-top: clamp(16px, 3.6vh, 36px); }
html[data-stage="neon"] .stg-neon-clock {
  display: inline-block; color: #7df1ff; background: transparent; border: 1px solid #7df1ff55;
  text-shadow: 0 0 10px #58e6ff; border-radius: 999px; padding: 4px 16px; margin-bottom: 10px; font-size: 15px;
}
html[data-stage="neon"] .stg-neon-title {
  font-family: 'Secular One', sans-serif; font-size: clamp(23px, 4.4vw, 48px); color: #fff;
  text-shadow: 0 0 4px #fff, 0 0 14px #ffc24d, 0 0 30px #ffc24d;
}
@media (prefers-reduced-motion: no-preference) { html[data-stage="neon"] .stg-neon-title { animation: stgNeonBuzz 6s steps(1) infinite; } }
html[data-stage="neon"] .stg-neon-date { font-weight: 300; color: #9aa4b5; font-size: 14px; margin-top: 4px; }
/* בידול מבני מול kesef (סבב hardening, ממצא P1): kesef היא שלוש עמודות
 * שוות-מעמד זו-לצד-זו עם מסגרת-התכשיט ממורכזת ביניהן; ניאון הופכת ל"קיר
 * שלטים מוערם" — שלט-הענק (hero) חוצה את מלוא הרוחב למעלה, ושני שלטי-תפריט
 * קטנים יותר (זמנים/תפילות) תלויים זה-לצד-זה מתחתיו. זו בדיוק הזהות שכבר
 * מוגדרת לעומד (9:16) במסמך הבמה — כאן היא הופכת לברירת המחדל בכל הפוזיציות,
 * לא רק בעומד, כך שההבדל מ-kesef נשמר בכל יחס מסך ולא רק כשהמסך צר. */
html[data-stage="neon"] .stg-neon-body { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto minmax(0, 1fr); gap: 18px 28px; padding: 2vh 5vw; }
html[data-stage="neon"] .stg-neon-col { grid-row: 2; min-height: 0; overflow: hidden; }
html[data-stage="neon"] .stg-neon-col-title { color: #8f99aa; letter-spacing: .24em; font-size: 14px; text-align: center; margin-bottom: 10px; }
html[data-stage="neon"] .stg-neon-row { display: flex; justify-content: space-between; font-weight: 300; padding: 4px 6px; font-size: 14px; }
html[data-stage="neon"] .stg-neon-val { font-weight: 700; color: #7df1ff; text-shadow: 0 0 9px #58e6ff77; }
html[data-stage="neon"] .stg-neon-row-next .stg-neon-val { color: #fff; text-shadow: 0 0 6px #fff, 0 0 14px #58e6ff; }
html[data-stage="neon"] .stg-neon-hero {
  grid-column: 1 / -1; grid-row: 1; align-self: start; text-align: center; padding: 2.4vh 5vw; border: 2px solid color-mix(in srgb, #ffc24d 65%, transparent); border-radius: 14px;
  box-shadow: 0 0 22px color-mix(in srgb, #ffc24d 35%, transparent), inset 0 0 22px color-mix(in srgb, #ffc24d 16%, transparent);
  transition: box-shadow .3s;
}
html[data-stage="neon"] .stg-neon-hero-label { color: #c8cfdb; letter-spacing: .3em; font-size: 14px; }
html[data-stage="neon"] .stg-neon-hero-time {
  font-family: 'Secular One', sans-serif; font-size: clamp(40px, 7.6vw, 84px); color: #fff;
  text-shadow: 0 0 6px #fff, 0 0 22px #ffc24d, 0 0 48px #ffc24d;
}
html[data-stage="neon"] .stg-neon-hero-sub { color: #9aa4b5; font-size: 14px; }
html[data-stage="neon"] .stg-neon-hero-armed {
  box-shadow: 0 0 34px color-mix(in srgb, #ffc24d 50%, transparent), inset 0 0 34px color-mix(in srgb, #ffc24d 24%, transparent);
}
html[data-stage="neon"] .stg-neon-hero-armed .stg-neon-hero-time {
  text-shadow: 0 0 6px #fff, 0 0 22px #ffc24d, 0 0 48px #ffc24d, 0 0 80px color-mix(in srgb, #ffc24d 50%, transparent);
}
html[data-stage="neon"] .stg-neon-ticker {
  position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 1;
  background: #ffffff06; border: 1px solid #ffffff14; border-radius: 999px; overflow: hidden; white-space: nowrap; padding: 8px 0;
  direction: ltr; /* ראו הערה בקסף — translateX פיזי דורש LTR כדי שהתוכן ייכנס לחלון הנראה */
}
html[data-stage="neon"] .stg-neon-tick-track { display: inline-block; padding-inline-start: 100%; color: #aeb8c8; font-size: 14px; animation: stgNeonTick 28s linear infinite; }
html[data-stage="neon"] .stg-neon-tick-sep { margin: 0 16px; opacity: .5; }
@keyframes stgNeonTick { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  html[data-stage="neon"] .stg-neon-tick-track { animation: none; padding-inline-start: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; text-align: center; }
}

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — עמוד שלטים; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="neon"] .stg-neon-screen { display: flex; flex-direction: column; }
  html[data-stage="neon"] .stg-neon-masthead { flex: 0 0 auto; padding-top: 4vh; padding-bottom: 1vh; }
  html[data-stage="neon"] .stg-neon-body { flex: 1 1 auto; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 14px; padding: 1vh 5vw calc(2vh + 60px); }
  html[data-stage="neon"] .stg-neon-hero { grid-column: 1 / -1; order: -1; padding: 2.2vh 4vw; }
  html[data-stage="neon"] .stg-neon-hero-time { font-size: clamp(46px, 12vw, 70px); }
  html[data-stage="neon"] .stg-neon-col-title { font-size: 13px; }
  html[data-stage="neon"] .stg-neon-row { font-size: 12.5px; padding: 3px 4px; }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="neon"] .stg-neon-body { padding: 1.6vh 4vw; gap: 12px 20px; }
  html[data-stage="neon"] .stg-neon-hero { padding: 1.6vh 3vw; }
}

/* ═══ 08 — נר תמיד · קולנועי (ner) — docs/design/theme-stages/08-ner.md ═══
 * היכל חשוך, עששית תלויה + אלומת-אור + גחלים, קומפוזיציה אנכית ממורכזת
 * (לא גריד עמודות), הזמן במילוי זהב. ⛔ בלי candle-flame של המנוע — בנייה עצמאית.
 */
@keyframes stgNerFlicker { 0%, 100% { transform: scaleY(1) rotate(-1deg); } 50% { transform: scaleY(1.08) rotate(1deg); } }
@keyframes stgNerRise { 0% { transform: translateY(0) scale(1); opacity: 0; } 15% { opacity: 1; } 100% { transform: translateY(-34vh) scale(.3); opacity: 0; } }
@keyframes stgNerFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

html[data-stage="ner"] body { background: radial-gradient(85% 40% at 50% 6%, #3a2410 0%, #1c1108 40%, #0a0603 100%); color: #f2e6cf; }
html[data-stage="ner"] #topbar,
html[data-stage="ner"] nav { background: #0a0603d9; backdrop-filter: blur(8px); border-color: #d4af3722; color: #b39d74; }
html[data-stage="ner"] #topbar .tb-main { color: #e9d5a6; font-weight: 300; letter-spacing: .22em; }
html[data-stage="ner"] #topbar .tb-bsd,
html[data-stage="ner"] #topbar .tb-parasha,
html[data-stage="ner"] .tb-btn { color: #b39d74; }
html[data-stage="ner"] nav button { color: #b39d74; border-left-color: #d4af3722; background: transparent; }
html[data-stage="ner"] nav button.active,
html[data-stage="ner"] nav button:hover { background: transparent; color: #f2dfa6; box-shadow: inset 0 -2px 0 #c99a3e; }
html[data-stage="ner"] .header { background: transparent; border: none; box-shadow: none; padding-top: 9.5%; position: relative; }
html[data-stage="ner"] .header::before { display: none; }
html[data-stage="ner"] .stg-ner-site-lantern { position: absolute; top: 0; inset-inline-start: 50%; transform: translateX(-50%); width: 26px; height: 9.5%; min-height: 60px; }
html[data-stage="ner"] .stg-ner-site-chain { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: calc(100% - 34px); background: linear-gradient(180deg, #6e5225, #d9b26a); }
html[data-stage="ner"] .stg-ner-site-vessel {
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 26px; height: 34px;
  background: radial-gradient(circle at 32% 28%, #f4d68a, #c99a3e 45%, #7a5a1c 85%);
  border-radius: 42% 42% 50% 50% / 32% 32% 68% 68%; box-shadow: 0 0 30px #ffbf5e66;
}
html[data-stage="ner"] .stg-ner-site-flame {
  position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 10px; height: 16px;
  background: linear-gradient(180deg, #fff6dc, #ffb84d 55%, #c96a2e); border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  filter: drop-shadow(0 0 12px #ffb84d);
}
@media (prefers-reduced-motion: no-preference) { html[data-stage="ner"] .stg-ner-site-flame { animation: stgNerFlicker 2.5s ease-in-out infinite; } }
html[data-stage="ner"] .shul-pre { color: #e9cf96; letter-spacing: .4em; }
html[data-stage="ner"] .shul-name {
  font-weight: 200; background: linear-gradient(180deg, #fff6dc, #f2cf8a 55%, #c99a3e);
  -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: .1em;
}
html[data-stage="ner"] .shul-name.stg-ner-tight { letter-spacing: normal; }
html[data-stage="ner"] .stg-ner-brand-b { font-weight: 800; }
html[data-stage="ner"] .shul-sub { color: #b39d74; }
html[data-stage="ner"] #stage-hero-chip { background: #ffffff07; border: 1px solid #d4af3740; color: #e9cf96; }
html[data-stage="ner"] #stage-hero-chip .shc-main {
  background: linear-gradient(180deg, #fff6dc, #f2cf8a 55%, #c99a3e); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700;
}
html[data-stage="ner"] .card { background: #ffffff06; border: 1px solid #ffffff14; }
html[data-stage="ner"] .card-title { color: #c9ae76; letter-spacing: .2em; border-bottom-color: #ffffff14; }
html[data-stage="ner"] .zman-label,
html[data-stage="ner"] .zman-row.tefila .zman-label { color: #f7ead0; }
html[data-stage="ner"] .zman-time { color: #f7ead0; }
html[data-stage="ner"] .zman-time.sec { color: #b39d74; }
html[data-stage="ner"] .zman-row { border-bottom-color: #ffffff10; }
html[data-stage="ner"] .ann-title { color: #f7ead0; }
html[data-stage="ner"] .ann-body { color: #b39d74; }
html[data-stage="ner"] .ann-date { color: #a58f68; }
html[data-stage="ner"] .ann-row { border-bottom-color: #ffffff10; }
html[data-stage="ner"] .shiur-card { background: #ffffff06; border-color: #ffffff14; }
html[data-stage="ner"] .shiur-icon { background: #ffffff08; }
html[data-stage="ner"] .shiur-info h3 { color: #f7ead0; }
html[data-stage="ner"] .shiur-info p { color: #b39d74; }
html[data-stage="ner"] .badge { background: #ffffff08; color: #e9cf96; border-color: #ffffff14; }
html[data-stage="ner"] .parasha-banner { background: #ffffff06; border-color: #ffffff14; }
html[data-stage="ner"] .par-label { color: #c9ae76; }
html[data-stage="ner"] .par-name { color: #f7ead0; }
html[data-stage="ner"] .shabbat-shalom { color: #f2dfa6; border-color: #d4af3740; }
html[data-stage="ner"] .section-label { color: #c9ae76; border-bottom-color: #ffffff14; }
html[data-stage="ner"] .minyan-label { background: #ffffff08; color: #e9cf96; }
html[data-stage="ner"] .week-nav button,
html[data-stage="ner"] .refdate-bar button { color: #e9cf96; border-color: #d4af3740; background: transparent; }
html[data-stage="ner"] .week-nav button:hover,
html[data-stage="ner"] .refdate-bar button:hover { background: #ffffff10; color: #fff; }
html[data-stage="ner"] .week-label,
html[data-stage="ner"] .refdate-bar { color: #b39d74; }
html[data-stage="ner"] .refdate-bar input[type="date"] { color: #e9cf96; border-color: #d4af3740; background: #ffffff08; }
html[data-stage="ner"] .refdate-banner { background: #ffffff06; border-color: #d4af3740; color: #f2e6cf; }
html[data-stage="ner"] .day-card { background: #ffffff06; border-color: #ffffff14; }
html[data-stage="ner"] .day-card:hover,
html[data-stage="ner"] .day-card.selected { background: #ffffff0c; border-color: #d4af3760; }
html[data-stage="ner"] .day-card.shabbat { background: #ffffff09; }
html[data-stage="ner"] .day-card.today { border-color: #c99a3e; box-shadow: 0 0 16px #ffbf5e44; background: #ffffff0c; }
html[data-stage="ner"] .day-name { color: #c9ae76; }
html[data-stage="ner"] .day-date { color: #f7ead0; }
html[data-stage="ner"] .day-shkia { color: #b39d74; }
html[data-stage="ner"] .day-detail { background: #ffffff06; border-color: #ffffff14; }
html[data-stage="ner"] .day-detail-title { color: #c9ae76; border-bottom-color: #ffffff14; }
html[data-stage="ner"] .source-note { color: #a58f68; }
html[data-stage="ner"] .footer { color: #a58f68; border-top-color: #d4af371c; }

/* פר-פוזיציה — אתר (§2) */
@media (min-width: 601px) and (max-width: 1023px) {
  html[data-stage="ner"] .stg-ner-site-lantern { width: 32px; height: 72px; }
}
@media (max-width: 600px) and (orientation: portrait) {
  html[data-stage="ner"] .stg-ner-site-lantern { width: 28px; height: 64px; }
  html[data-stage="ner"] .header { padding-top: 90px; }
}
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="ner"] .header { display: flex; align-items: center; justify-content: center; gap: 14px; padding: .6rem 1rem .6rem calc(1rem + 46px); position: relative; }
  html[data-stage="ner"] .header-row { display: contents; }
  html[data-stage="ner"] .header-center { flex: 0 0 auto; }
  html[data-stage="ner"] .shul-pre,
  html[data-stage="ner"] .shul-sub { display: none; }
  html[data-stage="ner"] .shul-name { font-size: 20px; }
  html[data-stage="ner"] #stage-hero-chip { margin-top: 0; }
  html[data-stage="ner"] .stg-ner-site-lantern {
    top: 50%; inset-inline-start: 6%; transform: translateY(-50%); width: 40px; height: 40px; min-height: 0;
  }
  html[data-stage="ner"] .stg-ner-site-chain { display: none; }
  html[data-stage="ner"] .stg-ner-site-vessel { bottom: auto; top: 4px; }
  html[data-stage="ner"] .stg-ner-site-flame { bottom: auto; top: 34px; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="ner"] #display-mode { background: radial-gradient(85% 62% at 50% 16%, #3a2410 0%, #1c1108 46%, #0a0603 100%); }
html[data-stage="ner"] .stg-ner-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; }
html[data-stage="ner"] .stg-ner-cone {
  position: absolute; top: 20%; left: 50%; transform: translateX(-50%); width: 78%; height: 85%; z-index: 0;
  background: radial-gradient(52% 62% at 50% 0%, #ffc86a26, transparent 72%); transition: width .4s;
}
html[data-stage="ner"] .stg-ner-countdown .stg-ner-cone { width: 88%; }
html[data-stage="ner"] .stg-ner-lantern { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 23%; z-index: 1; }
html[data-stage="ner"] .stg-ner-chain { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background: linear-gradient(180deg, #6e5225, #d9b26a); }
html[data-stage="ner"] .stg-ner-vessel {
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: clamp(22px, 3.4vw, 38px); height: clamp(28px, 4.4vw, 48px);
  background: radial-gradient(circle at 32% 28%, #f4d68a, #c99a3e 45%, #7a5a1c 85%);
  border-radius: 42% 42% 50% 50% / 32% 32% 68% 68%; box-shadow: 0 0 34px #ffbf5e88; transition: box-shadow .3s;
}
html[data-stage="ner"] .stg-ner-countdown .stg-ner-vessel { box-shadow: 0 0 52px #ffbf5e88; }
html[data-stage="ner"] .stg-ner-flame {
  position: absolute; bottom: calc(clamp(28px, 4.4vw, 48px) * .82); left: 50%; transform: translateX(-50%);
  width: calc(clamp(22px, 3.4vw, 38px) * .38); aspect-ratio: .62;
  background: linear-gradient(180deg, #fff6dc, #ffb84d 55%, #c96a2e); border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  filter: drop-shadow(0 0 12px #ffb84d);
}
@media (prefers-reduced-motion: no-preference) {
  html[data-stage="ner"] .stg-ner-flame { animation: stgNerFlicker 2.4s ease-in-out infinite; }
  html[data-stage="ner"] .stg-ner-countdown .stg-ner-flame { animation-duration: 1.6s; transform: translateX(-50%) scale(1.35); }
}
html[data-stage="ner"] .stg-ner-embers { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
html[data-stage="ner"] .stg-ner-ember {
  position: absolute; top: 21%; left: 50%; width: 4px; height: 4px; border-radius: 50%; background: #f4d68a; box-shadow: 0 0 6px #ffbf5e;
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  html[data-stage="ner"] .stg-ner-ember { animation: stgNerRise 7.5s ease-out infinite; }
  html[data-stage="ner"] .stg-ner-ember-0 { animation-delay: 0s; margin-inline-start: -18px; }
  html[data-stage="ner"] .stg-ner-ember-1 { animation-delay: 2.4s; margin-inline-start: 10px; }
  html[data-stage="ner"] .stg-ner-ember-2 { animation-delay: 4.6s; margin-inline-start: -6px; }
  html[data-stage="ner"] .stg-ner-ember-3 { animation-delay: 1.3s; margin-inline-start: 20px; }
  html[data-stage="ner"] .stg-ner-ember-4 { animation-delay: 5.6s; margin-inline-start: -26px; }
  html[data-stage="ner"] .stg-ner-countdown .stg-ner-ember { animation-duration: 4s; }
}
html[data-stage="ner"] .stg-ner-clock {
  position: absolute; top: 3%; inset-inline-start: 3%; z-index: 1; color: #e9cf96; background: #ffffff08;
  border-radius: 999px; padding: 4px 16px; font-size: 15px;
}
html[data-stage="ner"] .stg-ner-content { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; align-items: center; padding: max(23vh, 140px) 4vw 2vh; }
html[data-stage="ner"] [data-a] { opacity: 0; }
@media (prefers-reduced-motion: no-preference) {
  html[data-stage="ner"] [data-a] { animation: stgNerFadeIn .5s ease-out forwards; animation-delay: var(--d, 0s); }
}
@media (prefers-reduced-motion: reduce) { html[data-stage="ner"] [data-a] { opacity: 1; } }
html[data-stage="ner"] .stg-ner-title { margin-top: auto; font-weight: 300; letter-spacing: .34em; font-size: clamp(20px, 3.2vw, 34px); color: #e9d5a6; text-align: center; }
html[data-stage="ner"] .stg-ner-title.stg-ner-tight { letter-spacing: .12em; }
html[data-stage="ner"] .stg-ner-date { font-weight: 300; color: #b39d74; font-size: 14px; margin-top: 8px; text-align: center; }
html[data-stage="ner"] .stg-ner-hero { text-align: center; margin-top: 3vh; }
html[data-stage="ner"] .stg-ner-hero-label { letter-spacing: .4em; color: #e9cf96; font-size: 14px; }
html[data-stage="ner"] .stg-ner-hero-time {
  font-weight: 200; font-size: clamp(52px, 10.5vw, 118px); line-height: 1.05;
  background: linear-gradient(180deg, #fff6dc, #f2cf8a 55%, #c99a3e); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 4px 26px #ffb84d33);
}
html[data-stage="ner"] .stg-ner-hero-sub { color: #b39d74; font-size: 14px; }
html[data-stage="ner"] .stg-ner-duo { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; width: min(70vw, 640px); padding-top: 3vh; }
html[data-stage="ner"] .stg-ner-panel { background: #ffffff07; border: 1px solid #ffffff14; border-radius: 12px; backdrop-filter: blur(4px); padding: 12px 16px; }
html[data-stage="ner"] .stg-ner-panel-title { color: #c9ae76; letter-spacing: .24em; font-size: 12.5px; text-align: center; margin-bottom: 8px; }
html[data-stage="ner"] .stg-ner-row { display: flex; justify-content: space-between; padding: 3px 4px; font-size: 13px; }
html[data-stage="ner"] .stg-ner-val { font-weight: 700; color: #f7ead0; }
html[data-stage="ner"] .stg-ner-row-next .stg-ner-val {
  background: linear-gradient(180deg, #fff6dc, #f2cf8a 55%, #c99a3e); -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-stage="ner"] .stg-ner-announce { margin-top: 2vh; padding-bottom: 1.5vh; color: #a58f68; letter-spacing: .06em; font-size: 13px; text-align: center; opacity: 0; transition: opacity .6s; }
html[data-stage="ner"] .stg-ner-announce-in { opacity: 1; }

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — עמוד האש; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="ner"] .stg-ner-lantern { height: 18%; }
  html[data-stage="ner"] .stg-ner-cone { top: 0; height: 100%; width: 100%; }
  html[data-stage="ner"] .stg-ner-ember { top: 16%; }
  html[data-stage="ner"] .stg-ner-duo { grid-template-columns: 1fr; width: min(84vw, 480px); gap: 10px; }
  html[data-stage="ner"] .stg-ner-hero-time { font-size: clamp(54px, 15vw, 90px); }
  html[data-stage="ner"] .stg-ner-content { padding-top: max(18vh, 110px); padding-bottom: calc(2vh + 20px); }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="ner"] .stg-ner-lantern { height: 20%; }
  html[data-stage="ner"] .stg-ner-cone { width: 82%; }
  html[data-stage="ner"] .stg-ner-hero-time { font-size: clamp(52px, 9vw, 96px); }
  html[data-stage="ner"] .stg-ner-duo { padding-top: 1.6vh; }
}

/* ═══ 11 — אשמורת · נר תמיד על ליל כוכבים (ashmoret) — docs/design/theme-stages/11-ashmoret.md ═══
 * מיזוג-קטלוג: להבת 08-ner על שמי 05-leil — שרשרת/פאנלים בגוון-לילה, לא חום.
 * אין שבב שעון-חי (סטייה מתועדת §8 — נאמנות למוקאפ b-ash).
 */
@keyframes stgAshmoretFlicker { 0%, 100% { transform: scaleY(1) rotate(-1deg); } 50% { transform: scaleY(1.08) rotate(1deg); } }

html[data-stage="ashmoret"] body {
  background:
    radial-gradient(1.5px 1.5px at 10% 5%, #fff, transparent), radial-gradient(1.5px 1.5px at 30% 10%, #fff, transparent),
    radial-gradient(2px 2px at 60% 4%, #dfe7ff, transparent), radial-gradient(1.5px 1.5px at 82% 9%, #fff, transparent),
    radial-gradient(85% 46% at 50% 8%, #2a2438 0%, #131a30 46%, #080c1a 100%);
  color: #e9ecf5;
}
html[data-stage="ashmoret"] #topbar,
html[data-stage="ashmoret"] nav { background: #080c1ad9; backdrop-filter: blur(8px); border-color: #ffffff14; color: #9aa3bd; }
html[data-stage="ashmoret"] #topbar .tb-main { color: #e4e0d0; font-weight: 300; }
html[data-stage="ashmoret"] #topbar .tb-bsd,
html[data-stage="ashmoret"] #topbar .tb-parasha,
html[data-stage="ashmoret"] .tb-btn { color: #9aa3bd; }
html[data-stage="ashmoret"] nav button { color: #9aa3bd; border-left-color: #ffffff14; background: transparent; }
html[data-stage="ashmoret"] nav button.active,
html[data-stage="ashmoret"] nav button:hover { background: transparent; color: #efd9a8; box-shadow: inset 0 -2px 0 #c99a3e; }
html[data-stage="ashmoret"] .header { background: transparent; border: none; box-shadow: none; padding-top: 9.5%; position: relative; }
html[data-stage="ashmoret"] .header::before { display: none; }
html[data-stage="ashmoret"] .stg-ashmoret-site-lantern { position: absolute; top: 0; inset-inline-start: 50%; transform: translateX(-50%); width: 24px; height: 84px; }
html[data-stage="ashmoret"] .stg-ashmoret-site-chain { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: calc(100% - 32px); background: linear-gradient(180deg, #5b5a7a, #d9b26a); }
html[data-stage="ashmoret"] .stg-ashmoret-site-vessel {
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 24px; height: 32px;
  background: linear-gradient(180deg, #5b5a7a, #d9b26a); border-radius: 42% 42% 50% 50% / 32% 32% 68% 68%; box-shadow: 0 0 26px #d9b26a66;
}
html[data-stage="ashmoret"] .stg-ashmoret-site-flame {
  position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); width: 9px; height: 15px;
  background: linear-gradient(180deg, #fff6dc, #ffb84d 55%, #c96a2e); border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  filter: drop-shadow(0 0 12px #ffb84d);
}
@media (prefers-reduced-motion: no-preference) { html[data-stage="ashmoret"] .stg-ashmoret-site-flame { animation: stgAshmoretFlicker 2.5s ease-in-out infinite; } }
html[data-stage="ashmoret"] .stg-ashmoret-site-moon {
  /* top/inset-inline-end מותאמים (לא §2's 14%/8% כלשונם) — הערכים המדויקים
     מתנגשים עם תמונת ה-building האמיתית שממלאת חלק ניכר מגובה+רוחב header-row
     (המוקאפ המופשט לא כולל אותה); מוזז הצידה וגבוה מספיק כדי להישאר צף מעליה
     ומעל ה-cone, נאמן לכוונה — ירח בפינה, לא מתנגש בתוכן. */
  position: absolute; top: 4%; inset-inline-end: 20%; width: 56px; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle at 38% 36%, #fdfaf0, #d9d4c2 70%); box-shadow: inset -9px -5px 0 2px #b9b4a0aa, 0 0 40px #e9e4ce55;
}
html[data-stage="ashmoret"] .shul-pre { color: #efd9a8; letter-spacing: .4em; }
html[data-stage="ashmoret"] .shul-name { font-weight: 200; color: #fff; letter-spacing: .1em; }
html[data-stage="ashmoret"] .shul-name.stg-ashmoret-tight { letter-spacing: normal; }
html[data-stage="ashmoret"] .stg-ashmoret-brand-b {
  font-weight: 800; background: linear-gradient(180deg, #fff6dc, #f2cf8a 55%, #c99a3e); -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-stage="ashmoret"] .shul-sub { color: #9aa3bd; }
html[data-stage="ashmoret"] #stage-hero-chip { background: #8aa0ff0c; border: 1px solid #aebcff22; color: #c3cee4; }
html[data-stage="ashmoret"] #stage-hero-chip .shc-main { color: #f5ecd6; }
html[data-stage="ashmoret"] .card { background: #8aa0ff0a; border: 1px solid #aebcff1e; }
html[data-stage="ashmoret"] .card-title { color: #aeb8d6; letter-spacing: .18em; border-bottom-color: #aebcff1e; }
html[data-stage="ashmoret"] .zman-label,
html[data-stage="ashmoret"] .zman-row.tefila .zman-label { color: #e9ecf5; }
html[data-stage="ashmoret"] .zman-time { color: #f5ecd6; }
html[data-stage="ashmoret"] .zman-time.sec { color: #9aa3bd; }
html[data-stage="ashmoret"] .zman-row { border-bottom-color: #aebcff16; }
html[data-stage="ashmoret"] .ann-title { color: #e9ecf5; }
html[data-stage="ashmoret"] .ann-body { color: #9aa3bd; }
html[data-stage="ashmoret"] .ann-date { color: #8f97b0; }
html[data-stage="ashmoret"] .ann-row { border-bottom-color: #aebcff16; }
html[data-stage="ashmoret"] .shiur-card { background: #8aa0ff0a; border-color: #aebcff1e; }
html[data-stage="ashmoret"] .shiur-icon { background: #8aa0ff10; }
html[data-stage="ashmoret"] .shiur-info h3 { color: #e9ecf5; }
html[data-stage="ashmoret"] .shiur-info p { color: #9aa3bd; }
html[data-stage="ashmoret"] .badge { background: #8aa0ff10; color: #c3cee4; border-color: #aebcff1e; }
html[data-stage="ashmoret"] .parasha-banner { background: #8aa0ff0a; border-color: #aebcff1e; }
html[data-stage="ashmoret"] .par-label { color: #aeb8d6; }
html[data-stage="ashmoret"] .par-name { color: #f5ecd6; }
html[data-stage="ashmoret"] .shabbat-shalom { color: #efd9a8; border-color: #c99a3e60; }
html[data-stage="ashmoret"] .section-label { color: #aeb8d6; border-bottom-color: #aebcff1e; }
html[data-stage="ashmoret"] .minyan-label { background: #8aa0ff10; color: #c3cee4; }
html[data-stage="ashmoret"] .week-nav button,
html[data-stage="ashmoret"] .refdate-bar button { color: #c3cee4; border-color: #aebcff30; background: transparent; }
html[data-stage="ashmoret"] .week-nav button:hover,
html[data-stage="ashmoret"] .refdate-bar button:hover { background: #8aa0ff18; color: #fff; }
html[data-stage="ashmoret"] .week-label,
html[data-stage="ashmoret"] .refdate-bar { color: #9aa3bd; }
html[data-stage="ashmoret"] .refdate-bar input[type="date"] { color: #c3cee4; border-color: #aebcff30; background: #8aa0ff10; }
html[data-stage="ashmoret"] .refdate-banner { background: #8aa0ff0a; border-color: #aebcff30; color: #e9ecf5; }
html[data-stage="ashmoret"] .day-card { background: #8aa0ff0a; border-color: #aebcff1e; }
html[data-stage="ashmoret"] .day-card:hover,
html[data-stage="ashmoret"] .day-card.selected { background: #8aa0ff14; border-color: #aebcff40; }
html[data-stage="ashmoret"] .day-card.shabbat { background: #8aa0ff0d; }
html[data-stage="ashmoret"] .day-card.today { border-color: #efd9a8; box-shadow: 0 0 16px #c99a3e44; background: #8aa0ff14; }
html[data-stage="ashmoret"] .day-name { color: #aeb8d6; }
html[data-stage="ashmoret"] .day-date { color: #f5ecd6; }
html[data-stage="ashmoret"] .day-shkia { color: #9aa3bd; }
html[data-stage="ashmoret"] .day-detail { background: #8aa0ff0a; border-color: #aebcff1e; }
html[data-stage="ashmoret"] .day-detail-title { color: #aeb8d6; border-bottom-color: #aebcff1e; }
html[data-stage="ashmoret"] .source-note { color: #8f97b0; }
html[data-stage="ashmoret"] .footer { color: #8f97b0; border-top-color: #ffffff10; }

/* פר-פוזיציה — אתר (§2) */
@media (min-width: 601px) and (max-width: 1023px) {
  html[data-stage="ashmoret"] .stg-ashmoret-site-lantern { width: 30px; height: 72px; }
  html[data-stage="ashmoret"] .stg-ashmoret-site-moon { width: 48px; }
}
@media (max-width: 600px) and (orientation: portrait) {
  html[data-stage="ashmoret"] .stg-ashmoret-site-lantern { width: 26px; height: 60px; }
  html[data-stage="ashmoret"] .stg-ashmoret-site-moon { width: 40px; }
  html[data-stage="ashmoret"] .header { padding-top: 84px; }
}
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="ashmoret"] .header { display: flex; align-items: center; justify-content: center; gap: 14px; padding: .6rem 1rem .6rem calc(1rem + 42px); position: relative; }
  html[data-stage="ashmoret"] .header-row { display: contents; }
  html[data-stage="ashmoret"] .header-center { flex: 0 0 auto; }
  html[data-stage="ashmoret"] .shul-pre,
  html[data-stage="ashmoret"] .shul-sub { display: none; }
  html[data-stage="ashmoret"] .shul-name { font-size: 20px; }
  html[data-stage="ashmoret"] #stage-hero-chip { margin-top: 0; }
  html[data-stage="ashmoret"] .stg-ashmoret-site-lantern { top: 50%; inset-inline-start: 6%; transform: translateY(-50%); width: 36px; height: 36px; }
  html[data-stage="ashmoret"] .stg-ashmoret-site-chain { display: none; }
  html[data-stage="ashmoret"] .stg-ashmoret-site-vessel { bottom: auto; top: 2px; }
  html[data-stage="ashmoret"] .stg-ashmoret-site-flame { bottom: auto; top: 30px; }
  html[data-stage="ashmoret"] .stg-ashmoret-site-moon { width: 28px; top: 6%; inset-inline-end: 4%; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="ashmoret"] #display-mode { background: radial-gradient(90% 70% at 50% 14%, #2a2438 0%, #131a30 46%, #080c1a 100%); }
html[data-stage="ashmoret"] .stg-ashmoret-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; }
html[data-stage="ashmoret"] .stg-ashmoret-star { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: #fff; box-shadow: 0 0 4px 1px #ffffffaa; z-index: 0; }
html[data-stage="ashmoret"] .stg-ashmoret-star-0 { top: 4%; left: 6%; }
html[data-stage="ashmoret"] .stg-ashmoret-star-1 { top: 9%; left: 18%; width: 1.5px; height: 1.5px; }
html[data-stage="ashmoret"] .stg-ashmoret-star-2 { top: 3%; left: 34%; }
html[data-stage="ashmoret"] .stg-ashmoret-star-3 { top: 11%; left: 50%; width: 1.5px; height: 1.5px; }
html[data-stage="ashmoret"] .stg-ashmoret-star-4 { top: 5%; left: 66%; }
html[data-stage="ashmoret"] .stg-ashmoret-star-5 { top: 12%; left: 80%; width: 1.5px; height: 1.5px; }
html[data-stage="ashmoret"] .stg-ashmoret-star-6 { top: 6%; left: 92%; }
html[data-stage="ashmoret"] .stg-ashmoret-moon {
  position: absolute; top: 7%; inset-inline-end: 6%; width: 8%; aspect-ratio: 1; border-radius: 50%; z-index: 0;
  background: radial-gradient(circle at 38% 36%, #fdfaf0, #d9d4c2 70%); box-shadow: inset -9px -5px 0 2px #b9b4a0aa, 0 0 40px #e9e4ce55;
}
html[data-stage="ashmoret"] .stg-ashmoret-cone {
  position: absolute; top: 20%; left: 50%; transform: translateX(-50%); width: 74%; height: 82%; z-index: 0;
  background: radial-gradient(50% 60% at 50% 0%, #ffc86a20, transparent 72%); transition: width .4s;
}
html[data-stage="ashmoret"] .stg-ashmoret-countdown .stg-ashmoret-cone { width: 86%; }
html[data-stage="ashmoret"] .stg-ashmoret-lantern { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 22%; z-index: 1; }
html[data-stage="ashmoret"] .stg-ashmoret-chain { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background: linear-gradient(180deg, #5b5a7a, #d9b26a); }
html[data-stage="ashmoret"] .stg-ashmoret-vessel {
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: clamp(20px, 3.2vw, 36px); height: clamp(26px, 4.2vw, 46px);
  background: linear-gradient(180deg, #5b5a7a, #d9b26a); border-radius: 42% 42% 50% 50% / 32% 32% 68% 68%; box-shadow: 0 0 32px #d9b26a88; transition: box-shadow .3s;
}
html[data-stage="ashmoret"] .stg-ashmoret-countdown .stg-ashmoret-vessel { box-shadow: 0 0 48px #d9b26a88; }
html[data-stage="ashmoret"] .stg-ashmoret-flame {
  position: absolute; bottom: calc(clamp(26px, 4.2vw, 46px) * .82); left: 50%; transform: translateX(-50%);
  width: calc(clamp(20px, 3.2vw, 36px) * .38); aspect-ratio: .62;
  background: linear-gradient(180deg, #fff6dc, #ffb84d 55%, #c96a2e); border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  filter: drop-shadow(0 0 12px #ffb84d);
}
@media (prefers-reduced-motion: no-preference) {
  html[data-stage="ashmoret"] .stg-ashmoret-flame { animation: stgAshmoretFlicker 2.5s ease-in-out infinite; }
  html[data-stage="ashmoret"] .stg-ashmoret-countdown .stg-ashmoret-flame { animation-duration: 1.7s; transform: translateX(-50%) scale(1.3); }
}
html[data-stage="ashmoret"] .stg-ashmoret-content { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; align-items: center; padding: max(22vh, 130px) 4vw 2vh; }
html[data-stage="ashmoret"] [data-a] { opacity: 0; }
@media (prefers-reduced-motion: no-preference) {
  html[data-stage="ashmoret"] [data-a] { animation: stgNerFadeIn .5s ease-out forwards; animation-delay: var(--d, 0s); }
}
@media (prefers-reduced-motion: reduce) { html[data-stage="ashmoret"] [data-a] { opacity: 1; } }
html[data-stage="ashmoret"] .stg-ashmoret-title { margin-top: auto; font-weight: 300; letter-spacing: .3em; font-size: clamp(20px, 3.2vw, 34px); color: #e4e0d0; text-align: center; }
html[data-stage="ashmoret"] .stg-ashmoret-title.stg-ashmoret-tight { letter-spacing: .12em; }
html[data-stage="ashmoret"] .stg-ashmoret-date { font-weight: 300; color: #9aa3bd; font-size: 14px; margin-top: 8px; text-align: center; }
html[data-stage="ashmoret"] .stg-ashmoret-hero { text-align: center; margin-top: 3vh; }
html[data-stage="ashmoret"] .stg-ashmoret-hero-label { letter-spacing: .4em; color: #efd9a8; font-size: 14px; }
html[data-stage="ashmoret"] .stg-ashmoret-hero-time {
  font-weight: 200; font-size: clamp(50px, 10vw, 112px); line-height: 1.05;
  background: linear-gradient(180deg, #fff6dc, #f2cf8a 55%, #c99a3e); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 4px 26px #ffb84d30);
}
html[data-stage="ashmoret"] .stg-ashmoret-hero-sub { color: #9aa3bd; font-size: 14px; }
html[data-stage="ashmoret"] .stg-ashmoret-duo { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; width: min(70vw, 640px); padding-top: 3vh; }
html[data-stage="ashmoret"] .stg-ashmoret-panel { background: #8aa0ff0c; border: 1px solid #aebcff22; border-radius: 12px; backdrop-filter: blur(4px); padding: 12px 16px; }
html[data-stage="ashmoret"] .stg-ashmoret-panel-title { color: #aeb8d6; letter-spacing: .26em; font-size: 12.5px; text-align: center; margin-bottom: 8px; }
html[data-stage="ashmoret"] .stg-ashmoret-row { display: flex; justify-content: space-between; padding: 3px 4px; font-size: 13px; }
html[data-stage="ashmoret"] .stg-ashmoret-val { font-weight: 700; color: #f5ecd6; }
html[data-stage="ashmoret"] .stg-ashmoret-row-next .stg-ashmoret-val {
  background: linear-gradient(180deg, #fff6dc, #f2cf8a 55%, #c99a3e); -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-stage="ashmoret"] .stg-ashmoret-announce { margin-top: 2vh; padding-bottom: 1.5vh; color: #8f97b0; letter-spacing: .06em; font-size: 13px; text-align: center; opacity: 0; transition: opacity .6s; }
html[data-stage="ashmoret"] .stg-ashmoret-announce-in { opacity: 1; }

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — אשמורת לגובה; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="ashmoret"] .stg-ashmoret-lantern { height: 17%; }
  html[data-stage="ashmoret"] .stg-ashmoret-moon { top: 12%; }
  html[data-stage="ashmoret"] .stg-ashmoret-cone { top: 0; height: 100%; width: 100%; }
  html[data-stage="ashmoret"] .stg-ashmoret-duo { grid-template-columns: 1fr; width: min(84vw, 480px); gap: 10px; }
  html[data-stage="ashmoret"] .stg-ashmoret-hero-time { font-size: clamp(52px, 14vw, 86px); }
  html[data-stage="ashmoret"] .stg-ashmoret-content { padding-top: max(17vh, 100px); padding-bottom: calc(2vh + 20px); }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="ashmoret"] .stg-ashmoret-lantern { height: 19%; }
  html[data-stage="ashmoret"] .stg-ashmoret-moon { width: 7%; }
  html[data-stage="ashmoret"] .stg-ashmoret-hero-time { font-size: clamp(50px, 8.6vw, 92px); }
  html[data-stage="ashmoret"] .stg-ashmoret-duo { padding-top: 1.6vh; }
}

/* ═══ 03 — מגזרת נייר (papercut) — docs/design/theme-stages/03-papercut.md ═══
 * לוחות נייר לבנים "גזורים" צפים על רקע זהב-ארד עמוק. ⛔ דיו כהה מותר רק על
 * נייר — אף כלל .stg-papercut-* לא יושב ישירות על הגרדיאנט החשוף (לקח 30.08).
 * גווני ארמון קבועים: accent #8a6d3b, accent-deep #5f4a24 (§8 — סטייה מתועדת,
 * אין עוד תלות במשתני --theme-papercut-* של ה-reskin הישן).
 */
html[data-stage="papercut"] body { background: linear-gradient(160deg, #8a6d3b, #5f4a24); color: #3a3630; }
html[data-stage="papercut"] #topbar,
html[data-stage="papercut"] nav { background: #ffffffee; backdrop-filter: blur(8px); border-color: color-mix(in srgb, #8a6d3b 45%, #fff); border-bottom-style: dashed; color: #5f4a24; }
html[data-stage="papercut"] #topbar .tb-main,
html[data-stage="papercut"] #topbar .tb-bsd,
html[data-stage="papercut"] #topbar .tb-parasha { color: #5f4a24; }
html[data-stage="papercut"] .tb-btn { color: #5f4a24; }
html[data-stage="papercut"] nav button { color: #5f4a24; border-left-color: color-mix(in srgb, #8a6d3b 30%, #fff); background: transparent; }
html[data-stage="papercut"] nav button.active,
html[data-stage="papercut"] nav button:hover { background: transparent; font-weight: 700; box-shadow: inset 0 -2px 0 #8a6d3b; }
html[data-stage="papercut"] .header { background: transparent; border: none; box-shadow: none; }
html[data-stage="papercut"] .header::before { display: none; }
html[data-stage="papercut"] .stg-papercut-paper {
  background: #fdfbf6; color: #3a3630; border-radius: 22px; padding: 5% 6%; margin: 0 6%;
  box-shadow: 0 10px 0 -4px #ffffff5e, 0 20px 0 -8px #ffffff2e, 0 24px 44px #00000040;
  outline: 2px dashed color-mix(in srgb, #8a6d3b 55%, #fff); outline-offset: -13px;
}
html[data-stage="papercut"] .shul-pre { color: #8a8375; }
html[data-stage="papercut"] .shul-name { font-weight: 900; color: #5f4a24; }
html[data-stage="papercut"] .shul-sub { color: #6a6255; }
html[data-stage="papercut"] #stage-hero-chip { background: #fff; border: 1.5px dashed color-mix(in srgb, #8a6d3b 45%, #fff); color: #6a6255; }
html[data-stage="papercut"] #stage-hero-chip .shc-main { color: #5f4a24; font-weight: 700; }
html[data-stage="papercut"] .card { background: #fdfbf6; box-shadow: 0 8px 0 -3px #ffffff52, 0 16px 30px #00000038; outline: 1.5px dashed color-mix(in srgb, #8a6d3b 45%, #fff); outline-offset: -9px; border: none; }
html[data-stage="papercut"] .card-title { color: #8a6d3b; border-bottom-color: color-mix(in srgb, #8a6d3b 30%, #fff); }
/* השלמת כיסוי לשוניות-האתר (סקירת hardening) — היו מכוסים רק topbar/header/card;
 * שאר האזורים נפלו ל-classic. פלטה זהה לזו של הכרטיס/הפוטר הקיימים. */
html[data-stage="papercut"] .zman-label,
html[data-stage="papercut"] .zman-row.tefila .zman-label,
html[data-stage="papercut"] .ann-title,
html[data-stage="papercut"] .shiur-info h3,
html[data-stage="papercut"] .par-name { color: #3a3630; }
html[data-stage="papercut"] .zman-time,
html[data-stage="papercut"] .zman-time.sec,
html[data-stage="papercut"] .ann-body,
html[data-stage="papercut"] .shiur-info p { color: #5f4a24; }
html[data-stage="papercut"] .badge { background: color-mix(in srgb, #8a6d3b 12%, #fff); color: #5f4a24; border-color: color-mix(in srgb, #8a6d3b 30%, #fff); }
html[data-stage="papercut"] .week-nav button,
html[data-stage="papercut"] .refdate-bar button { color: #ffffffd0; border-color: #ffffff40; background: transparent; }
html[data-stage="papercut"] .week-nav button:hover,
html[data-stage="papercut"] .refdate-bar button:hover { background: #ffffff20; color: #fff; }
html[data-stage="papercut"] .week-label,
html[data-stage="papercut"] .refdate-bar { color: #ffffffd0; }
html[data-stage="papercut"] .refdate-bar input[type="date"] { color: #5f4a24; border-color: color-mix(in srgb, #8a6d3b 30%, #fff); background: #fdfbf6; }
html[data-stage="papercut"] .refdate-banner { background: #fdfbf6; outline: 1.5px dashed color-mix(in srgb, #8a6d3b 45%, #fff); outline-offset: -9px; color: #5f4a24; }
html[data-stage="papercut"] .source-note { color: #ffffffb0; }
html[data-stage="papercut"] .shabbat-shalom { color: #fff; border-color: #ffffff40; }
html[data-stage="papercut"] .parasha-banner { background: #fdfbf6; outline: 1.5px dashed color-mix(in srgb, #8a6d3b 45%, #fff); outline-offset: -9px; }
html[data-stage="papercut"] .par-label { color: #8a8375; }
html[data-stage="papercut"] .section-label { color: #ffffffb0; border-bottom-color: #ffffff30; }
html[data-stage="papercut"] .minyan-label { background: #ffffff20; color: #fff; }
html[data-stage="papercut"] .shiur-card { background: #fdfbf6; outline: 1.5px dashed color-mix(in srgb, #8a6d3b 45%, #fff); outline-offset: -9px; }
html[data-stage="papercut"] .shiur-icon { color: #8a6d3b; }
html[data-stage="papercut"] .day-card { background: #fdfbf6; border: none; box-shadow: 0 4px 0 -2px #ffffff52, 0 8px 16px #00000030; }
html[data-stage="papercut"] .day-card:hover,
html[data-stage="papercut"] .day-card.selected { box-shadow: 0 4px 0 -2px #ffffff70, 0 10px 22px #00000040; }
html[data-stage="papercut"] .day-card.today { outline: 1.5px dashed color-mix(in srgb, #8a6d3b 60%, #fff); outline-offset: -6px; }
html[data-stage="papercut"] .day-name { color: #8a8375; }
html[data-stage="papercut"] .day-date { color: #5f4a24; }
html[data-stage="papercut"] .day-shkia { color: #6a6255; }
html[data-stage="papercut"] .day-detail { background: #fdfbf6; border: none; box-shadow: 0 8px 0 -3px #ffffff52, 0 16px 30px #00000038; }
html[data-stage="papercut"] .day-detail-title { color: #8a6d3b; border-bottom-color: color-mix(in srgb, #8a6d3b 30%, #fff); }
html[data-stage="papercut"] .footer { color: #ffffffd0; border-top-color: #ffffff30; }

/* פר-פוזיציה — אתר (§2) */
@media (min-width: 601px) and (max-width: 1023px) { html[data-stage="papercut"] .stg-papercut-paper { margin: 0 4%; } }
@media (max-width: 600px) and (orientation: portrait) { html[data-stage="papercut"] .stg-papercut-paper { margin: 0 6%; } }
@media (max-width: 340px) { html[data-stage="papercut"] .stg-papercut-paper { padding: 4% 5%; } }
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="papercut"] .stg-papercut-paper { margin: .5rem 1rem; padding: 3% 4%; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
  html[data-stage="papercut"] .header-row { display: contents; }
  html[data-stage="papercut"] .header-center { flex: 0 0 auto; }
  html[data-stage="papercut"] .shul-sub { display: none; }
  html[data-stage="papercut"] .shul-name { font-size: 20px; }
  html[data-stage="papercut"] #stage-hero-chip { margin-top: 0; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="papercut"] #display-mode { background: linear-gradient(160deg, #8a6d3b, #5f4a24); }
html[data-stage="papercut"] .stg-papercut-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; padding: 2.4%; }
html[data-stage="papercut"] .stg-papercut-sheet {
  width: 100%; height: 100%; position: relative; background: #fdfbf6; color: #3a3630; border-radius: 16px;
  box-shadow: 0 10px 0 -4px #ffffff5e, 0 20px 0 -8px #ffffff2e, 0 26px 44px #00000045;
  outline: 2px dashed color-mix(in srgb, #8a6d3b 55%, #fff); outline-offset: -14px;
  display: flex; flex-direction: column; overflow: hidden;
}
html[data-stage="papercut"] .stg-papercut-masthead { text-align: center; padding-top: clamp(14px, 3vh, 30px); }
html[data-stage="papercut"] .stg-papercut-clock {
  display: inline-block; color: #5f4a24; background: #fff; border: 1.5px dashed color-mix(in srgb, #8a6d3b 45%, #fff);
  border-radius: 999px; padding: 4px 16px; margin-bottom: 8px; font-size: 15px;
}
html[data-stage="papercut"] .stg-papercut-title { font-weight: 900; font-size: clamp(21px, 4vw, 43px); color: #5f4a24; }
html[data-stage="papercut"] .stg-papercut-date { color: #7d766a; font-size: 14px; margin-top: 4px; }
html[data-stage="papercut"] .stg-papercut-body { flex: 1; display: grid; grid-template-columns: 1fr 1.18fr 1fr; gap: 24px; padding: 2vh 4vw; align-items: center; }
html[data-stage="papercut"] .stg-papercut-col-title { color: #8a6d3b; font-weight: 700; text-align: center; margin-bottom: 8px; font-size: 14px; }
html[data-stage="papercut"] .stg-papercut-row { display: flex; justify-content: space-between; padding: 4px 8px; font-size: 14px; border-radius: 8px; }
html[data-stage="papercut"] .stg-papercut-val { font-weight: 800; color: #5f4a24; }
html[data-stage="papercut"] .stg-papercut-row-next { background: color-mix(in srgb, #8a6d3b 10%, #fff); }
html[data-stage="papercut"] .stg-papercut-medallion {
  justify-self: center; width: min(100%, 32vh); aspect-ratio: 1; border-radius: 50%; background: #fff;
  box-shadow: 0 0 0 8px color-mix(in srgb, #8a6d3b 14%, #fff), 0 0 0 10px color-mix(in srgb, #8a6d3b 45%, #fff), 0 14px 28px #00000022;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 4px; padding: 10%;
  transition: box-shadow .3s;
}
html[data-stage="papercut"] .stg-papercut-medallion-armed {
  box-shadow: 0 0 0 8px color-mix(in srgb, #8a6d3b 14%, #fff), 0 0 0 10px color-mix(in srgb, #8a6d3b 60%, #fff), 0 14px 28px #00000022;
}
html[data-stage="papercut"] .stg-papercut-medallion-label { color: #7d766a; font-size: 13px; }
html[data-stage="papercut"] .stg-papercut-medallion-time { font-weight: 900; font-size: clamp(30px, 5.8vw, 64px); color: #5f4a24; line-height: 1.05; }
html[data-stage="papercut"] .stg-papercut-medallion-sub { color: #7d766a; font-size: 12.5px; }
html[data-stage="papercut"] .stg-papercut-ticker {
  background: color-mix(in srgb, #8a6d3b 8%, #fff); color: #6a6255; overflow: hidden; white-space: nowrap; padding: 8px 0; border-top: 1.5px dashed color-mix(in srgb, #8a6d3b 30%, #fff);
  direction: ltr; /* ראו הערה בקסף — translateX פיזי דורש LTR כדי שהתוכן ייכנס לחלון הנראה */
}
html[data-stage="papercut"] .stg-papercut-tick-track { display: inline-block; padding-inline-start: 100%; font-size: 14px; animation: stgPapercutTick 28s linear infinite; }
html[data-stage="papercut"] .stg-papercut-tick-sep { margin: 0 16px; opacity: .5; }
@keyframes stgPapercutTick { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  html[data-stage="papercut"] .stg-papercut-tick-track { animation: none; padding-inline-start: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; text-align: center; }
}

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — מדליה עולה לראש הגיליון; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="papercut"] .stg-papercut-body { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 14px; align-items: start; padding-top: 1vh; }
  html[data-stage="papercut"] .stg-papercut-medallion { grid-column: 1 / -1; order: -1; width: min(58%, 30vh); margin: 0 auto; }
  html[data-stage="papercut"] .stg-papercut-medallion-time { font-size: clamp(28px, 9vw, 46px); }
  html[data-stage="papercut"] .stg-papercut-col-title { font-size: 12.5px; }
  html[data-stage="papercut"] .stg-papercut-row { font-size: 12px; padding: 3px 5px; }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="papercut"] .stg-papercut-body { padding: 2vh 2vw; }
  html[data-stage="papercut"] .stg-papercut-medallion { width: min(30%, 26vh); }
}

/* ═══ 12 — מגזרת אור · מגזרת נייר מוארת (migzeret-or) — docs/design/theme-stages/12-migzeret-or.md ═══
 * אחות ה"לילית" של 03-papercut: רקע סגול-לילה, הילת-ניאון ענברית כפולה סביב
 * הנייר, מדליה מרחפת שחופפת בין העמודות (לא עיגול בתא-גריד). אין שעון-חי (כמו 11).
 * ⛔ דיו כהה רק על נייר — לעולם לא על הסגול החשוף (§6).
 */
html[data-stage="migzeret-or"] body { background: radial-gradient(110% 100% at 50% 40%, #191325, #0e0a16 62%, #090612); color: #efe9f2; }
html[data-stage="migzeret-or"] #topbar,
html[data-stage="migzeret-or"] nav { background: #0e0a16e6; backdrop-filter: blur(8px); border-color: color-mix(in srgb, #ffc24d 30%, transparent); color: #bfb4d6; }
html[data-stage="migzeret-or"] #topbar .tb-main { color: #efe9f2; font-family: 'Frank Ruhl Libre', serif; font-weight: 900; text-shadow: 0 0 18px color-mix(in srgb, #ffc24d 45%, transparent); }
html[data-stage="migzeret-or"] #topbar .tb-bsd,
html[data-stage="migzeret-or"] #topbar .tb-parasha,
html[data-stage="migzeret-or"] .tb-btn { color: #bfb4d6; }
html[data-stage="migzeret-or"] nav button { color: #bfb4d6; border-left-color: color-mix(in srgb, #ffc24d 20%, transparent); background: transparent; }
html[data-stage="migzeret-or"] nav button.active,
html[data-stage="migzeret-or"] nav button:hover { background: transparent; color: #fff; text-shadow: 0 0 14px #ffc24d; box-shadow: none; }
html[data-stage="migzeret-or"] .header { background: transparent; border: none; box-shadow: none; }
html[data-stage="migzeret-or"] .header::before { display: none; }
html[data-stage="migzeret-or"] .stg-migzeretor-paper {
  background: #fdfbf6; color: #3a3630; border-radius: 20px; padding: 4.5% 6%; margin: 0 8%;
  box-shadow: 0 0 44px color-mix(in srgb, #ffc24d 42%, transparent), 0 0 110px color-mix(in srgb, #ffc24d 20%, transparent), 0 9px 0 -4px #ffffff52;
  outline: 2px dashed color-mix(in srgb, #ffc24d 60%, #fff); outline-offset: -12px;
}
html[data-stage="migzeret-or"] .shul-pre { color: #8a8375; }
html[data-stage="migzeret-or"] .shul-name { font-weight: 900; color: #5f4a24; text-shadow: 0 0 20px color-mix(in srgb, #ffc24d 30%, transparent); }
html[data-stage="migzeret-or"] .shul-sub { color: #6a6255; }
html[data-stage="migzeret-or"] #stage-hero-chip { background: #fff; border: 1.5px dashed color-mix(in srgb, #ffc24d 55%, #fff); color: #6a6255; }
html[data-stage="migzeret-or"] #stage-hero-chip .shc-main { color: #5f4a24; font-weight: 700; }
html[data-stage="migzeret-or"] .card { background: #fdfbf6; box-shadow: 0 0 26px color-mix(in srgb, #ffc24d 30%, transparent); outline: 1.5px dashed color-mix(in srgb, #ffc24d 55%, #fff); outline-offset: -9px; border: none; }
html[data-stage="migzeret-or"] .card-title { color: #8a6d3b; }
/* כלל עמוד-כהה (00-foundation §5) — יושבים ישירות על הסגול הכהה, לא בכרטיס. */
html[data-stage="migzeret-or"] .week-nav button,
html[data-stage="migzeret-or"] .refdate-bar button { color: #bfb4d6; border-color: color-mix(in srgb, #ffc24d 30%, transparent); background: transparent; }
html[data-stage="migzeret-or"] .week-nav button:hover,
html[data-stage="migzeret-or"] .refdate-bar button:hover { background: #ffffff10; color: #fff; }
html[data-stage="migzeret-or"] .week-label,
html[data-stage="migzeret-or"] .refdate-bar { color: #bfb4d6; }
html[data-stage="migzeret-or"] .refdate-bar input[type="date"] { color: #efe9f2; border-color: color-mix(in srgb, #ffc24d 30%, transparent); background: #ffffff10; }
html[data-stage="migzeret-or"] .refdate-banner { background: #fdfbf6; border: 1.5px dashed color-mix(in srgb, #ffc24d 55%, #fff); color: #5f4a24; }
html[data-stage="migzeret-or"] .source-note { color: #bfb4d6; }
html[data-stage="migzeret-or"] .shabbat-shalom { color: #fff; text-shadow: 0 0 14px #ffc24d; border-color: color-mix(in srgb, #ffc24d 30%, transparent); }
html[data-stage="migzeret-or"] .parasha-banner { background: #fdfbf6; outline: 1.5px dashed color-mix(in srgb, #ffc24d 55%, #fff); outline-offset: -9px; }
html[data-stage="migzeret-or"] .par-label { color: #8a8375; }
html[data-stage="migzeret-or"] .par-name { color: #5f4a24; }
html[data-stage="migzeret-or"] .section-label { color: #bfb4d6; border-bottom-color: color-mix(in srgb, #ffc24d 25%, transparent); }
html[data-stage="migzeret-or"] .minyan-label { background: #ffffff10; color: #efe9f2; }
html[data-stage="migzeret-or"] .day-card { background: #fdfbf6; border: none; box-shadow: 0 0 16px color-mix(in srgb, #ffc24d 22%, transparent); }
html[data-stage="migzeret-or"] .day-card:hover,
html[data-stage="migzeret-or"] .day-card.selected { box-shadow: 0 0 26px color-mix(in srgb, #ffc24d 38%, transparent); }
html[data-stage="migzeret-or"] .day-card.today { outline: 1.5px dashed color-mix(in srgb, #ffc24d 60%, #fff); outline-offset: -6px; }
html[data-stage="migzeret-or"] .day-name { color: #8a8375; }
html[data-stage="migzeret-or"] .day-date { color: #5f4a24; }
html[data-stage="migzeret-or"] .day-shkia { color: #6a6255; }
html[data-stage="migzeret-or"] .day-detail { background: #fdfbf6; border: none; box-shadow: 0 0 16px color-mix(in srgb, #ffc24d 22%, transparent); }
html[data-stage="migzeret-or"] .day-detail-title { color: #8a6d3b; }
html[data-stage="migzeret-or"] .footer { color: #bfb4d6; }

/* פר-פוזיציה — אתר (§2) */
@media (min-width: 601px) and (max-width: 1023px) { html[data-stage="migzeret-or"] .stg-migzeretor-paper { margin: 0 6%; } }
@media (max-width: 600px) and (orientation: portrait) { html[data-stage="migzeret-or"] .stg-migzeretor-paper { margin: 0 5%; } }
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="migzeret-or"] .stg-migzeretor-paper { margin: .5rem 1rem; padding: 3% 4%; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
  html[data-stage="migzeret-or"] .header-row { display: contents; }
  html[data-stage="migzeret-or"] .header-center { flex: 0 0 auto; }
  html[data-stage="migzeret-or"] .shul-sub { display: none; }
  html[data-stage="migzeret-or"] .shul-name { font-size: 20px; }
  html[data-stage="migzeret-or"] #stage-hero-chip { margin-top: 0; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="migzeret-or"] #display-mode { background: radial-gradient(110% 100% at 50% 40%, #191325, #0e0a16 62%, #090612); }
html[data-stage="migzeret-or"] .stg-migzeretor-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; padding: 2.6%; }
html[data-stage="migzeret-or"] .stg-migzeretor-sheet {
  width: 100%; height: 100%; position: relative; background: #fdfbf6; color: #3a3630; border-radius: 18px;
  box-shadow: 0 0 46px color-mix(in srgb, #ffc24d 42%, transparent), 0 0 110px color-mix(in srgb, #ffc24d 22%, transparent), 0 10px 0 -4px #ffffff52, 0 20px 0 -8px #ffffff26;
  outline: 2px dashed color-mix(in srgb, #ffc24d 60%, #fff); outline-offset: -13px;
  padding: 3.8% 5.2% 2.4%; display: flex; flex-direction: column; overflow: hidden;
}
html[data-stage="migzeret-or"] .stg-migzeretor-head { text-align: center; }
html[data-stage="migzeret-or"] .stg-migzeretor-title { font-weight: 900; font-size: clamp(21px, 4vw, 43px); color: #5f4a24; text-shadow: 0 0 20px color-mix(in srgb, #ffc24d 30%, transparent); }
html[data-stage="migzeret-or"] .stg-migzeretor-date { color: #7d766a; font-size: 14px; margin-top: 4px; }
html[data-stage="migzeret-or"] .stg-migzeretor-body { position: relative; flex: 1; display: grid; grid-template-columns: 1fr 1fr; padding: 0 15%; gap: 0 22%; align-items: center; }
html[data-stage="migzeret-or"] .stg-migzeretor-col-title { color: #8a6d3b; font-weight: 700; text-align: center; margin-bottom: 8px; font-size: 14px; }
html[data-stage="migzeret-or"] .stg-migzeretor-row { display: flex; justify-content: space-between; padding: 4px 8px; font-size: 13.5px; }
html[data-stage="migzeret-or"] .stg-migzeretor-val { font-weight: 800; color: #5f4a24; }
html[data-stage="migzeret-or"] .stg-migzeretor-row-next .stg-migzeretor-val { text-shadow: 0 0 10px color-mix(in srgb, #ffc24d 60%, transparent); }
html[data-stage="migzeret-or"] .stg-migzeretor-medallion {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;
  width: min(20%, 24vh); aspect-ratio: 1; border-radius: 50%; background: #fff;
  box-shadow: 0 0 0 7px color-mix(in srgb, #ffc24d 16%, #fff), 0 0 0 9px color-mix(in srgb, #ffc24d 70%, #fff), 0 0 34px color-mix(in srgb, #ffc24d 55%, transparent), 0 0 90px color-mix(in srgb, #ffc24d 25%, transparent);
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 4px;
  padding: 10px 12px; /* לא % — ה-containing-block של padding לאלמנט absolute הוא רוחב ההורה המלא (שתי העמודות), לא רוחב המדליה עצמה */
  transition: box-shadow .3s;
}
html[data-stage="migzeret-or"] .stg-migzeretor-medallion-armed {
  box-shadow: 0 0 0 7px color-mix(in srgb, #ffc24d 16%, #fff), 0 0 0 9px color-mix(in srgb, #ffc24d 70%, #fff), 0 0 48px color-mix(in srgb, #ffc24d 55%, transparent), 0 0 120px color-mix(in srgb, #ffc24d 25%, transparent);
}
html[data-stage="migzeret-or"] .stg-migzeretor-medallion-label { color: #7d766a; font-size: 12px; }
html[data-stage="migzeret-or"] .stg-migzeretor-medallion-time { font-weight: 900; font-size: clamp(24px, 4.6vw, 52px); color: #5f4a24; line-height: 1.05; }
html[data-stage="migzeret-or"] .stg-migzeretor-medallion-sub { color: #7d766a; font-size: 11.5px; }
html[data-stage="migzeret-or"] .stg-migzeretor-announce {
  text-align: center; color: #8a8375; font-size: 12.5px; margin-top: 8px; opacity: 0; transition: opacity .6s;
}
html[data-stage="migzeret-or"] .stg-migzeretor-announce-in { opacity: 1; }

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — מדליה לחותם-ראש (סטטי, לא מרחפת); שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="migzeret-or"] .stg-migzeretor-head { order: 0; }
  html[data-stage="migzeret-or"] .stg-migzeretor-medallion { order: 1; position: static; transform: none; width: min(56%, 28vh); margin: 1vh auto; }
  html[data-stage="migzeret-or"] .stg-migzeretor-body { order: 2; grid-template-columns: 1fr; padding: 1vh 6%; gap: 10px; }
  html[data-stage="migzeret-or"] .stg-migzeretor-announce { order: 3; }
  html[data-stage="migzeret-or"] .stg-migzeretor-medallion-time { font-size: clamp(26px, 8vw, 40px); }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="migzeret-or"] .stg-migzeretor-body { padding: 0 8%; gap: 0 24%; }
  html[data-stage="migzeret-or"] .stg-migzeretor-medallion { width: min(24%, 22vh); }
}

/* ═══ 06 — שני הלוחות · אבן וזהב (luchot) — docs/design/theme-stages/06-luchot.md ═══
 * קיר אבן חצובה, שני לוחות מעוגלי-ראש שהם עצמם התוכן (לא פאנלים גנריים), כתב
 * זהב חקוק (Suez One + background-clip). 🕯️ מוצג רק בחלון הדלקת-הנרות (3.6).
 */
@keyframes stgLuchotFlick { 0%, 100% { transform: scaleY(1) rotate(-2deg); } 50% { transform: scaleY(1.1) rotate(2deg); } }

html[data-stage="luchot"] body { background: linear-gradient(180deg, #cdbfa0, #b8a884); color: #3d321d; }
html[data-stage="luchot"] #topbar,
html[data-stage="luchot"] nav { background: #3d321dd9; backdrop-filter: blur(8px); color: #d0ba8a; border-color: #00000020; }
html[data-stage="luchot"] #topbar .tb-main { color: #e8cf85; font-family: 'Suez One', serif; }
html[data-stage="luchot"] #topbar .tb-bsd,
html[data-stage="luchot"] #topbar .tb-parasha,
html[data-stage="luchot"] .tb-btn { color: #d0ba8a; }
html[data-stage="luchot"] nav button { color: #d0ba8a; border-left-color: #00000020; background: transparent; }
html[data-stage="luchot"] nav button.active,
html[data-stage="luchot"] nav button:hover { background: transparent; color: #f0d276; box-shadow: inset 0 -2px 0 #c9a233; }
html[data-stage="luchot"] .header {
  background:
    repeating-linear-gradient(0deg, #00000022 0 3px, transparent 3px 110px),
    repeating-linear-gradient(90deg, #00000018 0 3px, transparent 3px 170px),
    linear-gradient(180deg, #cfc2a6, #b8a884);
  border: none; box-shadow: none;
}
html[data-stage="luchot"] .header::before { display: none; }
html[data-stage="luchot"] .shul-pre,
html[data-stage="luchot"] .shul-sub { color: #5f5133; text-shadow: 0 1px 0 #ffffff80; }
html[data-stage="luchot"] .shul-name {
  font-family: 'Suez One', serif;
  background: linear-gradient(180deg, #8a6a1e, #c9a233 45%, #f0d276 60%, #8a6a1e);
  -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 1px 0 #fff8);
}
html[data-stage="luchot"] #stage-hero-chip { background: linear-gradient(180deg, #6e5a2e, #57461f); border: none; color: #f2e6c2; box-shadow: inset 0 1px 0 #ffffff30, 0 6px 14px #00000030; border-radius: 8px; }
html[data-stage="luchot"] #stage-hero-chip .shc-main { color: #fff3cf; font-weight: 700; }
html[data-stage="luchot"] .card {
  background: linear-gradient(180deg, #e9dfc2, #d6c8a4); border: 1px solid #a5946c;
  border-radius: 44% 44% 14px 14px / 15% 15% 14px 14px; box-shadow: 0 14px 30px rgba(60, 45, 20, .3), inset 0 3px 0 #ffffffb0;
  padding-top: 28px;
}
html[data-stage="luchot"] .card-title { font-family: 'David Libre', serif; text-align: center; color: #4a3c1e; text-shadow: 0 1px 0 #ffffff99; border-bottom: none; }
html[data-stage="luchot"] .zman-label,
html[data-stage="luchot"] .zman-row.tefila .zman-label,
html[data-stage="luchot"] .zman-time,
html[data-stage="luchot"] .ann-title,
html[data-stage="luchot"] .shiur-info h3,
html[data-stage="luchot"] .par-name { color: #4a3c22; text-shadow: 0 1px 0 #ffffff80; }
html[data-stage="luchot"] .ann-body,
html[data-stage="luchot"] .shiur-info p,
html[data-stage="luchot"] .zman-time.sec { color: #5f5133; }
/* השלמת כיסוי — לשונית ימי-החול (#chol) חיה על .day-card/.day-detail/.week-grid,
 * לא על .card; היו נשארים "לוח קלאסי" לבן. אותה שפת-אבן כמו .card שמעל. */
html[data-stage="luchot"] .day-card {
  background: linear-gradient(180deg, #e9dfc2, #d6c8a4); border: 1px solid #a5946c;
  border-radius: 30% 30% 10px 10px / 12% 12% 10px 10px; box-shadow: 0 8px 18px rgba(60, 45, 20, .28), inset 0 2px 0 #ffffffb0;
}
html[data-stage="luchot"] .day-card:hover,
html[data-stage="luchot"] .day-card.selected { background: linear-gradient(180deg, #f0e8d0, #ddd0ac); border-color: #8a7850; }
html[data-stage="luchot"] .day-card.today { border-color: #c9a233; box-shadow: 0 0 0 2px #c9a23355, 0 8px 18px rgba(60, 45, 20, .28); }
html[data-stage="luchot"] .day-name { color: #5f5133; }
html[data-stage="luchot"] .day-date { color: #4a3c1e; text-shadow: 0 1px 0 #ffffff80; }
html[data-stage="luchot"] .day-shkia { color: #5f5133; }
html[data-stage="luchot"] .day-detail {
  background: linear-gradient(180deg, #e9dfc2, #d6c8a4); border: 1px solid #a5946c;
  border-radius: 30% 30% 10px 10px / 10% 10% 10px 10px; box-shadow: 0 14px 30px rgba(60, 45, 20, .3), inset 0 3px 0 #ffffffb0;
  padding-top: 20px;
}
html[data-stage="luchot"] .day-detail-title { font-family: 'David Libre', serif; text-align: center; color: #4a3c1e; text-shadow: 0 1px 0 #ffffff99; border-bottom: none; }
html[data-stage="luchot"] .badge { background: #3d321d20; color: #4a3c1e; border-color: #a5946c; }
html[data-stage="luchot"] .parasha-banner { background: linear-gradient(180deg, #e9dfc2, #d6c8a4); border: 1px solid #a5946c; }
html[data-stage="luchot"] .par-label { color: #5f5133; }
html[data-stage="luchot"] .shabbat-shalom { color: #4a3c1e; border-color: #a5946c; text-shadow: 0 1px 0 #ffffff80; }
html[data-stage="luchot"] .section-label { color: #5f5133; border-bottom-color: #a5946c60; }
html[data-stage="luchot"] .minyan-label { background: #3d321d20; color: #4a3c1e; }
html[data-stage="luchot"] .shiur-card {
  background: linear-gradient(180deg, #e9dfc2, #d6c8a4); border: 1px solid #a5946c; box-shadow: 0 8px 18px rgba(60, 45, 20, .28);
}
html[data-stage="luchot"] .shiur-icon { color: #8a6d3b; }
html[data-stage="luchot"] .footer { color: #5f5133; }

/* פר-פוזיציה — אתר (§2) */
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="luchot"] .header { display: flex; align-items: center; justify-content: center; gap: 14px; padding: .6rem 1rem; }
  html[data-stage="luchot"] .header-row { display: contents; }
  html[data-stage="luchot"] .header-center { flex: 0 0 auto; }
  html[data-stage="luchot"] .shul-sub { display: none; }
  html[data-stage="luchot"] .shul-name { font-size: 20px; }
  html[data-stage="luchot"] #stage-hero-chip { margin-top: 0; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="luchot"] #display-mode {
  background:
    repeating-linear-gradient(0deg, #00000026 0 3px, transparent 3px 26.5%),
    repeating-linear-gradient(90deg, #0000001c 0 3px, transparent 3px 24%),
    repeating-linear-gradient(90deg, #ffffff12 0 10px, transparent 10px 24%),
    linear-gradient(180deg, #cdbfa0 0%, #bcab87 55%, #a8966f 100%);
}
html[data-stage="luchot"] .stg-luchot-screen { overflow: hidden; font-family: 'David Libre', serif; display: flex; flex-direction: column; }
html[data-stage="luchot"] .stg-luchot-head { flex: 0 0 auto; }
html[data-stage="luchot"] .stg-luchot-body { flex: 1 1 auto; min-height: 0; }
html[data-stage="luchot"] .stg-luchot-clock {
  position: absolute; top: 3%; inset-inline-start: 3%; color: #5d4a1d; background: #fff8e6a0; border: 1px solid #a5946c;
  border-radius: 999px; padding: 4px 16px; font-size: 15px;
}
html[data-stage="luchot"] .stg-luchot-head { text-align: center; padding-top: clamp(16px, 3.6vh, 36px); }
html[data-stage="luchot"] .stg-luchot-title {
  font-family: 'Suez One', serif; font-size: clamp(22px, 4.2vw, 46px);
  background: linear-gradient(180deg, #8a6a1e, #c9a233 45%, #f0d276 60%, #8a6a1e);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 1px 0 #fff8) drop-shadow(0 2px 3px #00000030);
}
html[data-stage="luchot"] .stg-luchot-date { color: #5f5133; text-shadow: 0 1px 0 #ffffff80; font-size: 14px; margin-top: 4px; }
html[data-stage="luchot"] .stg-luchot-body { display: grid; grid-template-columns: 1fr .92fr 1fr; gap: 20px; padding: 2vh 4vw; align-items: center; }
html[data-stage="luchot"] .stg-luchot-tablet {
  background: linear-gradient(180deg, #e9dfc2 0%, #dbcda7 70%, #cfbf95 100%); border: 1px solid #a5946c;
  border-radius: 44% 44% 12px 12px / 17% 17% 12px 12px;
  box-shadow: 0 18px 38px rgba(60, 45, 20, .38), inset 0 3px 0 #ffffffb0, inset 0 -10px 22px #00000018;
  padding: 5.5% 7% 4%;
}
html[data-stage="luchot"] .stg-luchot-tablet-title { font-family: 'David Libre', serif; text-align: center; color: #4a3c1e; text-shadow: 0 1px 0 #ffffff99; margin-bottom: 8px; }
html[data-stage="luchot"] .stg-luchot-row { display: flex; justify-content: space-evenly; gap: 8px; padding: 4px 2px; font-size: 13.5px; color: #4a3c22; text-shadow: 0 1px 0 #ffffff80; }
html[data-stage="luchot"] .stg-luchot-val { font-weight: 700; color: #3a2e16; }
html[data-stage="luchot"] .stg-luchot-row-next .stg-luchot-val { color: #8a6a1e; }
html[data-stage="luchot"] .stg-luchot-mid { text-align: center; }
html[data-stage="luchot"] .stg-luchot-flame { font-size: clamp(18px, 2.6vw, 30px); filter: drop-shadow(0 2px 6px #00000040); margin-bottom: 4px; }
@media (prefers-reduced-motion: no-preference) { html[data-stage="luchot"] .stg-luchot-flame { display: inline-block; animation: stgLuchotFlick 2.8s ease-in-out infinite; } }
html[data-stage="luchot"] .stg-luchot-mid-label { font-family: 'David Libre', serif; color: #5f5133; font-size: 14px; }
html[data-stage="luchot"] .stg-luchot-mid-time {
  font-family: 'Suez One', serif; font-size: clamp(36px, 7vw, 80px);
  background: linear-gradient(180deg, #8a6a1e, #c9a233 45%, #f0d276 60%, #8a6a1e);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 1px 0 #fff8) drop-shadow(0 2px 3px #00000030); transition: filter .3s;
}
html[data-stage="luchot"] .stg-luchot-mid-armed .stg-luchot-mid-time {
  filter: drop-shadow(0 1px 0 #fff8) drop-shadow(0 2px 3px #00000030) drop-shadow(0 0 18px #c9a23366);
}
html[data-stage="luchot"] .stg-luchot-mid-sub { font-family: 'David Libre', serif; color: #5f5133; font-size: 13px; }
html[data-stage="luchot"] .stg-luchot-plaque {
  position: absolute; bottom: 20px; left: 20px; right: 20px; text-align: center;
  background: linear-gradient(180deg, #6e5a2e, #57461f); color: #f2e6c2; border-radius: 8px; padding: 8px 16px;
  font-family: 'David Libre', serif; font-size: 13px; opacity: 0; transition: opacity .6s;
  max-height: 3em; overflow: hidden;
}
html[data-stage="luchot"] .stg-luchot-plaque-in { opacity: 1; }

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — הלוחות נערמים; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="luchot"] .stg-luchot-body { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 12px; padding: 1vh 6% calc(2vh + 50px); }
  html[data-stage="luchot"] .stg-luchot-mid { order: -1; padding: 1vh 0 2vh; }
  html[data-stage="luchot"] .stg-luchot-mid-time { font-size: clamp(40px, 12vw, 64px); }
  html[data-stage="luchot"] .stg-luchot-tablet { border-radius: 24% 24% 12px 12px / 10% 10% 12px 12px; }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="luchot"] .stg-luchot-body { grid-template-columns: 1fr .8fr 1fr; }
  html[data-stage="luchot"] .stg-luchot-tablet { padding: 3% 6% 3%; }
}

/* ═══ 07 — מגילה · עצי חיים (megila) — docs/design/theme-stages/07-megila.md ═══
 * יריעת קלף רציפה אחת (לא פאנלים) בין שני מוטות עץ עם מכסי-קצה, על יין-בורדו.
 * בעומד המגילה נגללת אנכית — המוטות מסתובבים לאופקיים (§3, לא 16:9 מכווץ).
 */
html[data-stage="megila"] body { background: radial-gradient(120% 105% at 50% 40%, #3d1522, #240a13 66%, #16060c); color: #e8cf9a; }
html[data-stage="megila"] #topbar,
html[data-stage="megila"] nav { background: #240a13e6; backdrop-filter: blur(8px); color: #c9a883; border-color: #00000030; }
html[data-stage="megila"] #topbar .tb-main { color: #f6ead0; font-weight: 900; }
html[data-stage="megila"] #topbar .tb-bsd,
html[data-stage="megila"] #topbar .tb-parasha,
html[data-stage="megila"] .tb-btn { color: #c9a883; }
html[data-stage="megila"] nav button { color: #c9a883; border-left-color: #00000030; background: transparent; }
html[data-stage="megila"] nav button.active,
html[data-stage="megila"] nav button:hover { background: transparent; color: #f6ead0; box-shadow: inset 0 -2px 0 #c98a4a; }
html[data-stage="megila"] .header { background: transparent; border: none; box-shadow: none; position: relative; }
html[data-stage="megila"] .header::before { display: none; }
html[data-stage="megila"] .stg-megila-parchment {
  background:
    repeating-linear-gradient(0deg, rgba(120, 95, 55, .045) 0 2px, transparent 2px 6px),
    radial-gradient(110% 100% at 50% 0%, #f8f1de 0%, #efe4c8 60%, #e4d3ac 100%);
  color: #312516; border-radius: 10px; padding: 4.5% 7%; margin: 0 10%;
  box-shadow: inset 26px 0 30px -18px rgba(70, 45, 15, .55), inset -26px 0 30px -18px rgba(70, 45, 15, .55), 0 16px 40px rgba(0, 0, 0, .5);
}
html[data-stage="megila"] .stg-megila-site-rod {
  position: absolute; top: 2%; height: 96%; width: 26px; border-radius: 10px;
  background: linear-gradient(90deg, #2c1a0c 0%, #6e421e 26%, #c98a4a 50%, #6e421e 74%, #241408 100%);
  box-shadow: 0 10px 26px #00000090; z-index: 1;
}
html[data-stage="megila"] .stg-megila-site-rod-r { inset-inline-end: 6.2%; }
html[data-stage="megila"] .stg-megila-site-rod-l { inset-inline-start: 6.2%; }
html[data-stage="megila"] .shul-pre { color: #8a744f; }
html[data-stage="megila"] .shul-name { font-weight: 900; color: #5f4a24; }
html[data-stage="megila"] .shul-sub { color: #5a4630; }
html[data-stage="megila"] #stage-hero-chip { background: #ffffff8a; border: 1.5px solid #c7b48c; color: #5a4630; }
html[data-stage="megila"] #stage-hero-chip .shc-main { color: #5f4a24; font-weight: 700; }
html[data-stage="megila"] .card { background: #f8f1de; border: 1.5px solid #c7b48c; box-shadow: 0 12px 26px #00000040; }
html[data-stage="megila"] .card-title { color: #5f4a24; border-bottom: 1.5px solid #b7a077; }
/* כלל עמוד-כהה (00-foundation §5): הפריטים הבאים יושבים ישירות על רקע העמוד
 * הכהה, לא בתוך כרטיס — חייבים דיו בהיר. אותו הרכב סלקטורים כמו kesef. */
html[data-stage="megila"] .week-nav button,
html[data-stage="megila"] .refdate-bar button { color: #c9a883; border-color: #c7b48c55; background: transparent; }
html[data-stage="megila"] .week-nav button:hover,
html[data-stage="megila"] .refdate-bar button:hover { background: #ffffff10; color: #f6ead0; }
html[data-stage="megila"] .week-label,
html[data-stage="megila"] .refdate-bar { color: #c9a883; }
html[data-stage="megila"] .refdate-bar input[type="date"] { color: #c9a883; border-color: #c7b48c55; background: #ffffff10; }
html[data-stage="megila"] .refdate-banner { background: #f8f1de; border-color: #c7b48c; color: #5f4a24; }
html[data-stage="megila"] .source-note { color: #c9a883; }
html[data-stage="megila"] .shabbat-shalom { color: #f6ead0; border-color: #c7b48c55; }
html[data-stage="megila"] .parasha-banner { background: #f8f1de; border-color: #c7b48c; }
html[data-stage="megila"] .par-label { color: #c9a883; }
html[data-stage="megila"] .par-name { color: #5f4a24; }
html[data-stage="megila"] .section-label { color: #c9a883; border-bottom-color: #c7b48c40; }
html[data-stage="megila"] .minyan-label { background: #ffffff10; color: #f6ead0; }
html[data-stage="megila"] .day-card { background: #f8f1de; border-color: #c7b48c; }
html[data-stage="megila"] .day-card:hover,
html[data-stage="megila"] .day-card.selected { background: #f2e7ca; border-color: #b7a077; }
html[data-stage="megila"] .day-card.today { border-color: #c98a4a; box-shadow: 0 2px 10px #00000040; }
html[data-stage="megila"] .day-name { color: #8a744f; }
html[data-stage="megila"] .day-date { color: #5f4a24; }
html[data-stage="megila"] .day-shkia { color: #5a4630; }
html[data-stage="megila"] .day-detail { background: #f8f1de; border-color: #c7b48c; }
html[data-stage="megila"] .day-detail-title { color: #5f4a24; border-bottom-color: #b7a077; }
html[data-stage="megila"] .footer { color: #c9a883; }

/* פר-פוזיציה — אתר (§2) */
@media (min-width: 601px) and (max-width: 1023px) {
  html[data-stage="megila"] .stg-megila-parchment { margin: 0 7%; }
  html[data-stage="megila"] .stg-megila-site-rod { width: 18px; }
  html[data-stage="megila"] .stg-megila-site-rod-r { inset-inline-end: 3.5%; }
  html[data-stage="megila"] .stg-megila-site-rod-l { inset-inline-start: 3.5%; }
}
@media (max-width: 600px) and (orientation: portrait) {
  html[data-stage="megila"] .stg-megila-parchment { margin: 0 6%; }
  html[data-stage="megila"] .stg-megila-site-rod { display: none; }
}
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="megila"] .stg-megila-site-rod { display: none; }
  html[data-stage="megila"] .stg-megila-parchment { margin: .5rem 1rem; padding: 3% 4%; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
  html[data-stage="megila"] .header-row { display: contents; }
  html[data-stage="megila"] .header-center { flex: 0 0 auto; }
  html[data-stage="megila"] .shul-sub { display: none; }
  html[data-stage="megila"] .shul-name { font-size: 20px; }
  html[data-stage="megila"] #stage-hero-chip { margin-top: 0; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9 — מוטות אנכיים) ── */
html[data-stage="megila"] #display-mode { background: radial-gradient(120% 105% at 50% 45%, #3d1522 0%, #240a13 62%, #16060c 100%); }
html[data-stage="megila"] .stg-megila-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; }
html[data-stage="megila"] .stg-megila-rod {
  position: absolute; top: -2.5%; bottom: -2.5%; width: 5%; border-radius: 12px; z-index: 2;
  background: linear-gradient(90deg, #2c1a0c 0%, #6e421e 26%, #c98a4a 50%, #6e421e 74%, #241408 100%);
  box-shadow: 0 10px 26px #00000090;
}
html[data-stage="megila"] .stg-megila-rod::before,
html[data-stage="megila"] .stg-megila-rod::after {
  content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 170%; height: 5.5%; border-radius: 50%;
  background: radial-gradient(circle at 42% 36%, #8a5a2c, #4a2c12 70%);
}
html[data-stage="megila"] .stg-megila-rod::before { top: -2.5%; }
html[data-stage="megila"] .stg-megila-rod::after { bottom: -2.5%; }
html[data-stage="megila"] .stg-megila-rod-r { inset-inline-end: 2.2%; }
html[data-stage="megila"] .stg-megila-rod-l { inset-inline-start: 2.2%; }
html[data-stage="megila"] .stg-megila-sheet {
  position: absolute; top: 5.5%; bottom: 5.5%; inset-inline-end: 8%; inset-inline-start: 8%; z-index: 1;
  background:
    repeating-linear-gradient(0deg, rgba(120, 95, 55, .045) 0 2px, transparent 2px 6px),
    radial-gradient(110% 100% at 50% 0%, #f8f1de 0%, #efe4c8 60%, #e4d3ac 100%);
  color: #312516; border-radius: 8px;
  box-shadow: inset 30px 0 30px -18px rgba(70, 45, 15, .55), inset -30px 0 30px -18px rgba(70, 45, 15, .55), 0 16px 40px rgba(0, 0, 0, .5);
  padding: 2.6% 4.5% 2%; display: flex; flex-direction: column; overflow: hidden;
}
html[data-stage="megila"] .stg-megila-clock {
  position: absolute; top: 2.6%; inset-inline-start: 4%; color: #5f4a24; background: #ffffff70; border: 1px solid #c7b48c;
  border-radius: 999px; padding: 3px 14px; font-size: 14px;
}
html[data-stage="megila"] .stg-megila-head { text-align: center; }
html[data-stage="megila"] .stg-megila-title { font-weight: 900; font-size: clamp(21px, 4vw, 44px); color: #5f4a24; }
html[data-stage="megila"] .stg-megila-ornament { display: flex; align-items: center; justify-content: center; gap: 12px; color: #6d5a3e; font-size: 13px; margin-top: 6px; }
html[data-stage="megila"] .stg-megila-ornament::before,
html[data-stage="megila"] .stg-megila-ornament::after { content: ''; width: 18%; height: 1.5px; background: linear-gradient(90deg, transparent, #b7a077, transparent); }
html[data-stage="megila"] .stg-megila-body { flex: 1; display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 16px; align-items: center; padding: 1vh 0; }
html[data-stage="megila"] .stg-megila-col-title { text-align: center; color: #5f4a24; border-bottom: 1px solid #b7a077; padding-bottom: 4px; margin-bottom: 8px; font-size: 13.5px; }
html[data-stage="megila"] .stg-megila-row { display: flex; justify-content: space-evenly; gap: 6px; padding: 3px 2px; font-size: 13px; }
html[data-stage="megila"] .stg-megila-val { font-weight: 700; color: #5f4a24; }
html[data-stage="megila"] .stg-megila-row-next .stg-megila-val { color: #8a6d3b; }
html[data-stage="megila"] .stg-megila-mid { text-align: center; }
html[data-stage="megila"] .stg-megila-mid-label { letter-spacing: .1em; color: #6d5a3e; font-size: 13px; }
html[data-stage="megila"] .stg-megila-mid-time { font-weight: 900; font-size: clamp(34px, 6.6vw, 74px); color: #5f4a24; line-height: 1.05; }
html[data-stage="megila"] .stg-megila-mid-armed .stg-megila-mid-time { color: #6e421e; }
html[data-stage="megila"] .stg-megila-mid-sub { color: #6d5a3e; font-size: 12.5px; }
html[data-stage="megila"] .stg-megila-announce {
  text-align: center; color: #6d5a3e; font-size: 12.5px; padding-top: 8px; border-top: 1.5px dotted #b7a077;
  opacity: 0; transition: opacity .6s;
}
html[data-stage="megila"] .stg-megila-announce-in { opacity: 1; }

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — המוטות מסתובבים לאופקיים; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="megila"] .stg-megila-rod { top: auto; bottom: auto; inset-inline: 2.5%; width: auto; height: 5%; }
  html[data-stage="megila"] .stg-megila-rod-r { top: -2.5%; }
  html[data-stage="megila"] .stg-megila-rod-l { bottom: -2.5%; top: auto; }
  html[data-stage="megila"] .stg-megila-rod::before,
  html[data-stage="megila"] .stg-megila-rod::after { top: 50%; left: auto; transform: translateY(-50%); width: 5.5%; height: 170%; }
  html[data-stage="megila"] .stg-megila-rod::before { inset-inline-start: -2.5%; }
  html[data-stage="megila"] .stg-megila-rod::after { inset-inline-start: auto; inset-inline-end: -2.5%; }
  html[data-stage="megila"] .stg-megila-sheet {
    top: 8%; bottom: 8%; inset-inline-end: 5.5%; inset-inline-start: 5.5%;
    box-shadow: inset 0 30px 30px -18px rgba(70, 45, 15, .55), inset 0 -30px 30px -18px rgba(70, 45, 15, .55), 0 16px 40px rgba(0, 0, 0, .5);
  }
  /* §3 עומד: הסדר הנערם המפורש הוא head -> זמנים -> mid -> תפילות -> הודעות —
     סדר ה-DOM הטבעי (col-זמנים, mid, col-תפילות) כבר תואם; אין דריסת order. */
  html[data-stage="megila"] .stg-megila-body { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 8px; padding: 0; }
  html[data-stage="megila"] .stg-megila-mid { padding: 1.5vh 0; }
  html[data-stage="megila"] .stg-megila-mid-time { font-size: clamp(36px, 11vw, 58px); }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="megila"] .stg-megila-sheet { inset-inline-end: 9%; inset-inline-start: 9%; }
  html[data-stage="megila"] .stg-megila-body { grid-template-columns: 1fr 1fr 1fr; }
}

/* ═══ 13 — קשת השמש · מסלול היום (keshet) — docs/design/theme-stages/13-keshet.md ═══
 * אינפוגרפיקה חיה של היום: רקיע-ספקטרום אופקי, קשת מקווקוות עם 5 נקודות-זמן,
 * ושמש אמיתית שנעה עליה לפי computeSunPosition/computeArcPoint (JS, לא CSS).
 */
html[data-stage="keshet"] body { background: #f6ecd6; color: #3f2f1a; }
html[data-stage="keshet"] #topbar,
html[data-stage="keshet"] nav { background: #241543cc; backdrop-filter: blur(10px); color: #cbbfd8; border-color: transparent; }
html[data-stage="keshet"] #topbar .tb-main,
html[data-stage="keshet"] #topbar .tb-bsd { color: #ffe9be; font-family: 'David Libre', serif; font-weight: 700; }
html[data-stage="keshet"] #topbar .tb-parasha,
html[data-stage="keshet"] .tb-btn { color: #cbbfd8; }
html[data-stage="keshet"] nav button { color: #cbbfd8; border-left-color: #ffffff22; background: transparent; }
html[data-stage="keshet"] nav button.active,
html[data-stage="keshet"] nav button:hover { background: transparent; color: #ffd98a; box-shadow: inset 0 -2px 0 #ffb45c; }
html[data-stage="keshet"] .header {
  background:
    linear-gradient(0deg, #b98a4f 0 9%, transparent 9%),
    linear-gradient(to left, #2a1a4a 0%, #7a3f68 10%, #e8955c 24%, #f4d9a0 36%, #a8d4e8 50%, #f4d9a0 64%, #e8955c 78%, #b04448 90%, #241543 100%);
  border: none; box-shadow: none; overflow: hidden; position: relative;
}
html[data-stage="keshet"] .header::before { display: none; }
html[data-stage="keshet"] .header-center,
html[data-stage="keshet"] .shul-sub,
html[data-stage="keshet"] .address { color: #3a2c18; text-shadow: 0 1px 8px #ffffff70; }
html[data-stage="keshet"] .shul-pre { color: #5c4426; text-shadow: 0 1px 8px #ffffff70; }
html[data-stage="keshet"] .shul-name { color: #3a2410; text-shadow: 0 1px 8px #ffffff70; }
html[data-stage="keshet"] .stg-keshet-site-arcbox {
  position: absolute; inset: 16% 10% 12%; z-index: 1; pointer-events: none;
}
html[data-stage="keshet"] .stg-keshet-site-arcbox::before {
  content: ''; position: absolute; inset: 0; border: 2.5px dashed #7a5a2a99; border-bottom: none; border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}
html[data-stage="keshet"] .stg-keshet-site-dot { position: absolute; transform: translate(-50%, -50%); text-align: center; white-space: nowrap; }
html[data-stage="keshet"] .stg-keshet-site-dot i { display: block; width: 11px; height: 11px; border-radius: 50%; background: #7a3d16; border: 2px solid #fdf4dc; margin: 0 auto; }
html[data-stage="keshet"] .stg-keshet-site-dot-k { font-weight: 700; font-size: 11px; color: #4a3218; text-shadow: 0 1px 0 #fff; }
html[data-stage="keshet"] .stg-keshet-site-dot-v { font-weight: 800; font-size: 11px; color: #7a3d16; text-shadow: 0 1px 0 #fff; }
html[data-stage="keshet"] .stg-keshet-site-sun {
  position: absolute; width: 34px; height: 34px; border-radius: 50%; transform: translate(-50%, -50%);
  background: radial-gradient(circle at 40% 34%, #fff6d0, #ffd571 55%, #f4a83a 85%);
  box-shadow: 0 0 20px #ffce7aaa, 0 0 44px #ffce7a55; transition: left 1s linear, top 1s linear;
}
html[data-stage="keshet"] #stage-hero-chip { background: #fdf4dcd0; border: 1.5px solid #b9955fa0; color: #6e5432; }
html[data-stage="keshet"] #stage-hero-chip .shc-main { color: #7a3d16; font-weight: 700; }
html[data-stage="keshet"] .card { background: #fffaf0; border: 1.5px solid #d9bd8c; }
html[data-stage="keshet"] .card-title { color: #3b6b8f; }
html[data-stage="keshet"] .footer { color: #8a6d45; border-top-color: #d9bd8c; }

/* פר-פוזיציה — אתר (§2) */
@media (max-width: 600px) and (orientation: portrait) {
  html[data-stage="keshet"] .stg-keshet-site-dot-k,
  html[data-stage="keshet"] .stg-keshet-site-dot-v { display: none; }
}
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="keshet"] .header { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; padding: .6rem 1rem; }
  html[data-stage="keshet"] .header-row { display: contents; }
  html[data-stage="keshet"] .header-center { flex: 0 0 auto; }
  html[data-stage="keshet"] .shul-pre,
  html[data-stage="keshet"] .shul-sub { display: none; }
  html[data-stage="keshet"] .shul-name { font-size: 20px; }
  html[data-stage="keshet"] #stage-hero-chip { margin-top: 0; }
  html[data-stage="keshet"] .stg-keshet-site-arcbox { inset: 20% 8% 8%; }
  html[data-stage="keshet"] .stg-keshet-site-dot-k,
  html[data-stage="keshet"] .stg-keshet-site-dot-v { display: none; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="keshet"] #display-mode {
  background:
    linear-gradient(0deg, #b98a4f 0 12%, transparent 12%),
    linear-gradient(to left, #2a1a4a 0%, #7a3f68 10%, #e8955c 24%, #f4d9a0 36%, #a8d4e8 50%, #f4d9a0 64%, #e8955c 78%, #b04448 90%, #241543 100%);
}
html[data-stage="keshet"] .stg-keshet-screen { overflow: hidden; font-family: 'David Libre', serif; display: flex; flex-direction: column; }
html[data-stage="keshet"] .stg-keshet-head { text-align: center; padding: 2vh 4vw 0; text-shadow: 0 1px 8px #ffffff70; flex: 0 0 auto; }
html[data-stage="keshet"] .stg-keshet-title { font-weight: 700; font-size: clamp(20px, 3.8vw, 40px); color: #3a2410; }
html[data-stage="keshet"] .stg-keshet-date { color: #5c4426; font-size: 13px; margin-top: 4px; }
html[data-stage="keshet"] .stg-keshet-sky { position: relative; flex: 1; margin: 1.4% 6% 0; }
html[data-stage="keshet"] .stg-keshet-sky::before {
  content: ''; position: absolute; inset: 8% 0 0 0; border: 2.5px dashed #7a5a2a99; border-bottom: none; border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}
html[data-stage="keshet"] .stg-keshet-dot { position: absolute; transform: translate(-50%, -50%); text-align: center; white-space: nowrap; }
html[data-stage="keshet"] .stg-keshet-dot i { display: block; width: clamp(9px, 1.2vw, 14px); height: clamp(9px, 1.2vw, 14px); border-radius: 50%; background: #7a3d16; border: 2px solid #fdf4dc; margin: 0 auto; }
html[data-stage="keshet"] .stg-keshet-dot-k { font-weight: 700; font-size: 12px; color: #4a3218; text-shadow: 0 1px 0 #fff; }
html[data-stage="keshet"] .stg-keshet-dot-v { font-weight: 800; font-size: 12px; color: #7a3d16; text-shadow: 0 1px 0 #fff; }
html[data-stage="keshet"] .stg-keshet-sun {
  position: absolute; width: clamp(26px, 3.6vw, 44px); height: clamp(26px, 3.6vw, 44px); border-radius: 50%; transform: translate(-50%, -50%);
  background: radial-gradient(circle at 40% 34%, #fff6d0, #ffd571 55%, #f4a83a 85%);
  box-shadow: 0 0 24px #ffce7aaa, 0 0 54px #ffce7a55; transition: left 1s linear, top 1s linear, box-shadow .4s;
}
html[data-stage="keshet"] .stg-keshet-sun-armed { box-shadow: 0 0 24px #ffce7aaa, 0 0 54px #ffce7a55, 0 0 110px #ffce7a44; }
html[data-stage="keshet"] .stg-keshet-sun-tag {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 4px; white-space: nowrap;
  font-size: 11.5px; font-weight: 700; color: #3a2410; background: #fdf4dcd0; border-radius: 999px; padding: 2px 10px; border: 1px solid #b9955fa0;
}
html[data-stage="keshet"] .stg-keshet-strip {
  flex: 0 0 auto; display: flex; justify-content: center; gap: 8px; padding: 1.2vh 4vw; flex-wrap: nowrap;
}
html[data-stage="keshet"] .stg-keshet-cell {
  background: #fdf4dcd0; border: 1px solid #b9955fa0; border-radius: 10px; padding: 6px 10px; text-align: center; flex: 1; min-width: 0;
}
html[data-stage="keshet"] .stg-keshet-cell-l { color: #6e5432; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-stage="keshet"] .stg-keshet-cell-v { color: #4a3218; font-weight: 800; font-size: 13px; }
html[data-stage="keshet"] .stg-keshet-cell-next .stg-keshet-cell-v { color: #7a3d16; }
html[data-stage="keshet"] .stg-keshet-cell-counting { background: #f4d9a0; }
html[data-stage="keshet"] .stg-keshet-announce {
  flex: 0 0 auto; text-align: center; color: #fdf4dc; text-shadow: 0 1px 3px #00000060; font-size: 12px; padding-bottom: 1.4vh;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 4vw;
}

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — sky כרצועה מלאת-רוחב, ספקטרום נשאר אופקי; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="keshet"] .stg-keshet-sky { flex: 0 0 38%; margin: 1.4% 4% 0; }
  html[data-stage="keshet"] .stg-keshet-strip { flex-wrap: wrap; }
  html[data-stage="keshet"] .stg-keshet-cell { flex: 0 0 calc(50% - 8px); }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="keshet"] .stg-keshet-head { padding-top: 1.2vh; }
  html[data-stage="keshet"] .stg-keshet-strip { flex-wrap: nowrap; }
}

/* ═══ 09 — קיר השעונים · עץ (kir-wood) — docs/design/theme-stages/09-kir-wood.md ═══
 * הבמה הכבדה ביותר: שעונים אנלוגיים אמיתיים על קיר עץ — הזמן הוא מחוגים, לא
 * ספרות. buildAnalogClockFaceSVG/computeClockHandAngles (theme-engine.js) בלבד.
 */
html[data-stage="kir-wood"] body {
  background: repeating-linear-gradient(90deg, #00000010 0 2px, transparent 2px 96px), linear-gradient(180deg, #efe5d2 0%, #e8dcc2 100%);
  color: #3b2a17;
}
html[data-stage="kir-wood"] #topbar,
html[data-stage="kir-wood"] nav { background: #4a2f14; color: #d9bf94; border-color: #00000030; }
html[data-stage="kir-wood"] #topbar .tb-main { color: #f2e2c4; font-weight: 900; }
html[data-stage="kir-wood"] #topbar .tb-bsd,
html[data-stage="kir-wood"] #topbar .tb-parasha,
html[data-stage="kir-wood"] .tb-btn { color: #d9bf94; }
html[data-stage="kir-wood"] nav button { color: #d9bf94; border-left-color: #00000030; background: transparent; }
html[data-stage="kir-wood"] nav button.active,
html[data-stage="kir-wood"] nav button:hover { background: transparent; color: #fff; box-shadow: inset 0 -2px 0 #c98a4a; }
html[data-stage="kir-wood"] .header {
  background:
    repeating-linear-gradient(90deg, #00000014 0 2px, transparent 2px 96px),
    repeating-linear-gradient(90deg, #ffffff10 0 6px, transparent 6px 96px),
    linear-gradient(180deg, #dcb887 0%, #caa06a 60%, #b98c55 100%);
  border: none; box-shadow: none;
}
html[data-stage="kir-wood"] .header::before { display: none; }
html[data-stage="kir-wood"] .shul-pre { color: #6e5432; }
html[data-stage="kir-wood"] .shul-name { color: #4a2f14; }
html[data-stage="kir-wood"] #stage-hero-chip { background: #fdf9eed9; border: 1.5px solid #8a5a2c66; color: #6e5432; }
html[data-stage="kir-wood"] #stage-hero-chip .shc-main { color: #5f4a24; font-weight: 700; }
html[data-stage="kir-wood"] #stage-site-deco { position: static; pointer-events: auto; margin-top: 10px; }
html[data-stage="kir-wood"] .stg-kirwood-site-row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
html[data-stage="kir-wood"] .stg-kirwood-site-clock { width: clamp(72px, 10vw, 100px); text-align: center; }
html[data-stage="kir-wood"] .stg-kirwood-site-ring {
  border-radius: 50%; aspect-ratio: 1; padding: 7%;
  background: conic-gradient(#5f3a18, #a06a34, #5f3a18, #3d240e, #8a5a2c, #5f3a18);
}
html[data-stage="kir-wood"] .stg-kirwood-site-clock-next .stg-kirwood-site-ring { box-shadow: 0 0 0 3px #8a6d3b; }
html[data-stage="kir-wood"] .stg-kirwood-site-face {
  width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, #fdf9ee, #efe6d1 78%); color: #3b2a17;
}
html[data-stage="kir-wood"] .stg-kirwood-site-name { font-size: 11px; color: #4a2f14; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-stage="kir-wood"] .stg-kirwood-site-time { font-size: 11px; font-weight: 700; color: #5f4a24; }
html[data-stage="kir-wood"] .card { background: #fdf9ee; border: 1.5px solid #c9a97c; box-shadow: 0 10px 24px rgba(90, 60, 25, .14); }
html[data-stage="kir-wood"] .card-title { color: #4a2f14; }
html[data-stage="kir-wood"] .footer { color: #8a6d45; border-top-color: #c9a97c; }

/* פר-פוזיציה — אתר (§2) */
@media (max-width: 600px) and (orientation: portrait) {
  html[data-stage="kir-wood"] .stg-kirwood-site-clock { width: calc(50% - 5px); }
}
@media (max-width: 340px) {
  html[data-stage="kir-wood"] .stg-kirwood-site-clock:not(:first-child) { display: none; }
  html[data-stage="kir-wood"] .stg-kirwood-site-clock { width: 96px; }
}
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="kir-wood"] .header { display: flex; align-items: center; justify-content: center; gap: 14px; padding: .6rem 1rem; flex-wrap: wrap; }
  html[data-stage="kir-wood"] .header-row { display: contents; }
  html[data-stage="kir-wood"] .header-center { flex: 0 0 auto; }
  html[data-stage="kir-wood"] .shul-sub { display: none; }
  html[data-stage="kir-wood"] .shul-name { font-size: 20px; }
  html[data-stage="kir-wood"] #stage-hero-chip { margin-top: 0; }
  html[data-stage="kir-wood"] #stage-site-deco { margin-top: 0; width: 100%; order: 10; }
  html[data-stage="kir-wood"] .stg-kirwood-site-clock { width: 56px; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="kir-wood"] #display-mode {
  background: repeating-linear-gradient(90deg, #00000012 0 2px, transparent 2px 96px), linear-gradient(180deg, #dcb887 0%, #caa06a 60%, #b98c55 100%);
}
html[data-stage="kir-wood"] .stg-kirwood-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; display: flex; flex-direction: column; padding: 2vh 3vw; }
html[data-stage="kir-wood"] .stg-kirwood-head { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 20px; flex: 0 0 auto; }
html[data-stage="kir-wood"] .stg-kirwood-titles { text-align: right; }
html[data-stage="kir-wood"] .stg-kirwood-title { font-weight: 900; font-size: clamp(19px, 3.4vw, 36px); color: #4a2f14; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-stage="kir-wood"] .stg-kirwood-date { color: #6e5432; font-size: 13px; margin-top: 2px; }
html[data-stage="kir-wood"] .stg-kirwood-now { display: flex; align-items: center; gap: 12px; }
html[data-stage="kir-wood"] .stg-kirwood-now-label { letter-spacing: .24em; font-size: 12px; color: #6e5432; writing-mode: horizontal-tb; }
html[data-stage="kir-wood"] .stg-kirwood-now-digital { font-weight: 800; font-size: 20px; color: #3b2a17; }
html[data-stage="kir-wood"] .stg-kirwood-now-ring {
  border-radius: 50%; aspect-ratio: 1; width: clamp(78px, 11vw, 128px); padding: 6%;
  background: conic-gradient(#5f3a18, #a06a34, #5f3a18, #3d240e, #8a5a2c, #5f3a18); box-shadow: 0 6px 16px #00000040;
}
html[data-stage="kir-wood"] .stg-kirwood-now-face { width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, #fdf9ee, #efe6d1 78%); color: #3b2a17; }
html[data-stage="kir-wood"] .stg-kirwood-wall {
  flex: 1; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; align-items: center; padding: 1.5vh 0;
}
html[data-stage="kir-wood"] .stg-kirwood-cell { position: relative; text-align: center; }
html[data-stage="kir-wood"] .stg-kirwood-ring {
  border-radius: 50%; aspect-ratio: 1; width: min(100%, calc(15vh + 4vw)); margin: 0 auto; padding: 7%;
  background: conic-gradient(#5f3a18, #a06a34, #5f3a18, #3d240e, #8a5a2c, #5f3a18);
}
html[data-stage="kir-wood"] .stg-kirwood-cell-next .stg-kirwood-ring { box-shadow: 0 0 0 3px #8a6d3b; }
html[data-stage="kir-wood"] .stg-kirwood-cell-counting .stg-kirwood-ring { animation: stgKirwoodTick 1s step-end infinite; }
@keyframes stgKirwoodTick { 0%, 100% { box-shadow: 0 0 0 3px #8a6d3b; } 50% { box-shadow: 0 0 0 5px #8a6d3b; } }
@media (prefers-reduced-motion: reduce) { html[data-stage="kir-wood"] .stg-kirwood-cell-counting .stg-kirwood-ring { animation: none; box-shadow: 0 0 0 4px #8a6d3b; } }
html[data-stage="kir-wood"] .stg-kirwood-face { width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, #fdf9ee, #efe6d1 78%); color: #3b2a17; }
html[data-stage="kir-wood"] .stg-kirwood-cell-name { font-weight: 700; font-size: 13px; color: #4a2f14; margin-top: 6px; }
html[data-stage="kir-wood"] .stg-kirwood-cell-time { font-weight: 800; font-size: 13px; color: #5f4a24; }
html[data-stage="kir-wood"] .stg-kirwood-badge {
  position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #8a6d3b; color: #fff; border-radius: 999px;
  padding: 2px 10px; font-size: 11px; font-weight: 700; white-space: nowrap; z-index: 1;
}
html[data-stage="kir-wood"] .stg-kirwood-zrow {
  flex: 0 0 auto; display: flex; gap: 8px; background: #fdf9eed9; border: 1px solid #8a5a2c66; border-radius: 10px; padding: 8px 12px;
}
html[data-stage="kir-wood"] .stg-kirwood-zcell { flex: 1; text-align: center; min-width: 0; }
html[data-stage="kir-wood"] .stg-kirwood-zk { font-size: 11px; color: #6e5432; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-stage="kir-wood"] .stg-kirwood-zv { font-weight: 800; font-size: 13px; color: #3b2a17; }
html[data-stage="kir-wood"] .stg-kirwood-announce {
  flex: 0 0 auto; text-align: center; color: #6e5432; font-size: 12px; padding-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html[data-stage="kir-wood"] .stg-kirwood-announce-imp { color: #8a6d3b; }

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — הקיר נערם 2×3, השעון הגדול במרכז; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="kir-wood"] .stg-kirwood-head { flex-direction: column; text-align: center; }
  html[data-stage="kir-wood"] .stg-kirwood-titles { text-align: center; order: -1; }
  html[data-stage="kir-wood"] .stg-kirwood-now { flex-direction: column; margin-top: 6px; }
  html[data-stage="kir-wood"] .stg-kirwood-now-ring { width: clamp(96px, 26vw, 150px); }
  html[data-stage="kir-wood"] .stg-kirwood-wall { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 1fr); }
  html[data-stage="kir-wood"] .stg-kirwood-ring { width: min(100%, 20vh); }
  html[data-stage="kir-wood"] .stg-kirwood-zrow { flex-wrap: wrap; }
  html[data-stage="kir-wood"] .stg-kirwood-zcell { flex: 0 0 calc(33.33% - 6px); }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="kir-wood"] .stg-kirwood-wall { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); }
  html[data-stage="kir-wood"] .stg-kirwood-zk { font-size: 9.5px; }
}

/* ═══ 10 — קיר השעונים · כסף (kir-kesef) — docs/design/theme-stages/10-kir-kesef.md ═══
 * "גימור-אח" מוצהר של 09-kir-wood: אותה קומפוזיציה, namespace עצמאי משלה
 * (⛔ בלי קלאסים/תבנית-אב משותפים — שכפול מבני מכוון, נאמנות-לקטלוג לא כפל).
 * חדר גרפיט לילי, טבעות כסף, פני-שעון פחם. תג/טבעת "הבאה" נשארים אדום
 * #8B1A1A גם כאן — ערך המוקאפ (חריג מודע §3, לא המצאה).
 */
html[data-stage="kir-kesef"] body { background: #101216; color: #dfe3ea; }
html[data-stage="kir-kesef"] #topbar,
html[data-stage="kir-kesef"] nav { background: #0b0c0fe6; border-color: #aab1bd2e; color: #9aa0ab; }
html[data-stage="kir-kesef"] #topbar .tb-main { color: #eef1f6; font-weight: 900; }
html[data-stage="kir-kesef"] #topbar .tb-bsd,
html[data-stage="kir-kesef"] #topbar .tb-parasha,
html[data-stage="kir-kesef"] .tb-btn { color: #9aa0ab; }
html[data-stage="kir-kesef"] nav button { color: #9aa0ab; border-left-color: #aab1bd2e; background: transparent; }
html[data-stage="kir-kesef"] nav button.active,
html[data-stage="kir-kesef"] nav button:hover { background: transparent; color: #f2f4f8; box-shadow: inset 0 -2px 0 #c9ced8; }
html[data-stage="kir-kesef"] .header {
  background: repeating-linear-gradient(90deg, #ffffff07 0 2px, transparent 2px 96px), linear-gradient(180deg, #23262c 0%, #15171c 100%);
  border: none; box-shadow: none;
}
html[data-stage="kir-kesef"] .header::before { display: none; }
html[data-stage="kir-kesef"] .shul-pre { color: #9aa0ab; }
html[data-stage="kir-kesef"] .shul-name { color: #eef1f6; }
html[data-stage="kir-kesef"] #stage-hero-chip { background: #ffffff0a; border: 1px solid #aab1bd44; color: #c9ced8; }
html[data-stage="kir-kesef"] #stage-hero-chip .shc-main { color: #f2f4f8; font-weight: 700; }
html[data-stage="kir-kesef"] #stage-site-deco { position: static; pointer-events: auto; margin-top: 10px; }
html[data-stage="kir-kesef"] .stg-kirkesef-site-row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
html[data-stage="kir-kesef"] .stg-kirkesef-site-clock { width: clamp(72px, 10vw, 100px); text-align: center; }
html[data-stage="kir-kesef"] .stg-kirkesef-site-ring {
  border-radius: 50%; aspect-ratio: 1; padding: 7%; box-shadow: 0 8px 22px #00000070;
  background: conic-gradient(#7c828d, #e6eaf1, #7c828d, #4c515b, #c9ced8, #7c828d);
}
html[data-stage="kir-kesef"] .stg-kirkesef-site-clock-next .stg-kirkesef-site-ring { box-shadow: 0 8px 22px #00000070, 0 0 0 3px #8B1A1A; }
html[data-stage="kir-kesef"] .stg-kirkesef-site-face {
  width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, #2b2f36, #1b1e24 78%); color: #e6eaf1;
}
html[data-stage="kir-kesef"] .stg-kirkesef-site-name { font-size: 11px; color: #c9ced8; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-stage="kir-kesef"] .stg-kirkesef-site-time { font-size: 11px; font-weight: 700; color: #f2f4f8; }
html[data-stage="kir-kesef"] .card { background: #171a20; border: 1px solid #aab1bd2b; }
html[data-stage="kir-kesef"] .card-title { color: #c9ced8; }
html[data-stage="kir-kesef"] .zman-label,
html[data-stage="kir-kesef"] .zman-row.tefila .zman-label,
html[data-stage="kir-kesef"] .ann-title,
html[data-stage="kir-kesef"] .shiur-info h3,
html[data-stage="kir-kesef"] .par-name { color: #dfe3ea; }
html[data-stage="kir-kesef"] .zman-time { color: #f2f4f8; }
/* כלל עמוד-כהה (00-foundation §5) — סעיפים שלא כוסו עדיין ע"י הבלוק שמעל. */
html[data-stage="kir-kesef"] .week-nav button,
html[data-stage="kir-kesef"] .refdate-bar button { color: #c9ced8; border-color: #aab1bd45; background: transparent; }
html[data-stage="kir-kesef"] .week-nav button:hover,
html[data-stage="kir-kesef"] .refdate-bar button:hover { background: #ffffff10; color: #f2f4f8; }
html[data-stage="kir-kesef"] .week-label,
html[data-stage="kir-kesef"] .refdate-bar { color: #9aa0ab; }
html[data-stage="kir-kesef"] .refdate-bar input[type="date"] { color: #c9ced8; border-color: #aab1bd45; background: #ffffff08; }
html[data-stage="kir-kesef"] .refdate-banner { background: #171a20; border-color: #aab1bd45; color: #dfe3ea; }
html[data-stage="kir-kesef"] .source-note { color: #7c828d; }
html[data-stage="kir-kesef"] .shabbat-shalom { color: #f2f4f8; border-color: #aab1bd45; }
html[data-stage="kir-kesef"] .parasha-banner { background: #171a20; border-color: #aab1bd2b; }
html[data-stage="kir-kesef"] .par-label { color: #9aa0ab; }
html[data-stage="kir-kesef"] .section-label { color: #9aa0ab; border-bottom-color: #aab1bd2b; }
html[data-stage="kir-kesef"] .minyan-label { background: #ffffff08; color: #c9ced8; }
html[data-stage="kir-kesef"] .day-card { background: #171a20; border-color: #aab1bd2b; }
html[data-stage="kir-kesef"] .day-card:hover,
html[data-stage="kir-kesef"] .day-card.selected { background: #1c1f26; border-color: #aab1bd66; }
html[data-stage="kir-kesef"] .day-card.today { border-color: #c9ced8; box-shadow: 0 2px 10px #00000066; }
html[data-stage="kir-kesef"] .day-name { color: #8b919c; }
html[data-stage="kir-kesef"] .day-date { color: #f2f4f8; }
html[data-stage="kir-kesef"] .day-shkia { color: #9aa0ab; }
html[data-stage="kir-kesef"] .day-detail { background: #171a20; border-color: #aab1bd2b; }
html[data-stage="kir-kesef"] .day-detail-title { color: #c9ced8; border-bottom-color: #aab1bd2b; }
html[data-stage="kir-kesef"] .footer { color: #7c828d; border-top-color: #aab1bd22; }

/* פר-פוזיציה — אתר (§2) */
@media (max-width: 600px) and (orientation: portrait) {
  html[data-stage="kir-kesef"] .stg-kirkesef-site-clock { width: calc(50% - 5px); }
}
@media (max-width: 340px) {
  html[data-stage="kir-kesef"] .stg-kirkesef-site-clock:not(:first-child) { display: none; }
  html[data-stage="kir-kesef"] .stg-kirkesef-site-clock { width: 96px; }
}
@media (orientation: landscape) and (max-height: 480px) {
  html[data-stage="kir-kesef"] .header { display: flex; align-items: center; justify-content: center; gap: 14px; padding: .6rem 1rem; flex-wrap: wrap; }
  html[data-stage="kir-kesef"] .header-row { display: contents; }
  html[data-stage="kir-kesef"] .header-center { flex: 0 0 auto; }
  html[data-stage="kir-kesef"] .shul-sub { display: none; }
  html[data-stage="kir-kesef"] .shul-name { font-size: 20px; }
  html[data-stage="kir-kesef"] #stage-hero-chip { margin-top: 0; }
  html[data-stage="kir-kesef"] #stage-site-deco { margin-top: 0; width: 100%; order: 10; }
  html[data-stage="kir-kesef"] .stg-kirkesef-site-clock { width: 56px; }
}

/* ── מסך התצוגה (ברירת מחדל: שוכב 16:9) ── */
html[data-stage="kir-kesef"] #display-mode {
  background:
    repeating-linear-gradient(90deg, #ffffff07 0 2px, transparent 2px 96px),
    repeating-linear-gradient(0deg, #00000030 0 1px, transparent 1px 8px),
    linear-gradient(180deg, #23262c 0%, #17191e 55%, #101216 100%);
}
html[data-stage="kir-kesef"] .stg-kirkesef-screen { overflow: hidden; font-family: 'Frank Ruhl Libre', serif; display: flex; flex-direction: column; padding: 2vh 3vw; color: #dfe3ea; }
html[data-stage="kir-kesef"] .stg-kirkesef-head { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 20px; flex: 0 0 auto; }
html[data-stage="kir-kesef"] .stg-kirkesef-titles { text-align: right; }
html[data-stage="kir-kesef"] .stg-kirkesef-title { font-weight: 900; font-size: clamp(19px, 3.4vw, 36px); color: #eef1f6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-stage="kir-kesef"] .stg-kirkesef-date { color: #9aa0ab; font-size: 13px; margin-top: 2px; }
html[data-stage="kir-kesef"] .stg-kirkesef-now { display: flex; align-items: center; gap: 12px; }
html[data-stage="kir-kesef"] .stg-kirkesef-now-label { letter-spacing: .24em; font-size: 12px; color: #9aa0ab; }
html[data-stage="kir-kesef"] .stg-kirkesef-now-digital { font-weight: 800; font-size: 20px; color: #eef1f6; }
html[data-stage="kir-kesef"] .stg-kirkesef-now-ring {
  border-radius: 50%; aspect-ratio: 1; width: clamp(78px, 11vw, 128px); padding: 6%; box-shadow: 0 8px 22px #00000070;
  background: conic-gradient(#7c828d, #e6eaf1, #7c828d, #4c515b, #c9ced8, #7c828d);
}
html[data-stage="kir-kesef"] .stg-kirkesef-now-face { width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, #2b2f36, #1b1e24 78%); color: #e6eaf1; }
html[data-stage="kir-kesef"] .stg-kirkesef-wall {
  flex: 1; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; align-items: center; padding: 1.5vh 0;
}
html[data-stage="kir-kesef"] .stg-kirkesef-cell { position: relative; text-align: center; }
html[data-stage="kir-kesef"] .stg-kirkesef-ring {
  border-radius: 50%; aspect-ratio: 1; width: min(100%, calc(15vh + 4vw)); margin: 0 auto; padding: 7%; box-shadow: 0 8px 22px #00000070;
  background: conic-gradient(#7c828d, #e6eaf1, #7c828d, #4c515b, #c9ced8, #7c828d);
}
html[data-stage="kir-kesef"] .stg-kirkesef-cell-next .stg-kirkesef-ring { box-shadow: 0 8px 22px #00000070, 0 0 0 3px #8B1A1A; }
html[data-stage="kir-kesef"] .stg-kirkesef-cell-counting .stg-kirkesef-ring { animation: stgKirkesefTick 1s step-end infinite; }
@keyframes stgKirkesefTick { 0%, 100% { box-shadow: 0 8px 22px #00000070, 0 0 0 3px #8B1A1A; } 50% { box-shadow: 0 8px 22px #00000070, 0 0 0 5px #8B1A1A; } }
@media (prefers-reduced-motion: reduce) { html[data-stage="kir-kesef"] .stg-kirkesef-cell-counting .stg-kirkesef-ring { animation: none; box-shadow: 0 8px 22px #00000070, 0 0 0 4px #8B1A1A; } }
html[data-stage="kir-kesef"] .stg-kirkesef-face { width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, #2b2f36, #1b1e24 78%); color: #e6eaf1; }
html[data-stage="kir-kesef"] .stg-kirkesef-cell-name { font-weight: 700; font-size: 13px; color: #c9ced8; margin-top: 6px; }
html[data-stage="kir-kesef"] .stg-kirkesef-cell-time { font-weight: 800; font-size: 13px; color: #f2f4f8; }
html[data-stage="kir-kesef"] .stg-kirkesef-badge {
  position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #8B1A1A; color: #fff; border-radius: 999px;
  padding: 2px 10px; font-size: 11px; font-weight: 700; white-space: nowrap; z-index: 1;
}
html[data-stage="kir-kesef"] .stg-kirkesef-zrow {
  flex: 0 0 auto; display: flex; gap: 8px; background: #ffffff0a; border: 1px solid #aab1bd44; border-radius: 10px; padding: 8px 12px;
}
html[data-stage="kir-kesef"] .stg-kirkesef-zcell { flex: 1; text-align: center; min-width: 0; }
html[data-stage="kir-kesef"] .stg-kirkesef-zk { font-size: 11px; color: #9aa0ab; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-stage="kir-kesef"] .stg-kirkesef-zv { font-weight: 800; font-size: 13px; color: #f2f4f8; }
html[data-stage="kir-kesef"] .stg-kirkesef-announce {
  flex: 0 0 auto; text-align: center; color: #9aa0ab; font-size: 12px; padding-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html[data-stage="kir-kesef"] .stg-kirkesef-announce-imp { color: #c9ced8; }

/* פר-פוזיציה — מסך (§3.7): עומד 9:16 — הקיר נערם 2×3, השעון הגדול במרכז; שוכב 4:3 */
@media (orientation: portrait) {
  html[data-stage="kir-kesef"] .stg-kirkesef-head { flex-direction: column; text-align: center; }
  html[data-stage="kir-kesef"] .stg-kirkesef-titles { text-align: center; order: -1; }
  html[data-stage="kir-kesef"] .stg-kirkesef-now { flex-direction: column; margin-top: 6px; }
  html[data-stage="kir-kesef"] .stg-kirkesef-now-ring { width: clamp(96px, 26vw, 150px); }
  html[data-stage="kir-kesef"] .stg-kirkesef-wall { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 1fr); }
  html[data-stage="kir-kesef"] .stg-kirkesef-ring { width: min(100%, 20vh); }
  html[data-stage="kir-kesef"] .stg-kirkesef-zrow { flex-wrap: wrap; }
  html[data-stage="kir-kesef"] .stg-kirkesef-zcell { flex: 0 0 calc(33.33% - 6px); }
}
@media (orientation: landscape) and (max-aspect-ratio: 3/2) {
  html[data-stage="kir-kesef"] .stg-kirkesef-wall { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); }
  html[data-stage="kir-kesef"] .stg-kirkesef-zk { font-size: 9.5px; }
}