/* ───────────────────────────────────────────────────────────
   כלי האקורדים · הסגנון

   הפלטה היא פלטת המותג, בלי להמציא גוונים: ירוק הלוגו, זהב,
   שמנת. **זהב הוא קו ומסגרת ולא טקסט** - זהב על שמנת נמדד 1.91
   ונפל. טקסט תוכן נושא כהה או ירוק לוגו, ויש גוון דיו זהב כהה
   אחד שעובר, ‎#6b5124. לא מייצרים גוון במהילה בשחור ולא מאירים
   במהילה בלבן.

   **ההיררכיה היא העיצוב כאן.** הגרסה הקודמת הייתה ארבעה כרטיסי
   שמנת זהים עם אותה מסגרת זהב בזה אחר זה, וזה נראה כמו טופס ולא
   כמו מוצר. עכשיו יש דבר אחד גדול, הכלי, וכל השאר שקט סביבו:
   בלי כרטיסים, בלי מסגרות, רק מרחב וקו שיער אחד בין מקטעים.
   ─────────────────────────────────────────────────────────── */
:root{
  --green:#0f4a35;
  --green-d:#0a3426;
  --gold:#cdb181;
  --gold-l:#e8cfa2;
  --gold-d:#9d7e4e;
  --ink-gold:#6b5124;       /* דיו זהב כהה. עובר ניגודיות */
  --cream:#fbf6ea;
  --cream-d:#f1e7d1;
  --ink:#241a10;
  --paper:#fffdf7;
  --serif:'Frank Ruhl Libre',Georgia,serif;
  --sans:'Heebo',system-ui,Arial,sans-serif;
  --latin:'Cormorant Garamond',Georgia,serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:var(--sans);font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
button{font:inherit;cursor:pointer;color:inherit}
a{color:var(--green)}
/* **display משלו גובר על התכונה hidden.** ‎.play button הוא
   display:flex, ולכן "עצרו" נשאר על המסך אחרי שכיבינו אותו. */
[hidden]{display:none!important}
.wrap{max-width:640px;margin:0 auto;padding:0 20px}

/* ── כותרת עליונה ──
   "בית ליוצרים" הוא השם הבולט, ו-Song School שני מתחתיו. */
.top{background:var(--cream)}
.top .wrap{display:flex;align-items:center;gap:11px;height:62px}
.top .mark{width:36px;height:36px;border-radius:50%;flex:0 0 auto;
  border:1px solid var(--gold);background:var(--green);
  display:grid;place-items:center}
.top .mark svg{width:19px;height:19px;display:block}
.top .nm{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.top .nm b{font-family:var(--serif);font-weight:900;font-size:18px;color:var(--green)}
.top .nm span{font-family:var(--latin);font-size:13px;color:var(--ink-gold);
  direction:ltr;unicode-bidi:plaintext}

/* ── הפתיחה. קצרה, כדי שהכלי יגיע מהר. ── */
.lede{text-align:center;padding:14px 20px 0}
.lede h1{font-family:var(--serif);font-weight:900;margin:0;
  font-size:clamp(27px,7vw,38px);line-height:1.15;color:var(--green)}
.lede p{margin:7px auto 0;max-width:26em;font-size:16px;color:var(--ink-gold)}

/* ── הכלי ──
   הבמה יוצאת מהשוליים אל קצות המסך. כלי בתוך קופסה נראה קטן;
   כלי שנוגע בקצוות נראה כמו חלון אל הדבר עצמו. */
.tool{margin-top:20px}
.cname{display:flex;align-items:baseline;justify-content:center;
  gap:12px;flex-wrap:wrap;padding-bottom:10px}
.cname b{font-family:var(--serif);font-weight:900;line-height:1.05;
  font-size:clamp(34px,9.5vw,52px);color:var(--green)}
/* **זהב הוא קו, לא טקסט.** ‎--gold-d כאן נמדד 3.52, ועבר רק
   בזכות ההקלה לטקסט גדול. דיו הזהב הכהה נותן את אותו רושם
   ועומד ברצפה המלאה. */
.cname i{font-family:var(--latin);font-style:normal;font-weight:600;
  font-size:clamp(26px,7vw,38px);color:var(--ink-gold);
  direction:ltr;unicode-bidi:plaintext}
/* השם השני של צליל שחור: "סול במול" ו"פה דיאז" הם אותו קליד. */
.cname u{flex-basis:100%;text-align:center;text-decoration:none;
  font-size:13px;color:var(--ink-gold);unicode-bidi:plaintext}

/* ── דיאגרמת האקורד ──
   **הפלטה נקראה מהמקור**: _רשתות/רילס/styles/guitar_lux.html,
   הגיטרה שהבעלים אישר ברילסים. הכלל שלה: העץ כהה ועמום, וכל
   האור נמצא במתכת. הצבעים עצמם מוזרקים מה-JS כגרדיאנטים, כי
   הם גרדיאנטים ולא גוונים שטוחים; כאן רק מה שאפשר ב-CSS.

   המשטח הוא שמנת. הייתה גרסה כהה לבחירה והבעלים בחר בבהיר,
   ולכן היא ירדה: לא נשארת כאופציה ואין בורר. */
.dgstage{padding:20px 16px 16px;
  background:radial-gradient(ellipse at 50% 42%,#fffdf8 0%,var(--cream) 68%,#f2e8d7 100%);
  border-block:1px solid var(--gold-l)}
.dg{display:block;width:100%;max-width:420px;margin:0 auto;height:auto;
  overflow:visible;touch-action:manipulation}
/* הבינדינג: קו עצם דק בקצה הלוח. האור בא מלמעלה, ולכן הקצה
   השני עמום יותר. */
.dg .bind{stroke:rgba(243,226,192,.62);stroke-width:.9}
.dg .bind.dim{stroke:rgba(228,208,172,.3)}
.dg .inlay{opacity:.85}
.dg .sn{fill:var(--ink-gold);font:500 6.4px var(--latin);
  text-anchor:middle;direction:ltr}
.dg .fl{fill:var(--ink-gold);font:600 8px var(--latin);text-anchor:middle}
/* הסימון: מילוי כהה וקו בהיר. **הקו הוא שמתנגד לעץ**, וכתם
   מלא כהה על רוזווד נמדד 1.03 ולא נראה. */
/* הקו הוא הערך הבהיר של הסימון במקור, ‎#fff3d4, ולא גוון זהב
   עמום יותר. **זה מה שמכריע את המדידה**: מתחת לסימון יש גם עץ
   כהה וגם מיתר מתכת בגוון אמצע, ומול גוון אמצע התקרה לכל צבע
   היא 5.0, שמושגת רק עם כמעט לבן. עם ‎#e8cfa2 יצא 3.87. */
/* העיגול שמתחת: אותו רוזווד, כדי שהמיתר ייעלם מתחת לאצבע.
   הגוון הוא הערך האמצעי של גרדיאנט העץ במקור. */
.dg .under{fill:#2a1a10}
.dg .dot,.dg .barre{fill:#120c07;stroke:#fff3d4;stroke-width:1.3}
.dg .dot.bass{stroke:#f3b98a}          /* נחושת על מיתר הבס, כמו במקור */
.dg .fn{fill:#f6e6c2;font:700 6.1px var(--sans);text-anchor:middle}
/* × ו-O מעל האוכף: סימון עדין, מיושר לציר המיתר. */
.dg .mk{fill:none;stroke:var(--ink-gold);stroke-width:1.15;stroke-linecap:round}
.dg .hit{fill:transparent;cursor:pointer}
.dg .str.vib{animation:dgvib .5s ease-out}
@keyframes dgvib{0%,100%{opacity:1}40%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.dg .str.vib{animation:none}}

/* המקרא. שורה של פריטים קצרים, לא פסקה. */
.cap{margin:13px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;
  justify-content:center;font-size:14px;line-height:1.5;color:var(--ink-gold)}
.cap span{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
/* "1 2 3 4" הוא רצף ניטרלי, ובעברית הוא מתהפך ל-"4 3 2 1".
   בידוד מחזיר אותו לסדר שבו מספרים את האצבעות. */
.cap b{color:var(--green);font-weight:700;font-size:15px;
  direction:ltr;unicode-bidi:isolate}

.play{display:flex;gap:10px;margin-top:14px}
.play button{flex:1;padding:15px 10px;border-radius:14px;
  background:var(--green);border:1px solid var(--green-d);color:#fff;
  font-family:var(--serif);font-weight:700;font-size:18px;
  display:flex;align-items:center;justify-content:center;gap:9px}
.play button svg{width:20px;height:20px;display:block;flex:0 0 auto}
.play button.ghost{flex:0 0 auto;background:transparent;color:var(--ink-gold);
  border-color:var(--gold);font-size:15px;padding:15px 18px}
/* **כפתור כבוי שאי אפשר לקרוא הוא לא כפתור כבוי, הוא כתם.**
   opacity:.5 הוריד את הלבן על הירוק ל-2.75, ונמדד. */
.play button[disabled]{cursor:default;
  background:var(--cream-d);border-color:var(--gold);color:var(--ink-gold)}
.nosound{margin:10px 0 0;font-size:15px;color:var(--ink-gold);text-align:center}

/* ── הרגע האחד ──
   לא כותרת, לא רשימה ולא כרטיס: משפט שתופס את העין בזכות מרחב
   וגודל בלבד. זה גם מה שהחליף את בלוק הוי והאיקס שירד. */
.beat{margin:34px auto 0;max-width:620px;padding:0 20px;text-align:center;
  font-family:var(--serif);font-weight:700;color:var(--green);
  font-size:clamp(21px,5.4vw,28px);line-height:1.4}
.beat em{display:inline-block;margin-top:6px;font-style:normal;font-weight:400;
  font-size:clamp(16px,4vw,19px);color:var(--ink-gold)}

/* ── בחירת האקורד. שקטה, בלי כרטיס ובלי מסגרת. ── */
.board{margin-top:34px;padding-top:24px;border-top:1px solid var(--gold-l)}
.board h2{font-family:var(--sans);font-weight:500;font-size:14px;
  letter-spacing:.06em;margin:0 0 12px;color:var(--ink-gold);text-align:center}
/* ── החיפוש ──
   שדה אחד, רחב, ומעל כל הכפתורים. **הוא הדרך האמיתית אל 216
   אקורדים**, ולכן הוא לא נראה כמו תוספת. */
.find{margin:0 0 10px}
.find input{width:100%;box-sizing:border-box;padding:13px 14px;
  border-radius:14px;border:1px solid var(--gold-l);background:#fff;
  color:var(--ink);font-family:var(--sans);font-size:16px}
/* 16px הוא לא קוסמטיקה: ספארי בטלפון מקרב את המסך לכל שדה
   שהגופן בו קטן מ-16, והמקלדת קופצת והדף מזנק. */
.find input::placeholder{color:#8a7b63}
.find input:focus{outline:2px solid var(--gold-d);outline-offset:1px}
.hits{display:flex;flex-wrap:wrap;gap:6px}
.hits:not(:empty){margin:0 0 12px}
.hits button{padding:8px 12px;border-radius:999px;background:#fff;
  border:1px solid var(--gold-l);color:var(--ink);font-size:14.5px}
.hits button i{font-family:var(--latin);font-style:normal;
  direction:ltr;unicode-bidi:isolate;color:var(--ink-gold)}
.hits .none{font-size:14px;color:var(--ink-gold)}
/* ── הכפתור שפותח את השכבה השנייה ──
   **לא "עוד", אלא מה הוא עושה.** והוא מתחלף ולא נעלם, כדי
   שאפשר יהיה לקפל חזרה. */
.more{display:block;margin:9px auto 0;padding:9px 18px;border-radius:999px;
  background:transparent;border:1px dashed var(--gold-d);
  color:var(--ink-gold);font-family:var(--sans);font-size:14px}
.roots{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.fams{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}
.roots button,.fams button{
  padding:9px 2px;border-radius:12px;background:transparent;
  border:1px solid var(--gold-l);color:var(--ink);
  font-size:15px;line-height:1.2;text-align:center}
.fams button{font-size:14.5px;padding:10px 4px}
/* בעברית הסימן ♭ הוא תו ניטרלי, ולכן הוא קופץ לשמאל ו-E♭ יוצא ♭E.
   בידוד לטיני על החלק הזה בלבד מחזיר אותו למקום. */
.roots button .lat{display:block;direction:ltr;unicode-bidi:isolate;
  font-family:var(--latin);font-weight:600;font-size:17px;line-height:1.1}
.roots button .sub{display:block;font-size:10.5px;color:var(--ink-gold);margin-top:1px}
.roots button[aria-pressed=true],.fams button[aria-pressed=true]{
  background:var(--green);border-color:var(--green-d);color:#fff}
.roots button[aria-pressed=true] .sub{color:#e8dcc4}
@media (max-width:420px){
  .roots{grid-template-columns:repeat(4,1fr)}
  .roots button,.fams button{font-size:14px}
}

/* ── התיבה ──
   "כאן ממשיכים", במילים של הבעלים. **תיבה ולא כפתור טקסט**:
   משטח שנראה כמו יעד. בלי כותרת מעליה, בלי פסקה שמסבירה למה
   ובלי מחיר. היא אומרת את עצמה.
   קו הזהב הוא מה שמבדיל בין משטח ליעד. */
a.go{display:flex;align-items:center;justify-content:center;gap:12px;
  margin:40px auto 0;max-width:600px;text-decoration:none;
  padding:30px 24px;border-radius:20px;
  background:linear-gradient(180deg,var(--green) 0%,var(--green-d) 100%);
  border:1px solid var(--gold-d);
  box-shadow:0 0 0 1px rgba(232,207,162,.3) inset,
             0 10px 24px -14px rgba(10,52,38,.6);
  color:#fff}
a.go b{font-family:var(--serif);font-weight:900;
  font-size:clamp(23px,6vw,30px);line-height:1.1;letter-spacing:.01em}
a.go svg{width:22px;height:22px;flex:0 0 auto;color:var(--gold-l)}
@media (max-width:420px){a.go{margin-inline:20px;padding:22px 18px}}

/* ── המייל. הבלוק הצבעוני היחיד בדף, ולכן הוא נראה. ──
   **אין כאן בחירה בין גיטרה לפסנתר.** הדף עצמו הוא הבחירה. */
/* **הטופס נרגע, והתיבה היא הרגע החזק.** כששניהם היו ירוקים
   הם נראו כמו שני בלוקים זהים זה אחרי זה, והיעד לא בלט. */
.mail{margin-top:34px;border-radius:18px;background:var(--paper);
  border:1px solid var(--gold-l);color:var(--ink);padding:20px}
.mail .one{margin:0 0 14px;font-size:16px;color:var(--ink-gold)}
.mail form{display:grid;gap:12px}
.mail input[type=email]{width:100%;padding:14px 15px;border-radius:12px;
  border:1px solid var(--gold);background:var(--cream);color:var(--ink);
  font:inherit;font-size:16px}
.mail input[type=email]::placeholder{color:#8a7a62}
.mail input[type=email]:focus{outline:2px solid var(--gold-l);outline-offset:1px}
.mail .agree{display:flex;gap:10px;align-items:flex-start;
  font-size:14px;line-height:1.55;color:var(--ink-gold);cursor:pointer}
.mail .agree input{width:20px;height:20px;flex:0 0 auto;margin:2px 0 0;
  accent-color:var(--gold-d);cursor:pointer}
.mail button{padding:15px;border-radius:12px;border:1px solid var(--gold-d);
  background:var(--cream-d);color:#3a2c12;
  font-family:var(--serif);font-weight:700;font-size:18px}
/* שדה המלכודת. אדם לא רואה אותו, ורובוט שממלא אותו נזרק בשקט. */
.mail .hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.mail .note{margin:12px 0 0;font-size:15px;color:var(--ink-gold);min-height:1.2em}

/* ── תחתית ── */
.foot{margin-top:36px;border-top:1px solid var(--gold-l);background:var(--cream)}
.foot .wrap{padding:22px 20px 36px;text-align:center;display:grid;gap:4px}
.foot .cross{margin:0 0 8px;font-size:15px;color:var(--ink)}
.foot b{font-family:var(--serif);font-size:17px;color:var(--green)}
.foot span{font-size:14px;color:var(--ink-gold);unicode-bidi:plaintext}

/* ── המקלדת (דף הפסנתר) ──
   **הפלטה נקראה מהמקור**: _רשתות/רילס/styles/lefthand_lux_v2.html,
   התבנית שממנה נבנו רילסי הפסנתר שנמסרו (פרקים 2 עד 5). אותה
   שיטה שהגיטרה קיבלה: מיישרים לנכס שכבר אושר, לא ממציאים.

   הקליד הלבן הוא **עצם מיושן ולא לבן שטוח**, והשחור הוא
   אבונית עם ברק, ולא שחור. כאן אין מיתרים ואין סריגים, ולכן
   ההיררכיה שונה: **מה שנושא את העין הוא הקליד הדלוק ומספר
   האצבע עליו**, וכל השאר שקט.

   הרכיב המשותף מצייר את המקלדת, ואנחנו רק לובשים אותה. אין
   כאן שום עריכה של ss-keyboard.js. */
.kbstage{padding:20px 0 16px;border-block:1px solid var(--gold-l);
  background:radial-gradient(ellipse at 50% 42%,#fffdf8 0%,var(--cream) 68%,#f2e8d7 100%)}
.kbstage .ssk{padding:0 14px 14px}
/* רצועת הלבד מעל הקלידים, ומיטת הקלידים מתחתיהם. שתיהן דקות:
   הן ממסגרות את המקלדת בלי להפוך לכתם כהה בדף בהיר. */
/* גובה המקלדת. **לא דרך ‎--ssk-h**: הרכיב כותב על המשתנה הזה
   בעצמו בכל מדידה, ושני כותבים על אותו משתנה הם התנגשות שקטה
   שבה מי שרץ אחרון מנצח. כאן נכתב height ישירות, והרכיב ממשיך
   לנהל את הרוחב בלי להתנגש. */
.kbstage .ssk-row{height:212px;position:relative;
  border-radius:3px 3px 7px 7px;
  background:linear-gradient(180deg,#1d0c05 0%,#5e3119 100%);
  padding-top:5px;box-shadow:0 1px 0 rgba(255,240,214,.35) inset}
/* קליד לבן: עצם. בהיר למעלה ומתכהה למטה, עם קו שיער חם בין
   הקלידים ושפה מוארת בקצה התחתון. */
.kbstage .ssk-w{
  background:linear-gradient(180deg,#fffaf2 0%,#e6e0d3 42%,#d4cdbe 74%,#b4ada0 100%);
  border:0;border-inline-end:1px solid rgba(94,60,30,.42);
  border-radius:0 0 4px 4px;margin-inline-end:0;
  box-shadow:0 -1px 0 rgba(94,49,25,.5) inset, 0 -3px 5px -3px rgba(0,0,0,.45)}
/* קליד שחור: אבונית, עם ברק דק בצד אחד. */
.kbstage .ssk-b{
  background:linear-gradient(180deg,#2b2d33 0%,#24262b 18%,#121318 70%,#08090b 100%);
  border-radius:0 0 3px 3px;
  box-shadow:1px 0 0 rgba(255,255,255,.1) inset, 0 4px 7px rgba(0,0,0,.5)}
/* הקליד שבאקורד: זהב, בדיוק כמו ביד הימנית ברילס. */
.kbstage .ssk-w.chord{
  background:linear-gradient(180deg,#ffffff 0%,#fff6e0 55%,#ffe9b5 100%)}
.kbstage .ssk-b.chord{
  background:linear-gradient(180deg,#fbeac4 0%,#d8b878 62%,#9b7a46 100%)}
/* מספר האצבע: אותו סימון של הגיטרה, מילוי כהה עם קו בהיר
   וספרה קרמית. ככה שני הדפים מדברים אותה שפה. */
.kbstage .ssk-fg{background:#120c07;color:#f6e6c2;
  box-shadow:0 0 0 1.4px #fff3d4, 0 1px 3px rgba(0,0,0,.45);
  width:18px;height:18px;font-weight:700}
/* התווית יושבת בתחתית הקליד, ושם העצם המיושן הוא הכהה ביותר
   (191,184,171). ‎#5e4a33 נמדד שם 4.26, כלומר נפל בשערה. */
.kbstage .ssk-w>.ssk-l{color:#43341f}
.kbstage .ssk-b>.ssk-l{color:#d8cba9}
.kbstage .ssk-k.chord>.ssk-l{color:#4a3a22}
/* **תווית הקליד השחור לא נכנסת בקליד שחור בטלפון.** נמדד ב-360:
   הקליד רחב 16.1 נקודות והתווית "סול♭" רחבה 18.8, כלומר היא
   גולשת אל הקלידים הלבנים ונמדדת שם 1.13. בטלפון היא יורדת. */
@media (max-width:560px){
  .kbstage .ssk{padding-inline:0}
  .kbstage .ssk-b>.ssk-l{display:none}
}

/* כשהמסך צר מכדי להכיל את כל הקלידים, המקלדת גוללת (זאת הכרעה
   של הרכיב המשותף: רצפת 26 נקודות לקליד, ולא לכווץ). הדהייה
   בקצוות אומרת "יש עוד" במקום להיראות כמו קליד שנחתך. */
/* **דהיית קצוות ירדה.** היא נראתה טוב כשהמקלדת גוללת, אבל
   היא מחווירה גם את התווית שמתחת לקליד הקצה, ושם נמדד 3.17
   במקום 5.4. קצה חד הוא עניין קוסמטי; תווית שלא נקראת אינה.
   מי שמחזיר אותה יום אחד צריך להחריג ממנה את שורת התוויות. */

/* ── הצעת הקובץ ──
   **הצעה שקטה, לא חסימה.** הדף פתוח לגמרי, והמייל נמסר תמורת
   דבר אחד: קובץ של כל 48 האקורדים. היה כאן מנגנון נעילה והוא
   נמחק, על הכפתורים ובקוד: נעילת אקורד נשמעת כמו תחבולה. */
.offer{margin-top:34px;padding-top:26px;border-top:1px solid var(--gold-l)}
.offer .one{margin:0 0 16px;font-size:17px;line-height:1.6;
  color:var(--ink);text-align:center}
.offer form{display:grid;gap:12px;max-width:380px;margin:0 auto}
.offer input[type=email]{width:100%;padding:15px;border-radius:12px;
  border:1px solid var(--gold);background:var(--paper);color:var(--ink);
  font:inherit;font-size:16px;text-align:center}
.offer input[type=email]::placeholder{color:#8a7a62}
.offer input[type=email]:focus{outline:2px solid var(--gold-d);outline-offset:1px}
.offer .agree{display:flex;gap:10px;align-items:flex-start;
  font-size:14px;line-height:1.55;color:var(--ink-gold);cursor:pointer}
.offer .agree input{width:20px;height:20px;flex:0 0 auto;margin:2px 0 0;
  accent-color:var(--green);cursor:pointer}
.offer button{padding:15px;border-radius:12px;border:1px solid var(--gold-d);
  background:var(--cream-d);color:#3a2c12;
  font-family:var(--serif);font-weight:700;font-size:18px}
/* שדה המלכודת. אדם לא רואה אותו, ורובוט שממלא אותו נזרק בשקט. */
.offer .hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.offer .note{margin:12px 0 0;font-size:15px;color:var(--ink-gold);
  min-height:1.2em;text-align:center}
/* ── שני הקבצים, אחרי ההרשמה ──
   **הם המסירה עצמה ולא הערה מתחת לטופס**, ולכן הם נראים כמו
   מה שלוחצים עליו: משטח נייר, מסגרת זהב, והשם בגופן הכותרות.
   הירוק הוא הדיו; הזהב הוא קו. */
.offer .files{display:grid;gap:10px;max-width:380px;margin:14px auto 0}
.offer .dl{display:flex;flex-direction:column;gap:2px;text-decoration:none;
  padding:13px 16px;border-radius:12px;border:1px solid var(--gold);
  background:var(--paper);text-align:center}
.offer .dl b{font-family:var(--serif);font-weight:700;font-size:17px;
  color:var(--green);line-height:1.25}
.offer .dl i{font-style:normal;font-size:13px;color:var(--ink-gold)}
/* שמות המשפחות. שורה אחת מתחת למידה, ולכן היא הקטנה מכולן,
   והיא זאת שנשברת לשתיים אם היא תתארך.
   **היא קטנה בגודל ולא בשקיפות.** ‎opacity:.85 מהל את הדיו
   ברקע, נמדד 5.08 והפך אותה לטקסט החלש בדף. ההיררכיה נשמרת
   בגודל, והניגודיות נשארת שלמה. */
.offer .dl u{text-decoration:none;font-size:12px;line-height:1.45;
  color:var(--ink-gold)}
.offer .dl:focus-visible{outline:2px solid var(--gold-d);outline-offset:1px}


/* ── אקורדים קרובים ──
   קיים רק בדלת של אקורד. גם ניווט לאדם וגם מה שמאפשר לגוגל
   למצוא את 96 הכתובות בלי מפת אתר. */
.near{margin-top:30px;padding-top:22px;border-top:1px solid var(--gold-l);
  display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.near b{width:100%;font-family:var(--sans);font-weight:500;font-size:14px;
  letter-spacing:.06em;color:var(--ink-gold);margin-bottom:4px}
.near a{text-decoration:none;font-size:15px;color:var(--green);
  padding:8px 14px;border-radius:999px;border:1px solid var(--gold-l);
  background:var(--paper)}
/* בדלת, שם האקורד הוא כותרת הדף, ולכן הוא מקבל גם את המרווח. */
h1.cname{margin:22px 0 0}