/* ===== משתני עיצוב גלובליים ===== */
        :root {
            --color-bg: #F4EFE8;
            --color-bg-dark: #0D1B2A;
            --color-bg-card: #FFFFFF;
            --color-bg-section: #EDE8E0;
            --color-bg-overlay: rgba(13,27,42,0.96);

            --color-primary: #C0622F;
            --color-primary-light: #E8845A;
            --color-primary-hover: #A84E20;
            --color-accent: #F5C842;
            --color-accent-dark: #D4A920;

            --color-green: #2E9E5E;
            --color-red: #B04040;

            --color-text: #1A1A1A;
            --color-text-muted: #5A5A5A;
            --color-text-white: #FFFFFF;
            --color-border: rgba(0,0,0,0.09);
            --color-border-light: rgba(255,255,255,0.1);

            --font-serif: 'Assistant', sans-serif;
            --font-sans: 'Assistant', sans-serif;

            --sp-xs: 4px; --sp-sm: 8px; --sp-md: 16px;
            --sp-lg: 24px; --sp-xl: 40px; --sp-2xl: 64px;

            --r-sm: 6px; --r-md: 12px; --r-lg: 20px; --r-full: 9999px;

            --sh-sm: 0 1px 4px rgba(0,0,0,0.07);
            --sh-md: 0 4px 16px rgba(0,0,0,0.1);
            --sh-lg: 0 12px 36px rgba(0,0,0,0.14);

            --header-h: 64px;
            --tf: 0.15s ease;
            --tb: 0.25s ease;
            --ts: 0.38s cubic-bezier(.25,.46,.45,.94);
        }

        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        html {
            scroll-behavior: smooth;
            font-size: 16px;
            overflow-x: clip; /* Safari-safe: doesn't break position:sticky */
            -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
        }
        body {
            font-family: var(--font-sans);
            background: var(--color-bg);
            color: var(--color-text);
            direction: rtl;
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
            -webkit-tap-highlight-color: transparent;
        }

        .skip-link {
            position: absolute; top: -100%; right: 0;
            background: var(--color-primary); color: #fff;
            padding: 8px 16px; font-weight: 600; text-decoration: none;
            z-index: 10000; border-radius: 0 0 var(--r-sm) var(--r-sm);
            transition: top var(--tf);
        }
        .skip-link:focus { top: 0; outline: 3px solid var(--color-accent); }

        /* ===== כותרת ===== */
        #main-header {
            position: fixed; top: 0; right: 0; left: 0;
            height: var(--header-h);
            background: var(--color-bg);
            border-bottom: 1px solid var(--color-border);
            z-index: 1000;
            transition: background var(--tb), box-shadow var(--tb);
        }
        #main-header.scrolled {
            background: rgba(244,239,232,0.88);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            box-shadow: var(--sh-sm);
        }
        .header-inner {
            display: flex; align-items: center; justify-content: space-between;
            height: 100%; max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-lg);
        }
        .logo-group { display: flex; align-items: center; flex-shrink: 0; }
        .site-logo { display: flex; align-items: center; gap: var(--sp-sm); text-decoration: none; }
        .logo-icon { width: 42px; height: 42px; flex-shrink: 0; }
        .logo-text-group { display: flex; flex-direction: column; gap: 1px; }
        .logo-text { font-family: 'Space Grotesk', var(--font-sans); font-size: 1.22rem; font-weight: 700; color: var(--color-text); line-height: 1.1; letter-spacing: -0.02em; }
        .logo-accent { color: var(--color-primary); }
        .logo-tagline { font-size: 0.7rem; color: var(--color-text-muted); white-space: nowrap; }
        @media (max-width: 480px) { .logo-tagline { display: none; } }

        .nav-links { display: flex; align-items: center; gap: var(--sp-xl); list-style: none; }
        .nav-links a {
            font-size: 0.9375rem; font-weight: 500; color: var(--color-text-muted);
            text-decoration: none; position: relative; padding-bottom: 2px;
            transition: color var(--tf);
        }
        .nav-links a::after {
            content: ''; position: absolute; bottom: -2px; right: 0;
            width: 0; height: 2px; background: var(--color-primary);
            transition: width var(--tb);
        }
        .nav-links a:hover { color: var(--color-primary); }
        .nav-links a:hover::after, .nav-links a[aria-current="page"]::after { width: 100%; }
        .nav-links a[aria-current="page"] { color: var(--color-primary); font-weight: 600; }

        .header-actions { display: flex; align-items: center; gap: 8px; }
        .header-stats { display: flex; flex-direction: column; gap: 2px; padding: 6px 14px; border-inline: 1px solid var(--color-border); margin-inline: 4px; }
        .header-stat-row { display: flex; align-items: center; gap: 6px; font-family: var(--font-sans); font-size: 0.72rem; color: var(--color-text-muted); white-space: nowrap; }
        .header-stat-row strong { color: var(--color-primary); font-weight: 700; font-size: 0.8rem; }
        .header-stat-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--color-accent); flex-shrink: 0; }
        @media (max-width: 900px) { .header-stats { display: none; } }
        html[data-theme="dark"] .header-stats { border-color: rgba(255,255,255,0.07); }
        html[data-theme="dark"] .header-stat-row { color: rgba(255,255,255,0.5); }
        html[data-theme="dark"] .header-stat-row strong { color: var(--color-primary-light); }
        .dark-mode-btn {
            width: 38px; height: 38px; border-radius: var(--r-full);
            border: 1px solid var(--color-border); background: transparent;
            color: var(--color-text-muted); cursor: pointer; font-size: 1.1rem;
            display: flex; align-items: center; justify-content: center;
            transition: background var(--tf), color var(--tf);
            touch-action: manipulation;
        }
        .dark-mode-btn:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

        .hamburger-btn {
            display: none; flex-direction: column; justify-content: center; align-items: center;
            gap: 5px; width: 44px; height: 44px; background: none; border: none; cursor: pointer;
            padding: var(--sp-sm); border-radius: var(--r-sm);
            touch-action: manipulation;
        }
        .hamburger-line {
            display: block; width: 22px; height: 2px; background: var(--color-text);
            border-radius: 2px; transition: transform var(--tb), opacity var(--tf);
        }
        .hamburger-btn[aria-expanded="true"] .hamburger-line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
        .hamburger-btn[aria-expanded="true"] .hamburger-line:nth-child(2) { opacity: 0; }
        .hamburger-btn[aria-expanded="true"] .hamburger-line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

        .mobile-nav-overlay {
            position: fixed; inset: 0; background: var(--color-bg-overlay); z-index: 999;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            gap: var(--sp-2xl); opacity: 0; pointer-events: none; transition: opacity var(--ts);
        }
        .mobile-nav-overlay.open { opacity: 1; pointer-events: all; }
        .mobile-nav-links { display: flex; flex-direction: column; align-items: center; gap: var(--sp-xl); list-style: none; }
        .mobile-nav-links a {
            font-family: var(--font-serif); font-size: 1.75rem; font-weight: 600;
            color: #fff; text-decoration: none; transition: color var(--tf);
        }
        .mobile-nav-links a:hover { color: var(--color-accent); }
        .mobile-nav-close {
            position: absolute; top: var(--sp-lg); left: var(--sp-lg);
            background: none; border: none; color: #fff; font-size: 1.5rem; cursor: pointer;
            width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
            border-radius: var(--r-full);
        }

        /* ===== Hero ===== */
        #profile-hero {
            padding-top: var(--header-h);
            background: linear-gradient(160deg, #0A1520 0%, #112030 50%, #0D1B2A 100%);
            position: relative; overflow: hidden;
        }

        /* עיגולים דקורטיביים ברקע */
        #profile-hero::before {
            content: '';
            position: absolute; top: -120px; left: -80px;
            width: 500px; height: 500px; border-radius: 50%;
            background: radial-gradient(circle, rgba(192,98,47,0.12) 0%, transparent 65%);
            pointer-events: none;
        }
        #profile-hero::after {
            content: '';
            position: absolute; bottom: -60px; right: -60px;
            width: 400px; height: 400px; border-radius: 50%;
            background: radial-gradient(circle, rgba(245,200,66,0.07) 0%, transparent 65%);
            pointer-events: none;
        }

        /* breadcrumb */
        .hero-breadcrumb {
            position: relative; z-index: 1;
            display: flex; align-items: center; gap: var(--sp-sm);
            max-width: 1200px; margin: 0 auto;
            padding: var(--sp-lg) var(--sp-lg) 0;
            font-size: 0.8125rem; color: rgba(255,255,255,0.45);
        }
        .hero-breadcrumb a { color: rgba(255,255,255,0.55); text-decoration: none; transition: color var(--tf); }
        .hero-breadcrumb a:hover { color: var(--color-primary-light); }
        .hero-breadcrumb .sep { margin: 0 2px; }

        /* תוכן ה-Hero */
        .hero-body {
            position: relative; z-index: 1;
            max-width: 1200px; margin: 0 auto;
            padding: var(--sp-xl) var(--sp-lg) var(--sp-2xl);
            display: grid;
            grid-template-columns: 1fr auto;
            gap: var(--sp-2xl);
            align-items: start;
        }

        .hero-left { display: flex; flex-direction: column; gap: var(--sp-lg); }

        .hero-top-row {
            display: flex; align-items: center; gap: var(--sp-lg); flex-wrap: wrap;
        }

        .hero-flag {
            flex-shrink: 0;
            width: 140px; height: 93px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 8px 32px rgba(0,0,0,0.55), 0 0 0 2px rgba(255,255,255,0.22);
        }
        .hero-flag img {
            width: 100%; height: 100%;
            object-fit: cover;
            display: block;
        }

        .hero-name-block { flex: 1; min-width: 0; }

        .hero-region-tag {
            display: inline-flex; align-items: center; gap: 6px;
            background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14);
            color: rgba(255,255,255,0.65); font-size: 0.8125rem; font-weight: 500;
            padding: 4px 12px; border-radius: var(--r-full);
            margin-bottom: var(--sp-sm);
        }

        .hero-country-name {
            font-family: 'Assistant', sans-serif;
            font-size: clamp(2.25rem, 5vw, 3.75rem);
            font-weight: 900; color: #fff; line-height: 1.1;
        }

        .hero-capital {
            font-size: 0.9375rem; color: rgba(255,255,255,0.5);
            margin-top: var(--sp-sm); display: flex; align-items: center; gap: 6px;
        }

        /* פאנל ציון ימני */
        .hero-right { display: flex; flex-direction: column; align-items: center; gap: var(--sp-md); }

        .score-ring-wrap {
            position: relative; width: 110px; height: 110px;
        }
        .score-ring-wrap svg { width: 100%; height: 100%; transform: rotate(-90deg); }
        .score-ring-bg  { fill: none; stroke: rgba(255,255,255,0.1); stroke-width: 7; }
        .score-ring-fill {
            fill: none; stroke: var(--color-accent); stroke-width: 7; stroke-linecap: round;
            stroke-dasharray: 298.45; stroke-dashoffset: 298.45;
        }
        .score-ring-inner {
            position: absolute; inset: 0;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
        }
        .score-big { font-family: var(--font-serif); font-size: 2rem; font-weight: 900; color: #fff; line-height: 1; }
        .score-label { font-size: 0.65rem; color: rgba(255,255,255,0.5); margin-top: 2px; letter-spacing: 0.04em; text-transform: uppercase; }

        /* סטטיסטיקות מהירות */
        .hero-stats-strip {
            display: flex; flex-wrap: wrap; gap: var(--sp-sm);
        }

        .hero-stat {
            background: rgba(255,255,255,0.07);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: var(--r-md);
            padding: var(--sp-md) var(--sp-lg);
            min-width: 130px; flex: 1;
        }
        .hero-stat-icon { font-size: 1.1rem; margin-bottom: 4px; }
        .hero-stat-label { font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-bottom: 2px; }
        .hero-stat-value { font-family: var(--font-serif); font-size: 1.25rem; font-weight: 700; color: #fff; }

        /* פס סכמה 33 קטגוריות */
        .schema-strip {
            position: relative; z-index: 1;
            max-width: 1200px; margin: 0 auto;
            padding: 0 var(--sp-lg) var(--sp-lg);
            display: flex; align-items: center; gap: var(--sp-md); flex-wrap: wrap;
        }
        .schema-badge {
            background: rgba(245,200,66,0.15); border: 1px solid rgba(245,200,66,0.3);
            color: var(--color-accent); border-radius: var(--r-full);
            padding: 4px 12px; font-size: 0.75rem; font-weight: 700;
            letter-spacing: 0.04em; white-space: nowrap;
        }
        .schema-pills { display: flex; flex-wrap: wrap; gap: 6px; }
        .schema-pill {
            background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.55); border-radius: var(--r-full);
            padding: 4px 10px; font-size: 0.72rem; white-space: nowrap;
        }
        .schema-pill strong { color: rgba(255,255,255,0.8); }

        /* ===== פס טאבים ===== */
        #tabs-bar {
            position: sticky; top: var(--header-h); z-index: 100;
            background: var(--color-bg-card);
            border-bottom: 1px solid var(--color-border);
            box-shadow: var(--sh-sm);
        }
        .tabs-inner {
            max-width: 1200px; margin: 0 auto; padding: 0 var(--sp-lg);
            display: flex; overflow-x: auto; scrollbar-width: none;
        }
        .tabs-inner::-webkit-scrollbar { display: none; }
        .tab-btn {
            padding: 15px var(--sp-lg);
            background: none; border: none; border-bottom: 3px solid transparent;
            cursor: pointer; font-family: var(--font-sans); font-size: 0.9375rem; font-weight: 500;
            color: var(--color-text-muted); white-space: nowrap;
            transition: color var(--tf), border-color var(--tf);
            display: flex; align-items: center; gap: var(--sp-sm);
            touch-action: manipulation;
        }
        .tab-btn:hover { color: var(--color-primary); }
        .tab-btn.active { color: var(--color-primary); border-bottom-color: var(--color-primary); font-weight: 600; }
        .tab-icon { font-size: 1rem; }
        .tab-count {
            background: rgba(0,0,0,0.07); color: var(--color-text-muted);
            border-radius: var(--r-full); padding: 1px 7px;
            font-size: 0.72rem; font-weight: 700; margin-right: 4px;
        }
        .tab-btn.active .tab-count { background: rgba(192,98,47,0.12); color: var(--color-primary); }
        html[data-theme="dark"] .tab-count { background: rgba(255,255,255,0.08); }

        /* ===== פנלי טאב ===== */
        .tab-panel { display: none; }
        .tab-panel.active { display: block; }

        @media (prefers-reduced-motion: no-preference) {
            .tab-panel.active { animation: tabIn 0.28s ease both; }
            @keyframes tabIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
        }

        .section-wrap {
            max-width: 1200px; margin: 0 auto;
            padding: var(--sp-xl) var(--sp-lg) var(--sp-2xl);
        }

        .section-heading {
            display: flex; align-items: flex-start; justify-content: space-between;
            margin-bottom: var(--sp-xl); flex-wrap: wrap; gap: var(--sp-md);
        }
        .section-title {
            font-family: var(--font-serif); font-size: 1.625rem; font-weight: 700;
            color: var(--color-text); margin-bottom: 4px;
        }
        .section-sub { font-size: 0.9375rem; color: var(--color-text-muted); }

        /* כרטיס בסיסי */
        .card {
            background: var(--color-bg-card);
            border-radius: var(--r-lg);
            border: 1px solid var(--color-border);
            box-shadow: var(--sh-sm);
        }
        .card-pad { padding: var(--sp-lg); }
        .card-title {
            font-family: var(--font-serif); font-size: 1rem; font-weight: 700;
            color: var(--color-text); margin-bottom: var(--sp-md);
            display: flex; align-items: center; gap: var(--sp-sm);
        }

        /* ===== טאב 1: סקירה — עיצוב ===== */
        .overview-grid {
            display: grid;
            grid-template-columns: 380px 1fr;
            gap: var(--sp-lg);
            margin-bottom: var(--sp-lg);
        }
        @media (max-width: 900px) { .overview-grid { grid-template-columns: 1fr; } }

        /* ציוני 10 מדדים עם פסים */
        .scores-list { display: flex; flex-direction: column; gap: 10px; }
        .score-row { display: grid; grid-template-columns: 7rem 1fr 2.5rem; align-items: center; gap: var(--sp-sm); }
        .score-name { font-size: 0.875rem; font-weight: 500; color: var(--color-text-muted); }
        .score-bar-track { height: 7px; background: rgba(0,0,0,0.07); border-radius: var(--r-full); overflow: hidden; }
        .score-bar-fill { height: 100%; border-radius: var(--r-full); width: 0; transition: width 0.7s cubic-bezier(.4,0,.2,1); }
        .score-bar-fill.high   { background: linear-gradient(90deg, #2E9E5E, #5CC88A); }
        .score-bar-fill.medium { background: linear-gradient(90deg, var(--color-primary), var(--color-primary-light)); }
        .score-bar-fill.low    { background: linear-gradient(90deg, #B04040, #D06060); }
        .score-val { font-size: 0.8125rem; font-weight: 700; text-align: left; }
        .score-val.high   { color: #2E9E5E; }
        .score-val.medium { color: var(--color-primary); }
        .score-val.low    { color: #B04040; }

        /* גרף עכביש */
        .radar-wrap {
            display: flex; flex-direction: column; align-items: center;
        }
        .radar-wrap .card-title { align-self: flex-start; }
        #radar-svg { width: 100%; max-width: 340px; }

        /* יתרונות וחסרונות */
        .pros-cons-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-md); margin-top: var(--sp-lg); }
        @media (max-width: 600px) { .pros-cons-row { grid-template-columns: 1fr; } }

        .pc-card { border-radius: var(--r-md); padding: var(--sp-lg); border: 1px solid; }
        .pc-pros { background: rgba(46,158,94,0.05); border-color: rgba(46,158,94,0.18); }
        .pc-cons { background: rgba(176,64,64,0.05); border-color: rgba(176,64,64,0.18); }
        .pc-head { font-weight: 700; font-size: 0.9375rem; margin-bottom: var(--sp-md); display: flex; align-items: center; gap: var(--sp-sm); }
        .pc-pros .pc-head { color: #2E9E5E; }
        .pc-cons .pc-head { color: #B04040; }
        .pc-list { list-style: none; display: flex; flex-direction: column; gap: var(--sp-sm); }
        .pc-list li { font-size: 0.9rem; display: flex; align-items: baseline; gap: var(--sp-sm); color: var(--color-text); }
        .pc-pros .pc-list li::before { content: '✓'; color: #2E9E5E; font-weight: 700; flex-shrink: 0; }
        .pc-cons .pc-list li::before { content: '✗'; color: #B04040; font-weight: 700; flex-shrink: 0; }

        /* טיפ קהילה */
        .tip-card {
            background: linear-gradient(135deg, rgba(245,200,66,0.08) 0%, rgba(245,200,66,0.03) 100%);
            border: 1px solid rgba(245,200,66,0.28);
            border-radius: var(--r-lg); padding: var(--sp-xl); margin-top: var(--sp-lg);
        }
        .tip-label { font-size: 0.8rem; font-weight: 700; color: var(--color-accent-dark); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: var(--sp-sm); }
        .tip-text { font-size: 1rem; color: var(--color-text); line-height: 1.75; }

        /* ===== טאב 2: הגירה ===== */
        .imm-top { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-lg); margin-bottom: var(--sp-lg); }
        @media (max-width: 768px) { .imm-top { grid-template-columns: 1fr; } }

        /* תגיות ויזה */
        .visa-tags { display: flex; flex-wrap: wrap; gap: var(--sp-sm); margin-top: var(--sp-sm); }
        .visa-tag {
            background: rgba(192,98,47,0.09); border: 1px solid rgba(192,98,47,0.22);
            color: var(--color-primary); border-radius: var(--r-full);
            padding: 6px 14px; font-size: 0.8125rem; font-weight: 500;
            line-height: 1.4; transition: background var(--tf);
        }
        .visa-tag:hover { background: rgba(192,98,47,0.18); }

        /* ציר זמן אזרחות */
        .timeline {
            display: flex; align-items: center;
            margin: var(--sp-md) 0; overflow-x: auto; padding-bottom: var(--sp-sm);
        }
        .tl-step { display: flex; flex-direction: column; align-items: center; min-width: 80px; flex-shrink: 0; }
        .tl-dot {
            width: 38px; height: 38px; border-radius: 50%;
            background: var(--color-primary); color: #fff;
            display: flex; align-items: center; justify-content: center;
            font-size: 0.8125rem; font-weight: 700; z-index: 1;
            box-shadow: 0 2px 8px rgba(192,98,47,0.35);
        }
        .tl-dot.start { background: #2E9E5E; box-shadow: 0 2px 8px rgba(46,158,94,0.35); }
        .tl-label { font-size: 0.7rem; color: var(--color-text-muted); text-align: center; margin-top: 6px; line-height: 1.3; }
        .tl-line { flex: 1; height: 2px; background: var(--color-border); min-width: 24px; }

        .dual-badge {
            display: inline-flex; align-items: center; gap: 6px;
            padding: 6px 14px; border-radius: var(--r-full);
            font-size: 0.875rem; font-weight: 600; margin-top: var(--sp-md);
        }
        .dual-yes { background: rgba(46,158,94,0.1); border: 1px solid rgba(46,158,94,0.2); color: #2E9E5E; }
        .dual-no  { background: rgba(176,64,64,0.1); border: 1px solid rgba(176,64,64,0.2); color: #B04040; }

        /* כרטיס "ישראלים מיוחד" */
        .israeli-special {
            background: linear-gradient(135deg, rgba(192,98,47,0.07) 0%, rgba(245,200,66,0.06) 100%);
            border: 1px solid rgba(192,98,47,0.2);
            border-radius: var(--r-lg); padding: var(--sp-lg); margin-bottom: var(--sp-lg);
        }
        .is-head { display: flex; align-items: center; gap: var(--sp-sm); font-weight: 700; font-size: 1rem; color: var(--color-primary); margin-bottom: var(--sp-sm); }
        .is-text { font-size: 0.9375rem; color: var(--color-text); line-height: 1.7; }

        /* כרטיסי ויזות עיקריות */
        .visa-card-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: var(--sp-md);
            margin-top: var(--sp-md);
        }
        .visa-card-item {
            background: rgba(192,98,47,0.06);
            border: 1px solid rgba(192,98,47,0.2);
            border-radius: var(--r-md);
            padding: var(--sp-md);
            display: flex; align-items: flex-start; gap: 10px;
            transition: background var(--tf);
        }
        .visa-card-item:hover { background: rgba(192,98,47,0.12); }
        .visa-card-num {
            width: 24px; height: 24px; border-radius: 50%;
            background: var(--color-primary); color: #fff;
            font-size: 0.7rem; font-weight: 700;
            display: flex; align-items: center; justify-content: center;
            flex-shrink: 0; margin-top: 1px;
        }
        .visa-card-text { font-size: 0.875rem; font-weight: 500; color: var(--color-primary); line-height: 1.4; }

        /* כרטיס זמן עיבוד */
        .proc-banner {
            display: flex; align-items: center; gap: var(--sp-lg);
            background: linear-gradient(135deg, rgba(46,158,94,0.07) 0%, rgba(46,158,94,0.03) 100%);
            border: 1px solid rgba(46,158,94,0.18);
            border-radius: var(--r-md); padding: var(--sp-lg);
            margin-bottom: var(--sp-lg);
        }
        .proc-icon { font-size: 2rem; flex-shrink: 0; }
        .proc-label { font-size: 0.75rem; font-weight: 600; color: #2E9E5E; text-transform: uppercase; letter-spacing: 0.05em; }
        .proc-value { font-family: var(--font-serif); font-size: 1.25rem; font-weight: 700; color: var(--color-text); margin-top: 2px; }

        /* כרטיסי פרטי הגירה */
        .imm-detail-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--sp-md);
        }
        @media (max-width: 900px) { .imm-detail-grid { grid-template-columns: 1fr; } }
        @media (min-width: 600px) and (max-width: 900px) { .imm-detail-grid { grid-template-columns: 1fr 1fr; } }

        .imm-detail-card {
            background: var(--color-bg-card); border: 1px solid var(--color-border);
            border-radius: var(--r-md); padding: var(--sp-lg);
            display: flex; flex-direction: column; gap: var(--sp-sm);
            border-top: 3px solid var(--color-primary);
        }
        .idc-label {
            font-size: 0.75rem; font-weight: 700; color: var(--color-primary);
            text-transform: uppercase; letter-spacing: 0.05em;
            display: flex; align-items: center; gap: var(--sp-sm);
        }
        .idc-text { font-size: 0.875rem; color: var(--color-text); line-height: 1.65; }

        /* רשת הגירה */
        .imm-mid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-lg); margin-bottom: var(--sp-lg); }
        @media (max-width: 700px) { .imm-mid { grid-template-columns: 1fr; } }

        /* (old table styles kept for compatibility) */
        .imm-table { display: flex; flex-direction: column; }
        .imm-row {
            display: grid; grid-template-columns: 160px 1fr; gap: var(--sp-md);
            padding: var(--sp-md) 0; border-bottom: 1px solid var(--color-border);
            align-items: start;
        }
        .imm-row:last-child { border-bottom: none; }
        .imm-key { font-size: 0.875rem; font-weight: 600; color: var(--color-text-muted); padding-top: 1px; }
        .imm-val { font-size: 0.9375rem; color: var(--color-text); line-height: 1.6; }
        @media (max-width: 600px) { .imm-row { grid-template-columns: 1fr; gap: 4px; } .imm-key { font-size: 0.8125rem; } }

        /* ===== טאב 3: כלכלה ===== */
        /* גריד 8 כרטיסי כספים */
        .finance-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
            gap: var(--sp-md); margin-bottom: var(--sp-xl);
        }
        .fin-card {
            background: var(--color-bg-card); border: 1px solid var(--color-border);
            border-radius: var(--r-md); padding: var(--sp-md);
            position: relative; overflow: hidden;
        }
        .fin-card::before {
            content: ''; position: absolute; top: 0; right: 0;
            width: 4px; height: 100%; background: var(--color-primary); opacity: 0.5;
        }
        .fin-label { font-size: 0.8rem; color: var(--color-text-muted); margin-bottom: 6px; font-weight: 500; }
        .fin-value { font-family: var(--font-serif); font-size: 1.5rem; font-weight: 700; color: var(--color-primary); line-height: 1.1; }
        .fin-sub { font-size: 0.75rem; color: var(--color-text-muted); margin-top: 4px; }

        /* השוואה לישראל */
        .compare-section { display: flex; flex-direction: column; gap: var(--sp-lg); }
        .compare-item { }
        .compare-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--sp-sm); }
        .compare-name { font-size: 0.9375rem; font-weight: 600; color: var(--color-text); }
        .compare-nums { display: flex; align-items: center; gap: var(--sp-md); font-size: 0.875rem; font-weight: 600; }
        .c-il   { color: #2E9E5E; }
        .c-dest { color: var(--color-primary); }
        .c-arrow-up   { color: #B04040; font-size: 1rem; }
        .c-arrow-down { color: #2E9E5E; font-size: 1rem; }
        .c-arrow-same { color: var(--color-text-muted); font-size: 1rem; }
        .compare-bars-wrap { position: relative; height: 20px; background: rgba(0,0,0,0.06); border-radius: var(--r-full); overflow: hidden; }
        .compare-bar-il   { position: absolute; right: 0; top: 0; height: 100%; background: rgba(46,158,94,0.35); border-radius: var(--r-full); }
        .compare-bar-dest { position: absolute; right: 0; top: 0; height: 100%; background: rgba(192,98,47,0.65); border-radius: var(--r-full); transition: width 0.8s cubic-bezier(.4,0,.2,1); }
        .compare-legend { display: flex; gap: var(--sp-lg); margin-bottom: var(--sp-md); font-size: 0.8125rem; }
        .leg-item { display: flex; align-items: center; gap: var(--sp-sm); }
        .leg-dot { width: 10px; height: 10px; border-radius: 2px; }
        .leg-il   { background: rgba(46,158,94,0.5); }
        .leg-dest { background: rgba(192,98,47,0.7); }

        /* ===== טאב 4: קהילה ===== */
        .community-cards {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-md);
            margin-bottom: var(--sp-lg);
        }
        @media (max-width: 500px) { .community-cards { grid-template-columns: 1fr; } }

        .com-card {
            background: var(--color-bg-card); border: 1px solid var(--color-border);
            border-radius: var(--r-lg); padding: var(--sp-xl) var(--sp-lg);
            text-align: center; display: flex; flex-direction: column;
            align-items: center; gap: var(--sp-sm);
        }
        .com-icon { font-size: 2.25rem; }
        .com-label { font-size: 0.8125rem; color: var(--color-text-muted); font-weight: 500; }
        .com-value { font-family: var(--font-serif); font-size: 1.5rem; font-weight: 700; color: var(--color-text); }

        .hebrew-badge {
            display: inline-flex; align-items: center; gap: 6px;
            background: rgba(46,158,94,0.1); border: 1px solid rgba(46,158,94,0.22);
            color: #2E9E5E; border-radius: var(--r-full); padding: 5px 14px;
            font-size: 0.875rem; font-weight: 600;
        }
        .no-hebrew-badge {
            display: inline-flex; align-items: center; gap: 6px;
            background: rgba(176,64,64,0.1); border: 1px solid rgba(176,64,64,0.2);
            color: #B04040; border-radius: var(--r-full); padding: 5px 14px;
            font-size: 0.875rem; font-weight: 600;
        }

        /* ===== טאב 5: מעשי ===== */
        .practical-grid {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-lg);
        }
        @media (max-width: 768px) { .practical-grid { grid-template-columns: 1fr; } }
        @media (min-width: 769px) and (max-width: 1024px) { .practical-grid { grid-template-columns: repeat(2, 1fr); } }

        .prac-card {
            background: var(--color-bg-card); border: 1px solid var(--color-border);
            border-radius: var(--r-lg); padding: var(--sp-xl) var(--sp-lg);
            text-align: center; display: flex; flex-direction: column;
            align-items: center; gap: var(--sp-sm);
        }
        .prac-icon { font-size: 2.5rem; margin-bottom: var(--sp-sm); }
        .prac-label { font-size: 0.8125rem; color: var(--color-text-muted); font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; }
        .prac-value { font-family: var(--font-serif); font-size: 2.5rem; font-weight: 900; color: var(--color-primary); line-height: 1; }
        .prac-unit { font-size: 0.875rem; color: var(--color-text-muted); }
        .prac-sub { font-size: 0.875rem; color: var(--color-text-muted); line-height: 1.5; }

        .clock-live { font-family: var(--font-serif); font-size: 2.5rem; font-weight: 900; color: var(--color-primary); letter-spacing: 0.04em; }

        .inet-bar-track { width: 100%; height: 8px; background: rgba(0,0,0,0.07); border-radius: var(--r-full); overflow: hidden; margin-top: var(--sp-sm); }
        .inet-bar-fill { height: 100%; background: linear-gradient(90deg, var(--color-primary), var(--color-primary-light)); border-radius: var(--r-full); width: 0; transition: width 0.8s cubic-bezier(.4,0,.2,1) 0.3s; }
        .inet-scale { display: flex; justify-content: space-between; font-size: 0.7rem; color: var(--color-text-muted); margin-top: 4px; }

        /* ===== טאב 3: חיים — אקלים ואיכות ===== */
        .lifestyle-section { margin-bottom: var(--sp-xl); }
        .lifestyle-section-title {
            font-family: var(--font-serif); font-size: 1.1rem; font-weight: 700;
            color: var(--color-text); margin-bottom: var(--sp-md);
            display: flex; align-items: center; gap: var(--sp-sm);
            padding-bottom: var(--sp-sm); border-bottom: 1px solid var(--color-border);
        }
        .climate-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
            gap: var(--sp-md);
        }
        .climate-card {
            background: var(--color-bg-card); border: 1px solid var(--color-border);
            border-radius: var(--r-md); padding: var(--sp-lg);
            display: flex; flex-direction: column; gap: 4px;
            position: relative; overflow: hidden;
        }
        .climate-card::before {
            content: ''; position: absolute; top: 0; right: 0;
            width: 4px; height: 100%; background: #2E9E5E; opacity: 0.4;
        }
        .climate-icon { font-size: 1.5rem; margin-bottom: 4px; }
        .climate-label { font-size: 0.8rem; color: var(--color-text-muted); font-weight: 500; }
        .climate-value { font-family: var(--font-serif); font-size: 1.5rem; font-weight: 700; color: var(--color-text); line-height: 1.1; }
        .climate-sub { font-size: 0.75rem; color: var(--color-text-muted); margin-top: 2px; }

        .aqi-good    { color: #2E9E5E; }
        .aqi-fair    { color: #A08030; }
        .aqi-poor    { color: #B04040; }

        .quality-list { display: flex; flex-direction: column; gap: 12px; max-width: 600px; }
        .quality-row { display: grid; grid-template-columns: 9rem 1fr 3rem; align-items: center; gap: var(--sp-sm); }
        .quality-name { font-size: 0.9rem; font-weight: 500; color: var(--color-text-muted); }

        /* ===== CTA תחתון ===== */
        .bottom-cta {
            background: var(--color-bg-dark);
            padding: var(--sp-2xl) var(--sp-lg);
            text-align: center; position: relative; overflow: hidden;
        }
        .bottom-cta::before {
            content: ''; position: absolute; top: -80px; left: 50%; transform: translateX(-50%);
            width: 600px; height: 400px;
            background: radial-gradient(ellipse, rgba(192,98,47,0.15) 0%, transparent 65%);
            pointer-events: none;
        }
        .bottom-cta-inner { position: relative; z-index: 1; }
        .bottom-cta-pretitle { font-size: 0.8125rem; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: var(--sp-sm); }
        .bottom-cta-title { font-family: var(--font-serif); font-size: 2rem; font-weight: 700; color: #fff; margin-bottom: var(--sp-sm); }
        .bottom-cta-sub { color: rgba(255,255,255,0.55); margin-bottom: var(--sp-xl); font-size: 1rem; max-width: 480px; margin-left: auto; margin-right: auto; }
        .cta-buttons { display: flex; align-items: center; justify-content: center; gap: var(--sp-md); flex-wrap: wrap; }
        .btn-primary {
            display: inline-flex; align-items: center; gap: var(--sp-sm);
            background: var(--color-primary); color: #fff;
            padding: 14px 32px; border-radius: var(--r-md);
            font-family: var(--font-sans); font-size: 1rem; font-weight: 600;
            text-decoration: none; transition: background var(--tf), box-shadow var(--tf), transform var(--tf);
            touch-action: manipulation;
        }
        .btn-primary:hover { background: var(--color-primary-hover); box-shadow: 0 4px 20px rgba(192,98,47,0.4); transform: translateY(-1px); }
        .btn-secondary-outline {
            display: inline-flex; align-items: center; gap: var(--sp-sm);
            background: transparent; color: rgba(255,255,255,0.75);
            padding: 13px 28px; border-radius: var(--r-md);
            border: 1px solid rgba(255,255,255,0.25);
            font-family: var(--font-sans); font-size: 1rem; font-weight: 500;
            text-decoration: none; transition: background var(--tf), color var(--tf);
        }
        .btn-secondary-outline:hover { background: rgba(255,255,255,0.08); color: #fff; }

        /* ===== מאמרים קשורים ===== */
        #related-articles-section {
            background: var(--color-bg-section);
            border-top: 1px solid var(--color-border);
            padding: var(--sp-xl) var(--sp-lg);
        }
        .related-articles-inner { max-width: 1200px; margin: 0 auto; }
        .related-articles-header {
            display: flex; align-items: center; justify-content: space-between;
            margin-bottom: var(--sp-lg); flex-wrap: wrap; gap: var(--sp-sm);
        }
        .related-articles-title {
            font-family: var(--font-serif); font-size: 1.375rem; font-weight: 700;
            color: var(--color-text);
        }
        .related-articles-all {
            font-size: 0.875rem; font-weight: 600; color: var(--color-primary);
            text-decoration: none; transition: color var(--tf);
        }
        .related-articles-all:hover { color: var(--color-primary-hover); }
        .related-articles-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
            gap: var(--sp-md);
        }
        .rac {
            background: var(--color-bg-card);
            border: 1px solid var(--color-border);
            border-radius: var(--r-md);
            padding: var(--sp-lg);
            text-decoration: none;
            display: flex; flex-direction: column; gap: var(--sp-sm);
            transition: box-shadow var(--tf), transform var(--tf), border-color var(--tf);
        }
        .rac:hover {
            box-shadow: var(--sh-md);
            transform: translateY(-2px);
            border-color: var(--color-primary);
        }
        .rac-top {
            display: flex; align-items: center; gap: var(--sp-sm);
        }
        .rac-icon { font-size: 1.25rem; flex-shrink: 0; }
        .rac-label {
            font-size: 0.75rem; font-weight: 700; color: var(--color-primary);
            background: rgba(192,98,47,0.09); border: 1px solid rgba(192,98,47,0.2);
            border-radius: var(--r-full); padding: 2px 10px; white-space: nowrap;
        }
        .rac-title {
            font-size: 0.9375rem; font-weight: 600; color: var(--color-text);
            line-height: 1.45; flex: 1;
        }
        .rac-cta {
            font-size: 0.8125rem; font-weight: 600; color: var(--color-primary);
            margin-top: var(--sp-xs);
        }
        html[data-theme="dark"] #related-articles-section { background: var(--color-bg-section); border-color: var(--color-border); }
        html[data-theme="dark"] .rac { background: var(--color-bg-card); border-color: var(--color-border); }
        html[data-theme="dark"] .rac:hover { border-color: var(--color-primary-light); }

        @media (max-width: 768px) {
            #related-articles-section { padding: var(--sp-lg) var(--sp-md); }
            .related-articles-grid { grid-template-columns: 1fr; }
        }

        /* ===== כותרת תחתונה ===== */
        #main-footer { background: var(--color-bg-dark); color: rgba(255,255,255,0.55); padding: var(--sp-xl) var(--sp-lg); text-align: center; border-top: 1px solid rgba(255,255,255,0.06); }
        .footer-inner { max-width: 1200px; margin: 0 auto; }
        .footer-text { font-size: 0.875rem; line-height: 1.7; }
        .footer-link { color: var(--color-primary-light); text-decoration: none; transition: color var(--tf); }
        .footer-link:hover { color: var(--color-accent); text-decoration: underline; }

        /* ===== Dark Mode ===== */
        html[data-theme="dark"] {
            --color-bg: #0F1923; --color-bg-dark: #080F17; --color-bg-card: #1A2534;
            --color-bg-section: #141F2C; --color-bg-overlay: rgba(5,10,18,0.97);
            --color-text: #E8E4DE; --color-text-muted: #8A9BB0;
            --color-border: rgba(255,255,255,0.08);
            --sh-sm: 0 1px 4px rgba(0,0,0,0.3); --sh-md: 0 4px 16px rgba(0,0,0,0.4);
        }
        html[data-theme="dark"] .visa-card-item { background: rgba(192,98,47,0.1); border-color: rgba(192,98,47,0.25); }
        html[data-theme="dark"] .visa-card-item:hover { background: rgba(192,98,47,0.18); }
        html[data-theme="dark"] .imm-detail-card { background: var(--color-bg-card); border-color: var(--color-border); }
        html[data-theme="dark"] .proc-banner { background: rgba(46,158,94,0.08); border-color: rgba(46,158,94,0.15); }
        html[data-theme="dark"] #main-header { background: #0F1923; border-bottom-color: rgba(255,255,255,0.06); }
        html[data-theme="dark"] #main-header.scrolled { background: rgba(15,25,35,0.88); }
        html[data-theme="dark"] #tabs-bar { background: #1A2534; border-bottom-color: rgba(255,255,255,0.06); }
        html[data-theme="dark"] .score-bar-track,
        html[data-theme="dark"] .compare-bars-wrap,
        html[data-theme="dark"] .inet-bar-track { background: rgba(255,255,255,0.08); }

        /* ===== תגובתיות ===== */
        @media (max-width: 768px) {
            .nav-links { display: none; }
            .hamburger-btn { display: flex; }
            .hero-body { grid-template-columns: 1fr; gap: var(--sp-lg); }
            .hero-right { flex-direction: row; justify-content: flex-start; }
            .hero-flag { width: 96px; height: 64px; border-radius: 7px; }
            .hero-country-name { font-size: 2.25rem; }
            .hero-stat { min-width: 110px; }
            .section-wrap { padding: var(--sp-lg) var(--sp-md) var(--sp-xl); }
            .overview-grid { grid-template-columns: 1fr; }
        }

        @media (max-width: 480px) {
            .hero-body { padding: var(--sp-lg) var(--sp-md) var(--sp-xl); }
            .hero-top-row { gap: var(--sp-md); }
            .hero-flag { width: 80px; height: 53px; }
            .hero-country-name { font-size: 1.875rem; }
            .hero-stats-strip { gap: 6px; }
            .hero-stat { padding: var(--sp-sm) var(--sp-md); min-width: 100px; }
            .hero-stat-value { font-size: 1rem; }
            .schema-strip { padding: 0 var(--sp-md) var(--sp-md); }
            .section-title { font-size: 1.375rem; }
            .tabs-inner { padding: 0 var(--sp-md); }
            .tab-btn { padding: 12px var(--sp-md); font-size: 0.875rem; }
            .score-row { grid-template-columns: 6rem 1fr 2rem; }
            .quality-row { grid-template-columns: 7rem 1fr 2.5rem; }
            .practical-grid { grid-template-columns: repeat(2, 1fr); }
            .cta-buttons { flex-direction: column; align-items: stretch; }
            .btn-primary, .btn-secondary-outline { width: 100%; justify-content: center; }
        }

        :focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
        :focus:not(:focus-visible) { outline: none; }