/* way.css · פירוט הדרך בעמודי השירות: הרשת, הצעדים הממוספרים, הצילום והערת השוליים (18.10.2026)
   העתק מדויק של 13 כללים, זהים בייט בייט ב-amud-shelach וב-mvp. המקור הוא הבלוק של amud-shelach,
   כי לעמוד הבית אין את הרכיב הזה. נשאר מקומי בכל עמוד: .way-phones, שהרוחב שלו שונה
   (560 ב-amud-shelach ו-460 ב-mvp), וב-mvp גם .way-lede וקישור הכיתוב.
   bdikat-ux לא טוען את הקובץ: יש לו .way-lede משלו ותמונה בשם אחר (.v2-way-fig).
   נטען אחרי style.css ולפני ה-<style> של העמוד. */

/* ── פירוט של כל דרך: צעדים כטקסט עם מרווח, וצילום אחד ── */
.way{display:grid;gap:clamp(28px,3vw,48px);align-items:start}

@media(min-width:940px){.way{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}

/* הצעדים: פתיח מודגש בתוך המשפט, מספר עדין בצד, ופחות חיתוכים לעין */
.way-steps{list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:22px;margin-bottom:30px;max-width:52ch}

.way-steps li{position:relative;font-size:17px;line-height:1.75;color:var(--ink-2);padding-inline-start:32px}

.way-steps li::before{counter-increment:s;content:counter(s);position:absolute;inset-inline-start:0;top:3px;
    font-size:13px;font-weight:700;color:var(--ink-2);opacity:.55}

.way-steps b{display:inline;color:var(--ink);font-weight:700;margin-inline-end:5px}

.way-steps b::after{content:'.'}

.way-fig{margin:0}

/* בדסקטופ התמונה נשארת מול העין עד שהטקסט נגמר */
@media(min-width:940px){.way-fig{position:sticky;top:88px}}

.way-fig img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}

.way-fig figcaption{margin-top:10px;font-size:13px;color:var(--ink-2);grid-column:1/-1}

.way-phones img{aspect-ratio:780/1688;object-fit:cover;object-position:top}

.way-note{font-size:15px;color:var(--ink-2);max-width:46ch;margin-bottom:22px}