/* "life" layer: motion and micro-interactions only. No colors or logos changed; uses existing palette variables. */

/* 4. hero: lines fade in one after another */
@keyframes life-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.hero-content h1 { animation: life-up .6s var(--ease) .05s backwards; }
.hero-content .subtitle { animation: life-up .6s var(--ease) .25s backwards; }
.hero-content .hero-cta { animation: life-up .6s var(--ease) .45s backwards; }
.hero-photo .timer-wrap { animation: life-up .6s var(--ease) .6s backwards; }
/* soft countdown: digit eases in when it changes (opacity only, keeps the existing scale) */
@keyframes life-tick { from { opacity: .45; } to { opacity: 1; } }
.timer-num.life-tick { animation: none; }

/* 1. scroll reveal (classes are added only by life.js, only below the fold, never with reduced motion) */
.life-rv { opacity: 0; transform: translateY(12px); transition: opacity .5s var(--ease), transform .5s var(--ease); }
.life-rv.life-in { opacity: 1; transform: none; }

/* 2. press / hover feedback */
.btn-gold, .btn-ghost, .btn-dark { transition: background .16s var(--ease), border-color .16s var(--ease), transform .12s var(--ease), box-shadow .16s var(--ease); }
@media (hover: hover) {
  .btn-gold:not([disabled]):hover, .btn-dark:not([disabled]):hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(58, 46, 24, .18); }
  .btn-ghost:not([disabled]):hover { transform: translateY(-1px); box-shadow: 0 3px 10px rgba(58, 46, 24, .12); }
}
.btn-gold:not([disabled]):active, .btn-ghost:not([disabled]):active, .btn-dark:not([disabled]):active { transform: scale(.97); box-shadow: none; }
.candidate-card { animation-fill-mode: backwards; transition: border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease); }
@media (hover: hover) {
  .candidate-card.card-clickable:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(58, 46, 24, .16); }
}
.candidate-card.card-clickable:active { transform: scale(.985); }
/* heart pop on "proposal sent" */
@keyframes life-pop { 0% { transform: scale(.3); opacity: 0; } 55% { transform: scale(1.35); opacity: 1; } 100% { transform: scale(1); } }
.heart-pop { display: inline-block; animation: life-pop .6s var(--ease) .1s backwards; }

/* 7. gentle photo zoom on candidate cards */
.candidate-card .card-bg .photo { transition: transform .7s var(--ease); will-change: transform; }
@media (hover: hover) {
  .candidate-card:hover .card-bg .photo { transform: scale(1.05); }
}
.candidate-card:active .card-bg .photo { transform: scale(1.03); }

/* 3. alternating tint (existing --paper-2) + small gold heart on the divider */
.section.life-tint {
  background: var(--paper-2);
  box-shadow: 0 0 0 100vmax var(--paper-2);
  clip-path: inset(0 -100vmax);
  padding-bottom: 32px;
}
.gold-divider {
  width: 96px; height: 16px; margin: 12px auto; background:
    linear-gradient(var(--bronze), var(--bronze)) left center / calc(50% - 14px) 2px no-repeat,
    linear-gradient(var(--bronze), var(--bronze)) right center / calc(50% - 14px) 2px no-repeat;
  text-align: center; line-height: 16px; font-size: 12px; color: var(--bronze);
}
.gold-divider::before { content: "\2665"; }

/* 5. real life signals */
.life-signal { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 10px auto 2px; font-size: 14px; font-weight: 600; color: var(--bronze-dark); }
.life-signal .life-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bronze); position: relative; flex: none; }
.life-signal .life-dot::after, .life-new::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--bronze); opacity: .5; animation: life-ring 2.2s ease-out infinite; }
@keyframes life-ring { from { transform: scale(1); opacity: .5; } to { transform: scale(3); opacity: 0; } }
.life-new { position: absolute; top: 18px; right: 16px; z-index: 4; width: 10px; height: 10px; border-radius: 50%; background: var(--bronze); box-shadow: 0 0 0 2px rgba(255, 255, 255, .9); }

