/* ===== העיצוב החדש של המערכת (v3) =====
   חשוב: כל כלל חזותי תחום ל-body.is-member. דף הבית הציבורי (אורחים) לא משתנה בכלל, גם בדפדפן שבחר בעיצוב החדש ויצא מהחשבון.
   כל הכללים תחת html.ui-v3, כך שמי שלא בחר בעיצוב החדש לא רואה שום שינוי.
   השפה: השלט הכחול, לוחית הרישוי לרגעי הישג, תמרורים אמיתיים, פינות 10-12, קווי הפרדה דקים */
html.ui-v3 {
  --v3-bg: #F6F6F3; --v3-card: #FFFFFF; --v3-ink: #16191D; --v3-ink-2: #4A5260; --v3-mute: #5B6370;
  --v3-line: #E4E4DF; --v3-line-2: #EFEFEA; --v3-blue: #1B5FD9; --v3-blue-deep: #14418F; --v3-blue-tint: #E6EDFB;
  --v3-sign-text: #EEF3FE; /* #D6E2FA היה 4.37:1 על הכחול, מתחת ל-4.5 */
  --v3-plate: #F5C518; --v3-ok: #1E7B45; --v3-ok-tint: #E8F4EC; --v3-bad: #C62828; --v3-bad-tint: #FBECEC; --v3-warn: #8A5A00;
}
html.ui-v3[data-theme="dark"] {
  --v3-bg: #111418; --v3-card: #1A1E24; --v3-ink: #EEF1F5; --v3-ink-2: #C3CAD4; --v3-mute: #A3ABB8;
  --v3-line: #2C323B; --v3-line-2: #252A31; --v3-blue-tint: #1C2A45; --v3-ok-tint: #173326; --v3-bad-tint: #3A1C1C; --v3-warn: #E8B44A;
}
@media (prefers-color-scheme: dark) {
  html.ui-v3:not([data-theme="light"]) {
    --v3-bg: #111418; --v3-card: #1A1E24; --v3-ink: #EEF1F5; --v3-ink-2: #C3CAD4; --v3-mute: #A3ABB8;
    --v3-line: #2C323B; --v3-line-2: #252A31; --v3-blue-tint: #1C2A45; --v3-ok-tint: #173326; --v3-bad-tint: #3A1C1C; --v3-warn: #E8B44A;
  }
}
html.ui-v3 body.is-member { background: var(--v3-bg); color: var(--v3-ink); }

/* מעבר בין העיצובים: עיגול שנפתח מהכפתור, ונסגר בחזרה (View Transitions) */
html[data-vt="open"]::view-transition-old(root) { animation: none; }
html[data-vt="open"]::view-transition-new(root) { animation: v3-open .8s cubic-bezier(.65, 0, .35, 1); }
html[data-vt="close"]::view-transition-new(root) { animation: none; }
html[data-vt="close"]::view-transition-old(root) { animation: v3-close .7s cubic-bezier(.65, 0, .35, 1); z-index: 2; }
@keyframes v3-open { from { clip-path: circle(0 at var(--vt-x, 50%) var(--vt-y, 85%)); } to { clip-path: circle(150% at var(--vt-x, 50%) var(--vt-y, 85%)); } }
@keyframes v3-close { from { clip-path: circle(150% at var(--vt-x, 50%) var(--vt-y, 85%)); } to { clip-path: circle(0 at var(--vt-x, 50%) var(--vt-y, 85%)); } }