/* 6. "how it works" as compact step cards */
.steps { gap: 14px; }
.step {
  background: var(--card); border: 1px solid var(--line); border-top: 1px solid var(--line); border-radius: 14px;
  padding: 16px 14px 14px; box-shadow: var(--shadow); text-align: center; position: relative;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease);
}
@media (hover: hover) { .step:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(58, 46, 24, .12); } }
.step .step-ic { display: block; width: 28px; height: 28px; margin: 0 auto 6px; color: var(--bronze); }
.step .step-ic svg { width: 100%; height: 100%; display: block; }
.step .num {
  position: absolute; top: 10px; inset-inline-start: 12px; width: 24px; height: 24px; margin: 0; border-radius: 50%;
  background: var(--bronze); color: #fff; font-size: 13px; font-weight: 700; line-height: 24px; text-align: center;
}
.step h3 { font-size: 17px; font-weight: 600; margin-bottom: 6px; }
.step p { line-height: 1.6; font-size: 14px; }

/* ---- all screens ---- */
@keyframes life-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
#view.life-enter { animation: life-enter .4s var(--ease); }
/* panels and rows: soft lift, press feedback */
.panel, .stat-card, .plan-card, .flow-row, .proposal-row, .card-type-card { transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease), opacity .5s var(--ease); }
@media (hover: hover) {
  .plan-card:hover, .flow-row:hover, .card-type-card:hover, .stat-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(58, 46, 24, .12); }
  .panel:hover { box-shadow: 0 6px 20px rgba(58, 46, 24, .1); }
}
.flow-row:active, .card-type-card:active, .plan-card:active { transform: scale(.985); }
.life-rv.panel, .life-rv.stat-card, .life-rv.plan-card, .life-rv.flow-row, .life-rv.card-type-card { transition: transform .5s var(--ease), opacity .5s var(--ease); }
/* nav, small buttons, toggles */
.main-nav a, .mobile-menu a, .btn-sm, .pw-toggle, .modal-x { transition: color .16s var(--ease), background .16s var(--ease), transform .12s var(--ease); }
.main-nav a:active, .mobile-menu a:active, .btn-sm:active, .pw-toggle:active, .modal-x:active { transform: scale(.95); }
/* form fields: soft focus glow */
.field input, .field select, .field textarea { transition: border-color .18s var(--ease), box-shadow .18s var(--ease); }
.field input:focus, .field select:focus, .field textarea:focus { box-shadow: 0 0 0 3px rgba(147, 112, 42, .18); }
/* badge with a count breathes gently */
.nav-badge:not([data-hide="1"]), .unread-badge { animation: life-breathe 2.6s ease-in-out infinite; }
@keyframes life-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
/* avatars and photos in lists */
.flow-avatar { overflow: hidden; }
.flow-avatar img, .flow-avatar .photo { transition: transform .5s var(--ease); }
@media (hover: hover) { .flow-row:hover .flow-avatar img { transform: scale(1.08); } }

@media print { .life-rv { opacity: 1 !important; transform: none !important; } }
@media (prefers-reduced-motion: reduce) {
  .life-rv, .hero-content h1, .hero-content .subtitle, .hero-content .hero-cta, .hero-photo .timer-wrap, #view.life-enter, .nav-badge, .unread-badge { opacity: 1 !important; transform: none !important; animation: none !important; }
  .life-signal .life-dot::after, .life-new::after { animation: none; opacity: 0; }
}

/* hero: הסבר קצר, חץ וכפתור הרשמה */
.cta-steps-text { margin: 14px auto 0; max-width: 30em; text-align: center; font-size: 0.98rem; line-height: 1.5; color: #3b2f1a; font-weight: 600; }
.cta-arrow { display: block; margin: 6px auto 4px; color: #8a6a1f; animation: cta-arrow-bob 1.8s ease-in-out infinite; }
@keyframes cta-arrow-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
.btn-gold.btn-cta.cta-pulse { animation: cta-btn-pulse 2.4s ease-in-out infinite; }
@keyframes cta-btn-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(201, 162, 39, 0); transform: scale(1); } 50% { box-shadow: 0 0 0 7px rgba(201, 162, 39, 0.28); transform: scale(1.025); } }
@media (prefers-reduced-motion: reduce) { .cta-arrow, .btn-gold.btn-cta.cta-pulse { animation: none; } }

.locate-cta-explain { margin-top: 4px; font-weight: 600; }

.match-explain { margin: 6px auto 0; max-width: 32em; }

/* התקדמות השלמת כרטיס */
.profile-steps { background: linear-gradient(135deg, #fffaf0, #f6ecd2); border: 1px solid #d9bf7a; border-radius: 14px; padding: 14px 16px; margin: 12px 0; box-shadow: 0 2px 10px rgba(150, 115, 30, 0.12); }
.profile-steps .ps-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #3b2f1a; }
.profile-steps .ps-count { color: #8a6a1f; font-weight: 700; }
.profile-steps .ps-bar { height: 8px; background: rgba(150, 115, 30, 0.18); border-radius: 99px; overflow: hidden; margin: 8px 0 10px; }
.profile-steps .ps-bar i { display: block; height: 100%; background: linear-gradient(90deg, #b8912f, #d9b44f); border-radius: 99px; transition: width 0.5s ease; }
.profile-steps .ps-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.profile-steps .ps-chip { font-size: 0.88rem; padding: 3px 10px; border-radius: 99px; border: 1px solid #d9bf7a; }
.profile-steps .ps-done { background: #8a6a1f; color: #fff; border-color: #8a6a1f; }
.profile-steps .ps-todo { background: #fff; color: #5a4a2a; }
.profile-steps .field-hint { margin-top: 10px; }
@media (prefers-reduced-motion: reduce) { .profile-steps .ps-bar i { transition: none; } }

/* countdown: each digit sits in a fixed-width slot, so nothing shifts when digits change */
.timer-num { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; white-space: nowrap; }
.timer-num .td { display: inline-block; width: var(--tdw, 28px); text-align: center; transform: none; }
.timer .timer-num { width: calc(var(--tdw, 28px) * 2); margin-inline: auto; text-align: center; direction: ltr; }

/* השלמת כרטיס: קומפקטי, ממורכז, אדום שקוף */
.profile-steps { background: rgba(214, 84, 66, 0.10); border: 1px solid rgba(200, 70, 55, 0.4); box-shadow: none; padding: 8px 12px; margin: 8px 0; text-align: center; border-radius: 12px; }
.profile-steps .ps-head { justify-content: center; gap: 8px; font-size: 0.92rem; color: #7a2a20; }
.profile-steps .ps-count { color: #a53a2c; }
.profile-steps .ps-bar { height: 6px; background: rgba(200, 70, 55, 0.16); margin: 6px auto 7px; max-width: 320px; }
.profile-steps .ps-bar i { background: linear-gradient(90deg, #c4503f, #de7a68); }
.profile-steps .ps-chips { justify-content: center; gap: 4px; }
.profile-steps .ps-chip { font-size: 0.76rem; padding: 1px 8px; border-color: rgba(200, 70, 55, 0.35); }
.profile-steps .ps-done { background: #b6402f; border-color: #b6402f; color: #fff; }
.profile-steps .ps-todo { background: rgba(255, 255, 255, 0.55); color: #6b2a20; }
.profile-steps .ps-note { margin-top: 6px; font-size: 0.8rem; line-height: 1.4; color: #6b2a20; }
.profile-steps .btn-gold { background: #b6402f; border-color: #b6402f; color: #fff; padding: 5px 14px; font-size: 0.85rem; }

/* צ'יפים: הושלם = ירוק שקוף, חסר = אדום שקוף */
.profile-steps .ps-done { background: rgba(76, 175, 80, 0.18); border-color: rgba(56, 142, 60, 0.5); color: #1f5a25; }
.profile-steps .ps-todo { background: rgba(214, 84, 66, 0.14); border-color: rgba(200, 70, 55, 0.45); color: #7a2a20; }

/* טעינה: הלב הזהוב מסתובב סביב עצמו (עדין וקטן) */
.logo-spin { display: inline-block; vertical-align: middle; animation: logo-spin 1.6s linear infinite; transform-origin: 50% 50%; will-change: transform; }
.logo-spin-sm { width: 18px; height: 18px; margin-inline-end: 4px; }
@keyframes logo-spin { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } }
.boot-loader { display: flex; justify-content: center; align-items: center; min-height: 55vh; }
.empty-state .big .logo-spin { opacity: 0.9; }
@media (prefers-reduced-motion: reduce) { .logo-spin { animation: logo-pulse 2.4s ease-in-out infinite; } }
@keyframes logo-pulse { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }
.cd-sub { flex-wrap: wrap; row-gap: 2px; }
/* טקסט "קצת על עצמי" / "מה מחפש/ת": בולט יותר */
.card-modal-bio, .card-side-l .card-modal-bio { font-weight: 600; color: #1f1a12; font-size: 14.5px; line-height: 1.55; }
.card-side-l .card-modal-bio .card-bio-title { font-size: 12.5px; font-weight: 800; }
@media (max-width: 480px) { .card-modal-bio, .card-side-l .card-modal-bio { font-size: 14px; } }

/* אישור תמונות */
.profile-steps.ps-wait { background: rgba(201, 162, 79, 0.14); border-color: rgba(185, 145, 50, 0.5); }
.profile-steps.ps-wait .ps-head { color: #5a4210; }
.profile-steps.ps-wait .ps-note { color: #5a4210; }
.profile-steps .ps-wait-chip { background: rgba(201, 162, 79, 0.2); border-color: rgba(185, 145, 50, 0.55); color: #5a4210; }
.photo-wait-badge { background: rgba(201, 162, 79, 0.92); color: #3b2a08; }
.gallery-item.is-pending img { opacity: 0.6; }
.photo-banner { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 0 10px; padding: 9px 14px; border-radius: 12px; border: 1px solid rgba(185, 145, 50, 0.55); background: rgba(201, 162, 79, 0.16); color: #4d3a0c; font-weight: 700; font-family: inherit; cursor: pointer; }
.photo-banner .pb-go { font-weight: 600; font-size: 0.9rem; color: #8a6a1f; }
.photo-review { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.pr-card { border: 1px solid #ead9a8; border-radius: 14px; padding: 8px; background: #fffaf0; text-align: center; }
.pr-img img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 10px; display: block; }
.pr-name { margin-top: 6px; font-weight: 700; font-size: 0.92rem; }
.pr-sub { font-size: 0.78rem; color: var(--muted); margin-bottom: 6px; }
.pr-actions { display: flex; gap: 6px; justify-content: center; }
.photo-banner, .photo-banner .pb-go { color: #b6402f; }
.profile-steps.ps-wait { background: rgba(214, 84, 66, 0.10); border-color: rgba(200, 70, 55, 0.4); }
.profile-steps.ps-wait .ps-head, .profile-steps.ps-wait .ps-note { color: #7a2a20; }

/* תגיות על תמונות הגלריה: תמיד ממורכזות */
.gallery-item .photo-primary-badge, .gallery-item .photo-primary-btn { left: 50%; right: auto; transform: translateX(-50%); white-space: nowrap; text-align: center; }
.photo-wait-badge { background: rgba(214, 84, 66, 0.88); color: #fff; border: 1px solid rgba(200, 70, 55, 0.6); }

/* עורך תמונה פשוט: מסגרת אחת, מגע בלבד */
.crop-card { max-width: 380px; padding: 14px 14px 12px; }
.crop-hint { margin: 0 0 8px; font-size: 13px; text-align: center; }
.crop-stage { height: 58vh; max-height: 520px; }
.crop-frame::before { display: none; }
.crop-rot { position: absolute; bottom: 8px; left: 8px; width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(40, 32, 20, 0.6); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; z-index: 2; }
.crop-card .notice-actions { justify-content: center; }
.gallery-edit { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 50%; border: 0; background: rgba(40, 32, 20, 0.6); color: #fff; font-size: 14px; line-height: 1; cursor: pointer; }

/* decline1 */
.mm-issued.mm-reject-warn{color:#b6402f;background:rgba(182,64,47,.08);border:1px solid rgba(182,64,47,.45);font-weight:700;margin-bottom:6px;text-align:center}

/* cm1: מסך "כמעט סיימנו" - כרטיס קצר, ירוק/אדום שקוף, מין בכפתורים */
.cm-wrap { padding: 18px 16px 16px !important; }
.cm-wrap h2 { font-size: 20px; margin-bottom: 2px; }
.cm-wrap .form-sub { font-size: 13px; margin-bottom: 10px; line-height: 1.4; }
.cm-wrap .form-section-title { font-size: 13.5px; margin: 10px 0 2px; padding-bottom: 4px; }
.cm-wrap .field { margin-bottom: 8px; }
.cm-wrap .field label { font-size: 13.5px; margin-bottom: 3px; }
.cm-wrap .field-row { gap: 8px; }
.cm-wrap .field input:not([type="hidden"]), .cm-wrap .field select { padding-top: 9px; padding-bottom: 9px; }
.cm-wrap .check-row { margin: 8px 0; font-size: 13.5px; }
.cm-wrap .card-type-card { padding: 10px 12px; }
.cm-wrap .card-type-desc { font-size: 12.5px; }
.cm-wrap .cm-ok input:not([type="hidden"]), .cm-wrap .cm-ok select {
  border-color: rgba(60, 150, 90, .55); background: rgba(60, 150, 90, .09);
}
.cm-wrap .cm-miss input:not([type="hidden"]), .cm-wrap .cm-miss select {
  border-color: rgba(190, 80, 65, .55); background: rgba(190, 80, 65, .08);
}
.cm-g-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cm-g {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  padding: 8px 4px 6px; border-radius: 12px; cursor: pointer; font: inherit; color: var(--ink, #3a3226);
  border: 1px solid var(--line); background: #fff;
}
.cm-g span { font-size: 12px; line-height: 1.2; }
.cm-g.cm-miss { border-color: rgba(190, 80, 65, .55); background: rgba(190, 80, 65, .08); color: #b6402f; }
.cm-g.cm-ok { border-color: rgba(60, 150, 90, .6); background: rgba(60, 150, 90, .12); color: #2f7a4a; }
.cm-g:active { transform: scale(.98); }
.cm-wrap .cm-names { grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin-bottom: 0; }
.cm-wrap .cm-names .field { min-width: 0; }
.cm-wrap .form-section-title:first-of-type { display: none; }
.cm-wrap .field { margin-bottom: 6px !important; }
.cm-wrap .field label { margin-bottom: 2px !important; }
.cm-wrap form > .field, .cm-wrap .cm-names { margin-top: 0; }

/* fw1: מסגרת כרטיסי טפסים (התחברות, הרשמה, כמעט סיימנו ועוד) - מודגשת יותר */
.form-wrap {
  border: 2px solid rgba(147, 112, 42, .6);
  box-shadow: 0 8px 24px rgba(58, 46, 24, .16), 0 1px 3px rgba(58, 46, 24, .1);
}

/* fw2 */
.form-wrap { border-width: 3px; border-color: #7a5a22; }

/* fw3: אותה מסגרת (3px ברונזה) בכל החלונות והכרטיסים הראשיים. שורות צפופות, כפתורים ותיבות פנימיות נשארים בקו הדק. */
.modal, .modal-wide, .panel, .profile-card, .candidate-card, .plan-card, .flow-row, .conv-row, .flow-screen,
.step, .story-card, .cx-card, .pr-card, .cta-banner, .incomplete-banner, .form-note, .privacy-note, .stat-box,
.admin-tile, .match-section, .udetail-sec, .locate-cta {
  border-style: solid;
  border-width: 3px;
  border-color: #7a5a22;
}
.modal, .panel, .profile-card, .candidate-card, .plan-card, .flow-row, .story-card {
  box-shadow: 0 8px 24px rgba(58, 46, 24, .16), 0 1px 3px rgba(58, 46, 24, .1);
}

/* gap1: בלי רווח ריק בין "תמונות" לכפתור כשאין תמונות */
.gallery-grid:empty { display: none; }

/* "התמונה ממתינה לאישור": תווית לא לחיצה, טקסט אדום, קטנה */
.candidate-card.candidate-full .photo-hint.photo-hint-wait {
  color: #b3372b;
  cursor: default;
  pointer-events: none;
  font-size: 11px;
  line-height: 1.2;
  padding: 3px 8px;
  margin-top: 4px;
  font-weight: 600;
}

/* שורת "התמונה ממתינה לאישור" מעל מועמדי היום */
.photo-wait-line { text-align: center; color: #b3372b; font-size: 13px; font-weight: 600; line-height: 1.3; margin: -4px auto 12px; max-width: 520px; padding: 0 12px; }
.photo-wait-line[hidden] { display: none; }

/* הודעת השלמת פרופיל / ממתינה לאישור בתיבת ההתאמה האישית: רקע בהיר, טקסט אדום קריא */
.match-section .match-complete-note {
  background: #f6efdf;
  border: 1px solid rgba(147, 112, 42, 0.5);
  color: #a52a1f;
  font-weight: 600;
}
.match-section .match-complete-note span { color: #a52a1f; }

/* bz1: מסגרת ברונזה גם בחלון פרופיל מועמד (הקו העליון הבהיר הוסר) ובכרטיסי רשימה חיצוניים. על רקע כהה נשארת מסגרת זהב בהירה. */
.modal-wide:has(.card-modal) { border-top: 3px solid #7a5a22; }
.user-row, .trk-row, .match-row.mm-card { border: 3px solid #7a5a22; }
.match-section { border-color: #b8924a; }

/* רווח קטן בין "הצעות והתכתבויות" ל"ארכיון הצעות" */
#archive-panel { margin-top: 6px; }

/* bz2: ברונזה כהה אחידה, כולל מסגרת התמונה בחלון פרופיל המועמד */
.card-side-r .card-modal-photo { background: linear-gradient(145deg, #8a6a2c, #6b4d1a 50%, #8a6a2c); box-shadow: 0 14px 34px rgba(58, 40, 10, 0.35); }
.card-side-r .card-modal-photo img, .card-side-r .card-modal-photo .no-photo { border-color: #fffdf6; }
.match-section { border-color: #b8924a; }

/* bz3: עיגול התמונה באזור האישי וצ׳אטים באותה ברונזה כהה */
.profile-compact .me-avatar, .me-head .me-avatar, .flow-row .flow-avatar { border: 3px solid #7a5a22; }

/* me2: באזור האישי בלבד מסגרות כרטיסים ובאנרים 2px (אותה ברונזה כהה) */
.me-section .panel, .me-section .flow-row, .me-section .conv-row, .me-section .incomplete-banner, .me-section .cta-banner, .me-section .form-note, .me-section .privacy-note, .me-section .profile-card, .me-section .candidate-card, .me-section .stat-box, .me-section .plan-card { border-width: 2px; }
.me-section .flow-row .flow-avatar { border-width: 2px; }

/* me3: אזור אישי 1.5px */
.me-section .panel, .me-section .flow-row, .me-section .conv-row, .me-section .incomplete-banner, .me-section .cta-banner, .me-section .form-note, .me-section .privacy-note, .me-section .profile-card, .me-section .candidate-card, .me-section .stat-box, .me-section .plan-card, .me-section .flow-row .flow-avatar { border-width: 1.5px; }

/* רווח בין "ארכיון הצעות" ל"הנתונים שלי" */
#archive-panel { margin-bottom: 18px !important; }

/* ארבעת הבאנרים המתקפלים התחתונים באזור האישי: מסגרת 1px */
.me-section .panel-slim:not(#archive-panel) { border-width: 1px; }

/* אזור הניהול: המסגרת החיצונית שעוטפת כל טאב (והפאנלים בתוכו) 1.5px, ברונזה כהה. כרטיסי הרשימה הפנימיים נשארים כמו שהם. */
.panel:has(> #admin-content), #admin-content .panel { border-width: 1.5px; }

/* אריחי הניהול העליונים: מסגרת 2px */
.admin-tile { border-width: 2px; }

/* "איך זה עובד": מסגרת 1px ברונזה כהה, והמספר כספרה גדולה ממורכזת בברונזה (בלי עיגול) */
#how .step { border: 1px solid #7a5a22; padding-top: 10px; }
#how .step .num {
  position: static; display: block; width: auto; height: auto; margin: 0 auto 2px; border-radius: 0;
  background: none; color: var(--bronze); font-family: var(--serif); font-size: 40px; font-weight: 600; line-height: 1.1;
}

/* הספרה המעוצבת: גופן האתר, דקה וגדולה, גרדיאנט ברונזה וקו זהב קצר מתחתיה */
#how .step .num {
  font-family: var(--serif); font-size: 52px; font-weight: 300; line-height: 1; letter-spacing: 0;
  background: linear-gradient(160deg, #c49a45 0%, #8a6a2c 55%, #7a5a22 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #8a6a2c;
  margin: 0 auto 6px; padding-bottom: 8px; position: relative;
}
#how .step .num::after {
  content: ""; position: absolute; left: 50%; bottom: 0; width: 26px; height: 2px; transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #b8924a, transparent); border-radius: 2px;
}

/* הערת הפרטיות ב"איך זה עובד": באנר עדין ושונה מהכרטיסים - רצועה שמנת-ברונזה, בלי מסגרת עבה */
#how .privacy-note {
  max-width: 520px; margin: 18px auto 0; padding: 10px 16px; border: 0; border-radius: 12px; box-shadow: none;
  background: linear-gradient(90deg, rgba(184, 146, 74, .16), rgba(184, 146, 74, .07));
  color: #5a4a26; font-size: 14px; line-height: 1.6; font-weight: 500; text-align: center;
  position: relative;
}
#how .privacy-note::before {
  content: ""; position: absolute; inset-block: 8px; inset-inline-start: 0; width: 3px; border-radius: 3px; background: #8a6a2c;
}

/* הספרה בצד הכרטיס (ימין ב-RTL), ממורכזת אנכית; התוכן משמאלה */
#how .step { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; padding: 14px 14px 14px 12px; }
#how .step .num {
  grid-column: 1; grid-row: 1 / span 3; align-self: center; margin: 0; padding: 0 4px 0 8px; font-size: 64px; min-width: 40px;
}
#how .step .num::after { display: none; }
#how .step > :not(.num) { grid-column: 2; }
#how .step .step-ic { margin: 0 auto 4px; }

/* יותר מרווח בין הערת הפרטיות לאזור "אודות" */
#how .privacy-note { margin-bottom: 40px; }

/* ספרת השלב: גופן תצוגה סריפי (Frank Ruhl Libre, מתארח באתר), ברונזה מדורג, בצד הכרטיס */
@font-face {
  font-family: "Frank Ruhl Libre"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/fonts/frank-ruhl-500-latin.woff2) format("woff2");
  unicode-range: U+0030-0039;
}
#how .step .num {
  font-family: "Frank Ruhl Libre", Georgia, "Times New Roman", serif; font-weight: 500; font-size: 78px; line-height: 1;
  padding: 0 6px 0 10px;
  background: linear-gradient(165deg, #d1a94f 0%, #a67c2e 45%, #6f4f1b 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 rgba(184, 146, 74, .22));
}
#how .step .num::after {
  display: block; content: ""; position: absolute; left: 50%; bottom: -4px; width: 30px; height: 2px; transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #b8924a, transparent);
}

/* כותרת ההירו: שתי שורות מאוזנות */
.hero-content h1 { text-wrap: balance; }

/* כותרת ההירו: גופן תצוגה סריפי (Frank Ruhl Libre 700, מתארח באתר), שתי שורות במובייל */
@font-face {
  font-family: "Frank Ruhl Libre"; font-style: normal; font-weight: 700; font-display: block;
  src: url(data:font/woff2;base64,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) format("woff2");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: "Frank Ruhl Libre"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/fonts/frank-ruhl-700-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122;
}
.hero-content h1 { font-family: "Frank Ruhl Libre", Georgia, "Times New Roman", serif; font-weight: 700; line-height: 1.25; letter-spacing: .2px; }
@media (max-width: 700px) {
  .hero-content h1 { font-size: clamp(25px, 7.4vw, 34px); max-width: 94%; margin-inline: auto; }
}

/* כותרת ההירו במובייל: שתי שורות מדורגות - עליונה לימין, תחתונה לשמאל */
@media (max-width: 700px) {
  .hero-content h1 { font-size: clamp(23px, 6.4vw, 30px); max-width: 100%; text-align: start; padding-inline: 4%; margin-inline: 0; letter-spacing: .3px; text-wrap: nowrap; }
  .hero-content h1 .ht-l1, .hero-content h1 .ht-l2 { display: block; white-space: nowrap; }
  .hero-content h1 .ht-l1 { text-align: right; }
  .hero-content h1 .ht-l2 { text-align: left; }
}

@media (max-width: 700px) {
  .hero-content h1 { font-size: clamp(27px, 8.2vw, 34px); }
}

/* Chat screen only: a hairline bronze frame, on mobile and desktop. */
.flow-screen { border: 1px solid #7a5a22; }