/* הצעה חד-פעמית (מוצגת דווקא בעיצוב הקודם) ומתג בהגדרות */
.v3-offer { position: fixed; inset-inline: 0; bottom: 0; z-index: 10000; /* מעל כפתור הנגישות הצף, שהסתיר את "לנסות עכשיו" */ max-width: 560px; margin: 0 auto; background: #fff; color: #16191D; border-radius: 18px 18px 0 0; box-shadow: 0 -12px 36px rgba(22, 25, 29, .16); padding: 22px 22px calc(18px + env(safe-area-inset-bottom, 0px)); display: grid; gap: 10px; }
.v3-offer-eye { font-size: 14px; color: #5B6370; }
.v3-offer h2 { margin: 0; font-size: 24px; line-height: 1.2; }
.v3-offer p { margin: 0; font-size: 16px; line-height: 1.55; color: #2E3440; }
.v3-offer-go { min-height: 54px; border: 0; border-radius: 10px; background: #1B5FD9; color: #fff; font: inherit; font-size: 18px; font-weight: 700; cursor: pointer; }
.v3-offer-later { min-height: 44px; border: 0; background: transparent; color: #4A5260; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.v3-switch { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.v3-switch > div { display: grid; gap: 2px; }

/* ===== היום ===== */
html.ui-v3 body.is-member .v3 { max-width: 640px; margin: 0 auto; padding: 8px 0 24px; }
html.ui-v3 body.is-member .v3-today { padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)); } /* מעל סרגל הניווט התחתון (כ-80px) והכפתור הצף, כדי שהשורה האחרונה לא תוסתר */
html.ui-v3 body.is-member .v3-hello { margin: 6px 4px 12px; font-size: 18px; font-weight: 700; }
html.ui-v3 body.is-member .v3-sign { background: var(--v3-blue); border-radius: 12px; padding: 5px; }
html.ui-v3 body.is-member .v3-sign-in { border: 2px solid #fff; border-radius: 9px; padding: 16px; color: #fff; display: grid; gap: 14px; }
html.ui-v3 body.is-member .v3-sign-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
html.ui-v3 body.is-member .v3-sign-top > div { display: grid; gap: 2px; }
html.ui-v3 body.is-member .v3-sign-date { font-size: 15px; color: var(--v3-sign-text); }
html.ui-v3 body.is-member .v3-sign-mood { font-size: 20px; font-weight: 700; line-height: 1.3; }
html.ui-v3 body.is-member .v3-sign-big { display: grid; justify-items: center; line-height: 1; flex-shrink: 0; }
html.ui-v3 body.is-member .v3-sign-big b { font-size: 46px; font-weight: 800; font-variant-numeric: tabular-nums; }
html.ui-v3 body.is-member .v3-sign-big span { font-size: 14px; margin-top: 2px; }
html.ui-v3 body.is-member .v3-ready { display: grid; gap: 6px; }
html.ui-v3 body.is-member .v3-ready-bar { position: relative; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .2); }
html.ui-v3 body.is-member .v3-ready-bar i { position: absolute; inset-block: 0; inset-inline-start: 0; border-radius: 4px; background: var(--v3-plate); }
html.ui-v3 body.is-member .v3-ready-bar b { position: absolute; top: -4px; bottom: -4px; width: 2px; background: #fff; }
html.ui-v3 body.is-member .v3-ready-lbl { display: flex; justify-content: space-between; font-size: 14px; color: var(--v3-sign-text); }
html.ui-v3 body.is-member .v3-ready-empty { margin: 0; font-size: 15px; color: var(--v3-sign-text); }
html.ui-v3 body.is-member .v3-sign-link { color: #fff; font-weight: 700; text-decoration: underline; min-height: 44px; display: inline-flex; align-items: center; }
html.ui-v3 body.is-member .v3-sign-cta { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 54px; padding: 0 18px; border-radius: 10px; background: #fff; color: var(--v3-blue-deep); text-decoration: none; font-size: 18px; font-weight: 700; }
html.ui-v3 body.is-member .v3-sign-cta-sub { font-size: 15px; font-weight: 600; color: #4A5260; }
html.ui-v3 body.is-member .v3-block { margin: 22px 4px 0; }
html.ui-v3 body.is-member .v3-block h2 { margin: 0 0 4px; font-size: 16px; font-weight: 700; color: var(--v3-ink-2); }
html.ui-v3 body.is-member .v3-row { display: flex; align-items: center; gap: 14px; min-height: 64px; border-bottom: 1px solid var(--v3-line); }
html.ui-v3 body.is-member .v3-row img { width: 40px; height: 40px; object-fit: contain; flex-shrink: 0; }
html.ui-v3 body.is-member .v3-row div { display: grid; gap: 2px; }
html.ui-v3 body.is-member .v3-row b { font-size: 17px; font-weight: 600; }
html.ui-v3 body.is-member .v3-row span { font-size: 14px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-more, html.ui-v3 body.is-member .v3-trial { margin: 10px 0 0; font-size: 14px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-trial { margin: 18px 4px 0; }
html.ui-v3 body.is-member .v3-week { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html.ui-v3 body.is-member .v3-week h2 { margin: 0; }
html.ui-v3 body.is-member .v3-days { display: flex; gap: 5px; }
html.ui-v3 body.is-member .v3-days span { width: 30px; height: 30px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; background: var(--v3-line-2); color: var(--v3-mute); box-sizing: border-box; }
html.ui-v3 body.is-member .v3-days span.on { background: var(--v3-blue); color: #fff; }
html.ui-v3 body.is-member .v3-days span.today:not(.on) { background: var(--v3-card); color: var(--v3-blue); border: 2px solid var(--v3-blue); }
html.ui-v3 body.is-member .v3-back { margin: 26px 0 0; text-align: center; }
html.ui-v3 body.is-member .v3-back-btn { min-height: 44px; border: 0; background: transparent; color: var(--v3-mute); font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; }

/* ===== כללי לעיצוב החדש: כרטיסים, כפתורים ===== */
html.ui-v3 body.is-member .card { border-radius: 12px; border: 1px solid var(--v3-line); box-shadow: none; background: var(--v3-card); }
html.ui-v3 body.is-member .btn { border-radius: 10px; }
html.ui-v3 body.is-member .btn-primary { background: var(--v3-ink); border-color: var(--v3-ink); color: var(--v3-bg); }
html.ui-v3 body.is-member .btn-primary:hover { background: #000; }
html.ui-v3[data-theme="dark"] body.is-member .btn-primary { background: #EEF1F5; color: #111418; }

/* ===== מפגש: שאלה, תשובות, התקדמות ===== */
html.ui-v3 body.is-member .sess-ans { border-radius: 10px; border: 1.5px solid var(--v3-line); background: var(--v3-card); box-shadow: 0 1px 2px rgba(22, 25, 29, .05); min-height: 60px; }
html.ui-v3 body.is-member .sess-ans:hover { border-color: var(--v3-blue); }
html.ui-v3 body.is-member .sess-k { border-radius: 7px; background: var(--v3-line-2); color: var(--v3-ink-2); border: 0; }
html.ui-v3 body.is-member .sess-q { font-weight: 700; line-height: 1.35; }
html.ui-v3 body.is-member .sess-tags { color: var(--v3-warn); }
html.ui-v3 body.is-member .sess-card { border-radius: 12px; }
html.ui-v3 body.is-member .sess-img img { border-radius: 10px; background: var(--v3-card); }
/* משוב אחרי תשובה: המערכת מסמנת is-right / is-wrong / is-dim (מערכת האנימציה), לא correct/wrong */
html.ui-v3 body.is-member .sess-ans.is-right { border: 2px solid var(--v3-ok); background: var(--v3-ok-tint); color: var(--v3-ink); opacity: 1; }
html.ui-v3 body.is-member .sess-ans.is-right .sess-k { background: var(--v3-ok); color: #fff; }
html.ui-v3 body.is-member .sess-ans.is-wrong { border: 2px solid var(--v3-bad); background: var(--v3-bad-tint); color: var(--v3-ink); opacity: 1; }
html.ui-v3 body.is-member .sess-ans.is-wrong .sess-k { background: var(--v3-bad); color: #fff; }
html.ui-v3 body.is-member .sess-ans.is-dim { opacity: .55; box-shadow: none; }

/* ===== סוף המפגש: לוחית הרישוי, עובדות, נושאים ===== */
html.ui-v3 body.is-member .v3-done { padding-top: 18px; }
html.ui-v3 body.is-member .v3-done-eye { margin: 0 4px; font-size: 16px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-done-h { margin: 4px 4px 0; font-size: 30px; font-weight: 800; line-height: 1.15; }
html.ui-v3 body.is-member .v3-done-plate { margin: 22px 4px 0; display: flex; align-items: center; gap: 16px; }
html.ui-v3 body.is-member .v3-plate { display: inline-flex; align-items: stretch; border: 3px solid #111418; border-radius: 9px; overflow: hidden; direction: ltr; }
html.ui-v3 body.is-member .v3-plate i { font-style: normal; background: #1F4FBF; color: #fff; font-size: 12px; font-weight: 700; display: flex; align-items: flex-end; padding: 0 7px 8px; }
html.ui-v3 body.is-member .v3-plate b { background: var(--v3-plate); color: #111418; font-size: 50px; font-weight: 800; padding: 2px 20px; line-height: 1.15; font-variant-numeric: tabular-nums; }
html.ui-v3 body.is-member .v3-done-plate-t { display: grid; gap: 2px; font-size: 15px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-up { font-size: 17px; color: var(--v3-ok); }
html.ui-v3 body.is-member .v3-facts { margin: 24px 4px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--v3-line); }
html.ui-v3 body.is-member .v3-facts div { padding: 12px 0; display: grid; gap: 2px; }
html.ui-v3 body.is-member .v3-facts div + div { border-inline-start: 1px solid var(--v3-line); padding-inline-start: 12px; }
html.ui-v3 body.is-member .v3-facts b { font-size: 24px; font-weight: 800; }
html.ui-v3 body.is-member .v3-facts span { font-size: 14px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-done-actions { margin: 26px 4px 0; display: grid; gap: 10px; }
html.ui-v3 body.is-member .v3-done-actions .btn { width: 100%; justify-content: center; min-height: 52px; }

/* ===== לימוד לפי נושא וסימולציה: אותה שפת תשובות כמו במפגש ===== */
html.ui-v3 body.is-member .question-card { border-radius: 12px; border: 1px solid var(--v3-line); box-shadow: none; }
html.ui-v3 body.is-member .question-card .answer { border-radius: 10px; border: 1.5px solid var(--v3-line); background: var(--v3-card); box-shadow: 0 1px 2px rgba(22, 25, 29, .05); min-height: 58px; }
html.ui-v3 body.is-member .question-card .answer:hover { border-color: var(--v3-blue); }
html.ui-v3 body.is-member .question-card .answer.selected { border: 2px solid var(--v3-blue); background: var(--v3-blue-tint); }
html.ui-v3 body.is-member .question-card .answer.correct, html.ui-v3 body.is-member .question-card .answer.is-right { border: 2px solid var(--v3-ok); background: var(--v3-ok-tint); }
html.ui-v3 body.is-member .question-card .answer.wrong, html.ui-v3 body.is-member .question-card .answer.is-wrong { border: 2px solid var(--v3-bad); background: var(--v3-bad-tint); }
html.ui-v3 body.is-member .question-card .answer.is-dim { opacity: .55; }
html.ui-v3 body.is-member .q-cat { color: var(--v3-mute); font-weight: 600; }
html.ui-v3 body.is-member .explanation { border-radius: 12px; border: 1px solid var(--v3-line); background: var(--v3-bg); }
html.ui-v3 body.is-member .exam-choice { border-radius: 12px; border: 1px solid var(--v3-line); box-shadow: none; }
html.ui-v3 body.is-member .exam-bar { border-bottom: 1px solid var(--v3-line); }
html.ui-v3 body.is-member .timer { font-variant-numeric: tabular-nums; font-weight: 800; }
html.ui-v3 body.is-member .progress-pills { gap: 3px; }

/* ===== הספר: קריאה נקייה, בלי מראה עיתון ===== */
html.ui-v3 body.is-member .book-reader, html.ui-v3 body.is-member .book-body, html.ui-v3 body.is-member .article-body { font-family: Assistant, Arial, sans-serif; font-size: 18px; line-height: 1.7; color: var(--v3-ink); }
html.ui-v3 body.is-member .book-reader h1, html.ui-v3 body.is-member .book-body h1, html.ui-v3 body.is-member .book-head h1 { font-family: Assistant, Arial, sans-serif; font-weight: 800; }
html.ui-v3 body.is-member .book-tag, html.ui-v3 body.is-member .book-item-num { border-radius: 7px; background: var(--v3-blue-tint); color: var(--v3-blue-deep); }
html.ui-v3 body.is-member .book-progress-bar { border-radius: 3px; background: var(--v3-blue); }
html.ui-v3 body.is-member .book-list > * { border-radius: 0; border: 0; border-bottom: 1px solid var(--v3-line); box-shadow: none; background: transparent; }
html.ui-v3 body.is-member .book-practice, html.ui-v3 body.is-member .book-upsell { border-radius: 12px; }

/* ===== מסגרת האפליקציה בעיצוב החדש (רק לחברים, רק בתוך האפליקציה. דף הבית הציבורי לא נוגע) ===== */
.tab-ico { display: none; }
.nav-more-tab { display: none !important; } /* לשונית "עוד" קיימת רק בעיצוב החדש במובייל */
html.ui-v3 body.is-member .product-topbar,
html.ui-v3 body.is-member > footer { display: none !important; }
html.ui-v3 body.is-member .v3-head { display: flex; align-items: center; gap: 10px; margin: 2px 4px 14px; }
html.ui-v3 body.is-member .v3-head b { font-size: 18px; font-weight: 700; flex-grow: 1; }
html.ui-v3 body.is-member .v3-head-logo { width: 32px; height: 32px; border-radius: 9px; background: var(--v3-blue); color: #fff; display: grid; place-items: center; font-weight: 800; }
html.ui-v3 body.is-member .v3-avatar { width: 44px; height: 44px; border-radius: 22px; background: var(--v3-blue-tint); color: var(--v3-blue-deep); display: grid; place-items: center; font-weight: 800; font-size: 18px; text-decoration: none; }
html.ui-v3 body.is-member .v3-title { margin: 6px 4px 12px; font-size: 28px; font-weight: 800; }
html.ui-v3 body.is-member .v3-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 900px) {
  /* סרגל ארבע לשוניות בתחתית: היום, לימוד, סימולציה, התקדמות */
  html.ui-v3 body.is-member header.topbar { position: fixed !important; inset-inline: 0; top: auto !important; bottom: 0; z-index: 80; background: var(--v3-card) !important; border-top: 1px solid var(--v3-line); border-bottom: 0; box-shadow: none; padding: 0 0 env(safe-area-inset-bottom, 0px); }
  html.ui-v3 body.is-member header.topbar .topbar-inner { padding: 0; max-width: none; }
  html.ui-v3 body.is-member header.topbar .logo { display: none !important; }
  html.ui-v3 body.is-member #mainNav { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; margin: 0; gap: 0; position: static; transform: none; background: transparent; }
  html.ui-v3 body.is-member #mainNav > a[data-route="review"], html.ui-v3 body.is-member #mainNav > .nav-upgrade,
  html.ui-v3 body.is-member #navMore, html.ui-v3 body.is-member #navSec { display: none !important; }
  html.ui-v3 body.is-member #mainNav > a[data-route]:not([data-route="review"]) { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 64px; padding: 0; font-size: 13px; font-weight: 500; color: var(--v3-mute); background: transparent !important; border: 0; border-radius: 0; }
  html.ui-v3 body.is-member #mainNav > a[data-route].active { color: var(--v3-blue); font-weight: 700; }
  /* חיזוק טעויות נכנס ל"מה במפגש היום" (שאלות שחוזרות לחיזוק), לא לשונית נפרדת */
  html.ui-v3 body.is-member #mainNav > a[data-route="review"] { display: none !important; }
  html.ui-v3 body.is-member #mainNav > a[data-route]::after, html.ui-v3 body.is-member #mainNav > a[data-route]::before { display: none !important; }
  html.ui-v3 body.is-member .tab-ico { display: inline-flex; }
  html.ui-v3 body.is-member main#view { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
  html.ui-v3 body.is-member .a11y-fab, html.ui-v3 body.is-member .fb-fab { bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important; }
  /* במפגש ובסימולציה: מסך נקי, בלי סרגל הלשוניות */
  html.ui-v3 body.is-member:has(.sess-bar) header.topbar, html.ui-v3 body.is-member:has(.exam-bar) header.topbar { display: none !important; }
  html.ui-v3 body.is-member:has(.sess-bar) main#view, html.ui-v3 body.is-member:has(.exam-bar) main#view { padding-bottom: 24px; }
  html.ui-v3 body.is-member:has(.sess-bar) .a11y-fab, html.ui-v3 body.is-member:has(.sess-bar) .fb-fab { bottom: 16px !important; }
}

/* ===== שאלה במפגש: בלי מסגרת כרטיס, התקדמות במקטעים, הסבר בגיליון תחתון ===== */
html.ui-v3 body.is-member .sess-bar { display: flex; align-items: center; gap: 10px; }
html.ui-v3 body.is-member .sess-pips { display: flex; gap: 3px; flex-grow: 1; }
html.ui-v3 body.is-member .sess-pips .pip { flex: 1; height: 5px; border-radius: 2px; background: var(--v3-line); width: auto; margin: 0; }
html.ui-v3 body.is-member .sess-pips .pip.now { background: var(--v3-blue); }
html.ui-v3 body.is-member .sess-pips .pip.ok, html.ui-v3 body.is-member .sess-pips .pip.done, html.ui-v3 body.is-member .sess-pips .pip.right { background: var(--v3-ink); }
html.ui-v3 body.is-member .sess-pips .pip.bad, html.ui-v3 body.is-member .sess-pips .pip.wrong { background: var(--v3-bad); }
html.ui-v3 body.is-member .sess-card { background: transparent; border: 0; box-shadow: none; padding: 18px 2px 0; }
html.ui-v3 body.is-member .sess-tags { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; }
html.ui-v3 body.is-member .sess-cat { background: transparent; border: 0; padding: 0; color: var(--v3-mute); font-size: 14px; font-weight: 600; }
html.ui-v3 body.is-member .sess-why { background: transparent; border: 0; padding: 0; color: var(--v3-warn); font-size: 14px; font-weight: 600; }
html.ui-v3 body.is-member .sess-q { margin: 10px 0 18px; font-size: 23px; }
html.ui-v3 body.is-member .sess-answers { display: grid; gap: 10px; }
html.ui-v3 body.is-member #sessFeed:not(:empty) { margin: 18px -16px 0; padding: 20px 18px 18px; background: var(--v3-card); border-radius: 16px 16px 0 0; border-top: 1px solid var(--v3-line); box-shadow: 0 -10px 30px rgba(22, 25, 29, .08); display: grid; gap: 12px; }
html.ui-v3 body.is-member .sess-explain { background: transparent; border: 0; padding: 0; font-size: 17px; line-height: 1.6; }
html.ui-v3 body.is-member .sess-explain > b:first-child { display: block; font-size: 21px; font-weight: 800; margin-bottom: 6px; }
html.ui-v3 body.is-member #sessNext { width: 100%; min-height: 54px; justify-content: center; font-size: 18px; }
html.ui-v3 body.is-member .q-report { justify-self: start; }

/* ===== לימוד לפי נושא ===== */
html.ui-v3 body.is-member .v3-topics { padding-bottom: 24px; }
html.ui-v3 body.is-member .v3-search input { width: 100%; height: 46px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--v3-line); background: var(--v3-card); color: var(--v3-ink); font: inherit; font-size: 16px; box-sizing: border-box; }
html.ui-v3 body.is-member .v3-tabs { display: flex; gap: 22px; margin-top: 12px; border-bottom: 1px solid var(--v3-line); }
html.ui-v3 body.is-member .v3-tabs button { min-height: 44px; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: transparent; color: var(--v3-mute); font: inherit; font-size: 16px; cursor: pointer; padding: 0 2px; }
html.ui-v3 body.is-member .v3-tabs button.on { color: var(--v3-ink); border-bottom-color: var(--v3-ink); font-weight: 700; }
html.ui-v3 body.is-member .v3-topic { display: flex; align-items: center; gap: 14px; min-height: 76px; border-bottom: 1px solid var(--v3-line); color: var(--v3-ink); text-decoration: none; }
html.ui-v3 body.is-member .v3-topic img { width: 44px; height: 44px; object-fit: contain; flex-shrink: 0; }
html.ui-v3 body.is-member .v3-topic-body { display: grid; gap: 6px; flex-grow: 1; }
html.ui-v3 body.is-member .v3-topic-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
html.ui-v3 body.is-member .v3-topic-top b:first-child { font-size: 17px; font-weight: 700; }
html.ui-v3 body.is-member .v3-topic-top b:last-child { font-size: 15px; color: var(--v3-blue); }
html.ui-v3 body.is-member .v3-topic-top b.weak { color: #9A5B00; }
html.ui-v3 body.is-member .v3-topic-new { font-size: 13px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-topic-meta { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-topic-bar { flex-grow: 1; height: 3px; border-radius: 2px; background: var(--v3-line); position: relative; }
html.ui-v3 body.is-member .v3-topic-bar i { position: absolute; inset-block: 0; inset-inline-start: 0; border-radius: 2px; background: var(--v3-blue); }
html.ui-v3 body.is-member .v3-topic-bar i.weak { background: #B26A00; }

/* ===== התקדמות ===== */
html.ui-v3 body.is-member .v3-big { display: flex; align-items: baseline; gap: 4px; margin: 0 4px; }
html.ui-v3 body.is-member .v3-big b { font-size: 72px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
html.ui-v3 body.is-member .v3-big span { font-size: 28px; font-weight: 700; }
html.ui-v3 body.is-member .v3-big em { margin-inline-start: auto; font-style: normal; font-size: 15px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-road { position: relative; height: 46px; margin: 14px 4px 0; border-radius: 8px; background: #23272E; overflow: hidden; }
html.ui-v3 body.is-member .v3-road-line { position: absolute; inset-inline: 0; top: 50%; height: 2px; transform: translateY(-50%); background: repeating-linear-gradient(90deg, #F5C518 0 16px, transparent 16px 28px); opacity: .85; }
html.ui-v3 body.is-member .v3-road-pass { position: absolute; top: 0; bottom: 0; width: 3px; background: #fff; }
html.ui-v3 body.is-member .v3-road-car { position: absolute; top: 50%; width: 36px; height: 21px; transform: translateY(-50%); border-radius: 5px; background: #F5C518; border: 2px solid #111418; box-sizing: border-box; }
html.ui-v3 body.is-member .v3-stats-note { margin: 10px 4px 0; font-size: 16px; line-height: 1.5; }
html.ui-v3 body.is-member .v3-table { width: 100%; border-collapse: collapse; font-size: 15px; }
html.ui-v3 body.is-member .v3-table th { text-align: start; font-weight: 600; color: var(--v3-mute); padding: 6px 0; }
html.ui-v3 body.is-member .v3-table td { padding: 10px 0; border-top: 1px solid var(--v3-line); }
html.ui-v3 body.is-member .v3-table td.num { font-weight: 700; font-variant-numeric: tabular-nums; }
html.ui-v3 body.is-member .v3-table td.ok { color: var(--v3-ok); font-weight: 700; } html.ui-v3 body.is-member .v3-table td.bad { color: var(--v3-bad); font-weight: 700; }

/* ===== סימולציה: שעון גדול, מפת 30 שאלות כריבועים, פעולות בתחתית ===== */
html.ui-v3 body.is-member .exam-bar { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; padding: 10px 2px 12px; background: transparent; border: 0; border-bottom: 1px solid var(--v3-line); position: static; }
html.ui-v3 body.is-member .exam-bar .timer { grid-column: 1; font-size: 24px; font-weight: 800; direction: ltr; text-align: start; background: transparent; padding: 0; color: var(--v3-ink); }
html.ui-v3 body.is-member .exam-bar #finishBtn { grid-column: 2; grid-row: 1; background: transparent; color: var(--v3-ink-2); border: 1px solid var(--v3-line); border-radius: 10px; }
html.ui-v3 body.is-member .exam-bar .progress-pills { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(15, minmax(0, 1fr)); gap: 3px; overflow: visible; }
html.ui-v3 body.is-member .exam-bar .pill { height: 18px; min-width: 0; width: auto; padding: 0; border-radius: 3px; border: 1.5px solid #CFCFC8; background: var(--v3-card); font-size: 0; }
html.ui-v3 body.is-member .exam-bar .pill.answered, html.ui-v3 body.is-member .exam-bar .pill.done { background: var(--v3-ink); border-color: var(--v3-ink); }
html.ui-v3 body.is-member .exam-bar .pill.flagged, html.ui-v3 body.is-member .exam-bar .pill.flag { background: #E8A317; border-color: #E8A317; }
html.ui-v3 body.is-member .exam-bar .pill.current { border: 2px solid var(--v3-blue); }
html.ui-v3 body.is-member .exam-q-text { font-size: 22px; font-weight: 700; line-height: 1.4; }
html.ui-v3 body.is-member .question-card:has(#nextBtn) { background: transparent; border: 0; padding: 18px 2px 0; }
html.ui-v3 body.is-member #nextBtn { min-height: 50px; padding-inline: 28px; }

/* ===== תוצאת סימולציה: כותרת ירוקה או אדומה, ופירוט כשורות ===== */
html.ui-v3 body.is-member .exam-result { text-align: start !important; border: 0 !important; border-radius: 12px; padding: 22px 20px; }
html.ui-v3 body.is-member .exam-result.is-pass { background: var(--v3-ok-tint); }
html.ui-v3 body.is-member .exam-result.is-fail { background: var(--v3-bad-tint); }
html.ui-v3 body.is-member .exam-result h2 { font-size: 16px !important; font-weight: 700; color: var(--v3-ink-2); margin: 0; }
html.ui-v3 body.is-member .exam-result.is-pass h2 { color: var(--v3-ok); }
html.ui-v3 body.is-member .exam-result .stat-num { font-size: 64px; font-weight: 800; line-height: 1.05; margin: 6px 0; font-variant-numeric: tabular-nums; }
html.ui-v3 body.is-member .exam-result .row { justify-content: stretch !important; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html.ui-v3 body.is-member .exam-result .row .btn { justify-content: center; min-height: 50px; }
html.ui-v3 body.is-member .exam-result + .section-title { font-size: 16px; color: var(--v3-ink-2); margin-top: 22px; }
html.ui-v3 body.is-member .exam-result ~ .stack { gap: 0; }
html.ui-v3 body.is-member .exam-result ~ .stack .question-card { background: transparent; border: 0 !important; border-bottom: 1px solid var(--v3-line) !important; border-radius: 0; padding: 14px 2px; box-shadow: none; }
html.ui-v3 body.is-member .exam-result ~ .stack .question-card h3 { font-size: 16px; font-weight: 600; margin: 4px 0; }

/* ===== הגדרות: קבוצות נקיות ===== */
html.ui-v3 body.is-member #view > .grid.grid-2 { gap: 12px; }
html.ui-v3 body.is-member .set-collapse > summary { min-height: 52px; display: flex; align-items: center; font-weight: 700; cursor: pointer; }
html.ui-v3 body.is-member .toggle-row { border-bottom: 1px solid var(--v3-line-2); padding-block: 10px; }

/* ===== שאלה עם תמונה: התמרור ליד השאלה, כמו במוקאפ ===== */
html.ui-v3 body.is-member .sess-card:has(.sess-img) { display: grid; grid-template-columns: 104px minmax(0, 1fr); grid-template-areas: "tags tags" "img q" "ans ans" "feed feed"; column-gap: 16px; align-items: center; }
html.ui-v3 body.is-member .sess-card:has(.sess-img) .sess-tags { grid-area: tags; }
html.ui-v3 body.is-member .sess-card:has(.sess-img) .sess-q { grid-area: q; margin: 14px 0; }
html.ui-v3 body.is-member .sess-card:has(.sess-img) .sess-img { grid-area: img; width: 104px; height: 104px; border-radius: 12px; background: var(--v3-card); border: 1px solid var(--v3-line); display: flex; align-items: center; justify-content: center; margin: 14px 0; }
html.ui-v3 body.is-member .sess-card:has(.sess-img) .sess-img img { max-width: 82px; max-height: 82px; object-fit: contain; border: 0; background: transparent; }
html.ui-v3 body.is-member .sess-card:has(.sess-img) .sess-answers { grid-area: ans; }
html.ui-v3 body.is-member .sess-card:has(.sess-img) #sessFeed { grid-area: feed; }

/* ===== תוצאת סימולציה: רק הטעויות, נפתחות ===== */
html.ui-v3 body.is-member .v3-mis-title { font-size: 16px !important; color: var(--v3-ink-2); margin: 22px 4px 4px; }
html.ui-v3 body.is-member .v3-mis-list { border-top: 1px solid var(--v3-line); margin: 0 2px; }
html.ui-v3 body.is-member .v3-mis { border-bottom: 1px solid var(--v3-line); }
html.ui-v3 body.is-member .v3-mis summary { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 6px 2px; cursor: pointer; list-style: none; font-size: 16px; font-weight: 600; line-height: 1.35; }
html.ui-v3 body.is-member .v3-mis summary::-webkit-details-marker { display: none; }
html.ui-v3 body.is-member .v3-mis summary::after { content: ''; margin-inline-start: auto; width: 9px; height: 9px; border-inline-end: 2px solid var(--v3-mute); border-bottom: 2px solid var(--v3-mute); transform: rotate(45deg); flex-shrink: 0; transition: transform .15s; }
html.ui-v3 body.is-member .v3-mis[open] summary::after { transform: rotate(-135deg); }
html.ui-v3 body.is-member .v3-mis-x { width: 24px; height: 24px; border-radius: 6px; background: var(--v3-bad-tint); color: var(--v3-bad); display: grid; place-items: center; font-size: 12px; font-weight: 800; flex-shrink: 0; }
html.ui-v3 body.is-member .v3-mis-body { padding: 0 36px 14px 0; display: grid; gap: 8px; font-size: 15px; line-height: 1.5; }
html.ui-v3 body.is-member .v3-mis-body p { margin: 0; }
html.ui-v3 body.is-member .v3-mis-body .bad { color: var(--v3-bad); } html.ui-v3 body.is-member .v3-mis-body .ok { color: var(--v3-ok); }

/* ===== סוף המכסה: "אדום להיום" ===== */
html.ui-v3 body.is-member .v3-limit { padding-top: 18px; }
html.ui-v3 body.is-member .v3-limit-light { width: 40px; height: 88px; object-fit: contain; margin: 0 4px; display: block; }
html.ui-v3 body.is-member .v3-limit .v3-done-h { margin-top: 14px; }
html.ui-v3 body.is-member .v3-limit-p { margin: 10px 4px 0; font-size: 18px; line-height: 1.55; }
html.ui-v3 body.is-member .v3-facts-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html.ui-v3 body.is-member .v3-cta-blue { background: var(--v3-blue) !important; border-color: var(--v3-blue) !important; color: #fff !important; }

/* ===== לוח התמרורים: קטלוג בקווים דקים ===== */
html.ui-v3 body.is-member .v3-signs-sub { margin: -6px 4px 12px; font-size: 15px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-sq-tabs { display: flex; gap: 6px; overflow-x: auto; margin: 12px 0 0; padding-bottom: 4px; scrollbar-width: none; }
html.ui-v3 body.is-member .v3-sq-tabs button { flex-shrink: 0; min-height: 40px; padding: 0 12px; border-radius: 4px; border: 1px solid #CFCFC8; background: var(--v3-card); color: var(--v3-ink); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
html.ui-v3 body.is-member .v3-sq-tabs button.on { background: var(--v3-ink); border-color: var(--v3-ink); color: var(--v3-bg); }
html.ui-v3 body.is-member .v3-sign-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); margin-top: 14px; border-top: 1px solid var(--v3-line); background: var(--v3-card); }
html.ui-v3 body.is-member .v3-sign-cell { display: flex; flex-direction: column; padding: 14px 14px 12px; border-bottom: 1px solid var(--v3-line); border-inline-start: 1px solid var(--v3-line); color: var(--v3-ink); text-decoration: none; }
html.ui-v3 body.is-member .v3-sign-cell img { width: 84px; height: 84px; object-fit: contain; align-self: center; margin: 4px 0 12px; }
html.ui-v3 body.is-member .v3-sign-n { font-size: 13px; font-weight: 700; color: var(--v3-mute); font-variant-numeric: tabular-nums; letter-spacing: .5px; }
html.ui-v3 body.is-member .v3-sign-name { font-size: 15px; font-weight: 600; line-height: 1.3; }

/* ===== תשלום: פעם אחת, עד יום המבחן. ציר זמן כן, ומסלולים כשורות ===== */
html.ui-v3 body.is-member:has(.v3-pay) #view > h1.section-title { display: none; }
html.ui-v3 body.is-member .v3-pay { margin: 8px 4px 18px; }
html.ui-v3 body.is-member .v3-pay-steps { list-style: none; margin: 18px 0 0; padding: 0; display: grid; }
html.ui-v3 body.is-member .v3-pay-steps li { display: flex; gap: 14px; position: relative; padding-bottom: 14px; }
html.ui-v3 body.is-member .v3-pay-steps li i { width: 22px; height: 22px; border-radius: 11px; border: 2px solid var(--v3-blue); background: var(--v3-card); flex-shrink: 0; box-sizing: border-box; position: relative; z-index: 1; }
html.ui-v3 body.is-member .v3-pay-steps li:first-child i { background: var(--v3-blue); }
html.ui-v3 body.is-member .v3-pay-steps li:last-child i { border-color: #CFCFC8; }
html.ui-v3 body.is-member .v3-pay-steps li:not(:last-child)::before { content: ''; position: absolute; top: 22px; bottom: 0; inset-inline-start: 10px; width: 2px; background: var(--v3-line); }
html.ui-v3 body.is-member .v3-pay-steps li:first-child::before { background: var(--v3-blue); }
html.ui-v3 body.is-member .v3-pay-steps div { display: grid; gap: 2px; }
html.ui-v3 body.is-member .v3-pay-steps b { font-size: 17px; font-weight: 700; }
html.ui-v3 body.is-member .v3-pay-steps span { font-size: 15px; line-height: 1.45; color: var(--v3-ink-2); }
html.ui-v3 body.is-member #planList { grid-template-columns: 1fr !important; gap: 10px; }
html.ui-v3 body.is-member #planList .price-card { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "h price" "meta meta" "btn btn"; gap: 4px 12px; align-items: center; text-align: start; padding: 14px 16px; border: 1.5px solid var(--v3-line); border-radius: 10px; box-shadow: none; transform: none; }
html.ui-v3 body.is-member #planList .price-card.featured { grid-template-areas: "flag flag" "h price" "meta meta" "btn btn"; border: 2px solid var(--v3-blue); background: var(--v3-blue-tint); }
html.ui-v3 body.is-member #planList .price-card .flag { grid-area: flag; position: static; justify-self: start; transform: none; margin: 0 0 2px; background: var(--v3-blue); color: #fff; border-radius: 6px; padding: 2px 8px; font-size: 13px; }
html.ui-v3 body.is-member #planList .price-card h3 { grid-area: h; margin: 0; font-size: 17px; }
html.ui-v3 body.is-member #planList .price-card .price { grid-area: price; margin: 0; font-size: 22px; font-weight: 800; }
html.ui-v3 body.is-member #planList .price-card .plan-meta { grid-area: meta; font-size: 14px; color: var(--v3-mute); }
html.ui-v3 body.is-member #planList .price-card .plan-feats, html.ui-v3 body.is-member #planList .price-card .plan-fit { display: none; }
html.ui-v3 body.is-member #planList .price-card > button { grid-area: btn; margin-top: 8px; min-height: 48px; justify-content: center; }
html.ui-v3 body.is-member #planList .price-card.featured > button { background: var(--v3-blue); border-color: var(--v3-blue); color: #fff; }

/* ===== מחשב: תפריט צד, ו"היום" בשתי עמודות ===== */
html.ui-v3 body.is-member .v3-desk { display: none; }
@media (min-width: 901px) {
  /* במחשב יש לאפליקציה כבר תפריט צד משלה (עם "חשבון ועזרה"). משתמשים בו, בלי היסט נוסף */
  html.ui-v3 body.is-member .a11y-fab, html.ui-v3 body.is-member .fb-fab { bottom: 20px !important; }
  html.ui-v3 body.is-member .v3 { max-width: 980px; }
}
@media (min-width: 1100px) {
  html.ui-v3 body.is-member .v3-desk { display: block; }
  html.ui-v3 body.is-member .v3-today { max-width: 1180px; display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); grid-template-areas: "head head" "sign ready" "why week" "why last" "topics topics" "cards cards" "trial trial" "back back"; gap: 20px 24px; align-items: start; }
  html.ui-v3 body.is-member .v3-today > .v3-head { grid-area: head; margin: 0; }
  html.ui-v3 body.is-member .v3-today > .v3-sign { grid-area: sign; }
  html.ui-v3 body.is-member .v3-today > .v3-ready-panel { grid-area: ready; align-self: stretch; }
  html.ui-v3 body.is-member .v3-today > .v3-why { grid-area: why; margin: 0; background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: 12px; padding: 16px 20px; }
  html.ui-v3 body.is-member .v3-today > .v3-week { grid-area: week; margin: 0; background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: 12px; padding: 16px 18px; }
  html.ui-v3 body.is-member .v3-today > .v3-last { grid-area: last; }
  html.ui-v3 body.is-member .v3-today > .v3-tgrid { grid-area: topics; }
  html.ui-v3 body.is-member .v3-today > .v3-cards { grid-area: cards; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  html.ui-v3 body.is-member .v3-today > .v3-trial { grid-area: trial; margin: 0; }
  html.ui-v3 body.is-member .v3-today > .v3-back { grid-area: back; margin: 0; }
  html.ui-v3 body.is-member .v3-today > #instrMount, html.ui-v3 body.is-member .v3-today > #teacherMount { grid-column: 1 / -1; }
  html.ui-v3 body.is-member .v3-ready-panel, html.ui-v3 body.is-member .v3-last, html.ui-v3 body.is-member .v3-tgrid { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: 12px; padding: 18px 20px; }
  html.ui-v3 body.is-member .v3-ready-panel { display: flex; flex-direction: column; gap: 12px; }
  html.ui-v3 body.is-member .v3-desk h2 { margin: 0; font-size: 16px; font-weight: 700; color: var(--v3-ink-2); }
  html.ui-v3 body.is-member .v3-desk a { font-weight: 600; }
  html.ui-v3 body.is-member .v3-ready-panel .v3-plate { align-self: flex-start; }
  html.ui-v3 body.is-member .v3-ready-panel .v3-plate b { font-size: 40px; }
  html.ui-v3 body.is-member .v3-ready-panel > a { margin-top: auto; }
  html.ui-v3 body.is-member .v3-last { display: grid; gap: 6px; }
  html.ui-v3 body.is-member .v3-last-row { display: flex; align-items: baseline; gap: 10px; }
  html.ui-v3 body.is-member .v3-last-row b { font-size: 30px; font-weight: 800; }
  html.ui-v3 body.is-member .v3-last-row .ok { color: var(--v3-ok); font-weight: 700; } html.ui-v3 body.is-member .v3-last-row .bad { color: var(--v3-bad); font-weight: 700; }
  html.ui-v3 body.is-member .v3-tgrid-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
  html.ui-v3 body.is-member .v3-tgrid-cells { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); border-top: 1px solid var(--v3-line-2); }
  html.ui-v3 body.is-member .v3-tgrid-cells a { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 14px; border-bottom: 1px solid var(--v3-line-2); border-inline-start: 1px solid var(--v3-line-2); color: var(--v3-ink); text-decoration: none; font-weight: 400; }
  html.ui-v3 body.is-member .v3-tgrid-cells img { width: 38px; height: 38px; object-fit: contain; grid-column: 1 / -1; }
  html.ui-v3 body.is-member .v3-tgrid-cells b { grid-column: 1 / -1; font-size: 16px; }
  html.ui-v3 body.is-member .v3-tgrid-cells .v3-topic-bar { align-self: center; }
  html.ui-v3 body.is-member .v3-tgrid-cells em { font-style: normal; font-size: 14px; font-weight: 700; color: var(--v3-blue); }
  html.ui-v3 body.is-member .v3-tgrid-cells em.weak { color: #9A5B00; }
  html.ui-v3 body.is-member .v3-cards a { display: grid; gap: 6px; padding: 18px 20px; border-radius: 12px; background: var(--v3-card); border: 1px solid var(--v3-line); color: var(--v3-ink); text-decoration: none; }
  html.ui-v3 body.is-member .v3-cards img { width: 40px; height: 40px; object-fit: contain; }
  html.ui-v3 body.is-member .v3-cards b { font-size: 19px; font-weight: 800; }
  html.ui-v3 body.is-member .v3-cards span { font-size: 15px; color: var(--v3-mute); font-weight: 400; }
}

/* ===== כרטיס מורה הנהיגה: כרטיס כהה שבולט, כמו במוקאפ ===== */
html.ui-v3 body.is-member .instr-card { background: #16191D; color: #fff; border: 0; border-radius: 14px; padding: 18px; box-shadow: none; margin: 0 0 16px; }
html.ui-v3 body.is-member .instr-card * { color: inherit; }
html.ui-v3 body.is-member .instr-card .instr-top b, html.ui-v3 body.is-member .instr-card h2, html.ui-v3 body.is-member .instr-card h3 { font-size: 18px; font-weight: 800; }
html.ui-v3 body.is-member .instr-card p, html.ui-v3 body.is-member .instr-card .muted { color: #C9CDD3; }
html.ui-v3 body.is-member .instr-card .instr-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
html.ui-v3 body.is-member .instr-card .btn { min-height: 46px; justify-content: center; border-radius: 10px; }
html.ui-v3 body.is-member .instr-card .btn-primary { background: #1FAF55; border-color: #1FAF55; color: #fff; }
html.ui-v3 body.is-member .instr-card .btn-ghost { background: transparent; border: 1.5px solid #3A3F47; color: #fff; }
html.ui-v3 body.is-member .instr-card .instr-pw { color: #F5C518; }

/* ===== מובייל כמו אפליקציה: לשונית "עוד", מגע, סרגל שקוף, ידית לגיליון ===== */
@media (max-width: 900px) {
  html.ui-v3 body.is-member #mainNav > a.nav-more-tab { display: flex !important; }
  /* סרגל לשוניות שקוף עם טשטוש, כמו ב-iOS */
  /* בלי backdrop-filter: טשטוש שמחושב מחדש בכל פריים של גלילה כבד מדי לטלפונים חלשים */
  html.ui-v3 body.is-member header.topbar { background: var(--v3-card) !important; }
  /* מגע של אפליקציה: בלי הבהוב אפור, בלי בחירת טקסט בכפתורים, ולחיצה מורגשת */
  html.ui-v3 body.is-member { -webkit-tap-highlight-color: transparent; }
  html.ui-v3 body.is-member #mainNav a, html.ui-v3 body.is-member .btn, html.ui-v3 body.is-member .sess-ans, html.ui-v3 body.is-member .v3-topic, html.ui-v3 body.is-member .v3-more-row, html.ui-v3 body.is-member .v3-sign-cta, html.ui-v3 body.is-member .v3-sign-cell { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
  /* לחיצה מורגשת רק על כפתורים ותשובות, לא על שורות ברשימה: שם :active נדלק כבר בתחילת גלילה */
  html.ui-v3 body.is-member .btn:active, html.ui-v3 body.is-member .sess-ans:active, html.ui-v3 body.is-member .v3-sign-cta:active { transform: scale(.98); transition: transform .08s ease; }
  html.ui-v3 body.is-member #mainNav a:active .tab-ico { transform: scale(.9); }
  /* ידית לגיליון ההסבר, כמו ב-sheet של iOS */
  html.ui-v3 body.is-member #sessFeed:not(:empty)::before { content: ''; justify-self: center; width: 36px; height: 5px; border-radius: 3px; background: var(--v3-line); margin: -8px 0 2px; }
  /* כשהאתר מותקן כאפליקציה: מקום לשורת הסטטוס */
  @media (display-mode: standalone) { html.ui-v3 body.is-member main#view { padding-top: env(safe-area-inset-top, 0px); } }
}
@media (hover: none) { html.ui-v3 body.is-member .sess-ans:hover { border-color: var(--v3-line); } }

/* ===== מסך "עוד": פרופיל, עובדות, ורשימות מקובצות בסגנון iOS ===== */
html.ui-v3 body.is-member .v3-profile { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; padding: 14px 16px; border-radius: 14px; background: var(--v3-card); border: 1px solid var(--v3-line); color: var(--v3-ink); text-decoration: none; }
html.ui-v3 body.is-member .v3-profile .v3-avatar { width: 52px; height: 52px; border-radius: 26px; font-size: 22px; flex-shrink: 0; }
html.ui-v3 body.is-member .v3-profile-txt { display: grid; gap: 2px; flex-grow: 1; min-width: 0; }
html.ui-v3 body.is-member .v3-profile-txt b { font-size: 18px; font-weight: 700; }
html.ui-v3 body.is-member .v3-profile-txt span { font-size: 14px; color: var(--v3-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: end; }
html.ui-v3 body.is-member .v3-more-facts { margin: 0 0 18px; background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: 14px; padding-inline: 14px; }
html.ui-v3 body.is-member .v3-more-group { margin: 0 0 16px; background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: 14px; overflow: hidden; }
html.ui-v3 body.is-member .v3-more-row { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 54px; padding: 8px 16px; box-sizing: border-box; background: transparent; border: 0; border-top: 1px solid var(--v3-line-2); color: var(--v3-ink); text-decoration: none; font: inherit; text-align: start; cursor: pointer; }
html.ui-v3 body.is-member .v3-more-row:first-child { border-top: 0; }
html.ui-v3 body.is-member .v3-more-ico { width: 34px; height: 34px; border-radius: 9px; background: var(--v3-blue-tint); color: var(--v3-blue-deep); display: grid; place-items: center; flex-shrink: 0; }
html.ui-v3 body.is-member .v3-more-txt { display: grid; gap: 1px; flex-grow: 1; }
html.ui-v3 body.is-member .v3-more-txt b { font-size: 16px; font-weight: 600; }
html.ui-v3 body.is-member .v3-more-txt span { font-size: 13px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-more-chev { width: 8px; height: 8px; border-inline-start: 2px solid #B9BFC7; border-bottom: 2px solid #B9BFC7; transform: rotate(45deg); flex-shrink: 0; }
html.ui-v3 body.is-member [dir="ltr"] .v3-more-chev, html.ui-v3[dir="ltr"] body.is-member .v3-more-chev { transform: rotate(-135deg); }
html.ui-v3 body.is-member .v3-more-row.is-upgrade .v3-more-ico { background: var(--v3-blue); color: #fff; }
html.ui-v3 body.is-member .v3-more-row.is-logout { color: var(--v3-bad); justify-content: center; }
html.ui-v3 body.is-member .v3-more-row.is-logout .v3-more-ico { background: var(--v3-bad-tint); color: var(--v3-bad); }
html.ui-v3 body.is-member .v3-more-row.is-logout .v3-more-txt { flex-grow: 0; }

/* ===== רכיבים שחזרו מהעיצוב הקודם: אימות מייל, צעדים ראשונים, פעולה משנית ===== */
html.ui-v3 body.is-member .v3-verify { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; background: #FDF1D6; color: #5C3D00; font-size: 15px; line-height: 1.45; }
html.ui-v3 body.is-member .v3-verify .btn { background: #fff; border-color: #E8C77A; color: #5C3D00; }
html.ui-v3 body.is-member .v3-sign-alt { color: #fff; text-decoration: underline; font-size: 15px; font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; justify-self: start; }
html.ui-v3 body.is-member .v3-step { display: flex; align-items: center; gap: 14px; margin: 18px 4px 0; padding: 12px 14px; border-radius: 12px; background: var(--v3-card); border: 1px solid var(--v3-line); color: var(--v3-ink); text-decoration: none; }
html.ui-v3 body.is-member .v3-step-n { width: 40px; height: 40px; border-radius: 20px; background: var(--v3-blue-tint); color: var(--v3-blue-deep); display: grid; place-items: center; font-weight: 800; font-size: 14px; flex-shrink: 0; }
html.ui-v3 body.is-member .v3-step-t { display: grid; gap: 1px; }
html.ui-v3 body.is-member .v3-step-t span { font-size: 13px; color: var(--v3-mute); }
html.ui-v3 body.is-member .v3-step-t b { font-size: 16px; font-weight: 700; }
html.ui-v3 body.is-member #trackMount:not(:empty), html.ui-v3 body.is-member #notifMount:not(:empty) { margin: 18px 0 0; }
@media (min-width: 1100px) {
  html.ui-v3 body.is-member .v3-today > .v3-verify, html.ui-v3 body.is-member .v3-today > .v3-step,
  html.ui-v3 body.is-member .v3-today > #trackMount, html.ui-v3 body.is-member .v3-today > #notifMount { grid-column: 1 / -1; margin: 0; }
}
html.ui-v3 body.is-member .v3-stats-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 18px; }
html.ui-v3 body.is-member .v3-stats-facts b { font-size: 20px; }
html.ui-v3 body.is-member .v3-more-screen { padding-bottom: 24px; }

/* גיליון "ברוכים הבאים" אחרי המעבר לעיצוב החדש: עולה מלמטה, עם ידית כמו sheet באפליקציה */
.v3-welcome { position: fixed; inset-inline: 0; bottom: 0; z-index: 10000; max-width: 560px; margin: 0 auto; background: #fff; color: #16191D; border-radius: 18px 18px 0 0; box-shadow: 0 -12px 36px rgba(22, 25, 29, .18); padding: 12px 22px calc(18px + env(safe-area-inset-bottom, 0px)); display: grid; gap: 10px; transform: translateY(100%); transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
.v3-welcome.in { transform: none; }
.v3-welcome-grab { justify-self: center; width: 36px; height: 5px; border-radius: 3px; background: #E4E4DF; margin-bottom: 6px; }
.v3-welcome h2 { margin: 0; font-size: 24px; line-height: 1.2; }
.v3-welcome p { margin: 0; font-size: 16px; line-height: 1.55; color: #2E3440; }
.v3-welcome-ok { min-height: 54px; border: 0; border-radius: 10px; background: #16191D; color: #fff; font: inherit; font-size: 18px; font-weight: 700; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .v3-welcome { transition: none; } }

/* "עוד דרכים ללמוד": אותה רשימה כמו בעיצוב הקודם (כולל תרגול בפיד), כצ'יפים שגוללים לצד */
html.ui-v3 body.is-member .v3-ways { margin: 20px 4px 0; }
html.ui-v3 body.is-member .v3-ways h2 { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: var(--v3-ink-2); }
html.ui-v3 body.is-member .v3-ways div { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
html.ui-v3 body.is-member .v3-ways a { flex-shrink: 0; display: inline-flex; align-items: center; min-height: 42px; padding: 0 14px; border-radius: 21px; background: var(--v3-card); border: 1px solid var(--v3-line); color: var(--v3-ink); text-decoration: none; font-size: 15px; font-weight: 600; }
@media (min-width: 1100px) { html.ui-v3 body.is-member .v3-today > .v3-ways { grid-column: 1 / -1; margin: 0; } }
.v3-welcome-back { color: #4A5260; }