/* ידוען מגזין — עיצוב 2026 לעמוד כתבה */
.rp { position: fixed; inset-block-start: 0; inset-inline: 0; height: 4px; background: linear-gradient(90deg, var(--gold), #ff8a00); transform-origin: 100% 50%; transform: scaleX(0); z-index: 80; }
.art { --measure: 720px; padding: 28px 20px 8px; max-width: calc(var(--measure) + 40px); margin-inline: auto; }
.art-hd { margin-bottom: 22px; }
.crumbs { display: flex; gap: 8px; align-items: center; font-size: 14px; color: var(--muted); margin-bottom: 14px; flex-wrap: wrap; }
.crumbs a { color: var(--muted); }
.crumbs a:hover { color: var(--ink); text-decoration: underline; }
.art h1 { font: 900 clamp(30px, 5.2vw, 46px)/1.16 var(--font); letter-spacing: -.01em; margin: 0 0 16px; text-wrap: balance; }
.art-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; color: var(--muted); font-size: 15px; }
.art-meta .sp { flex: 1; }
.art-meta .sh { background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; font: 600 14px var(--font); color: var(--ink); cursor: pointer; }
.art-meta .sh:hover { border-color: var(--c, var(--gold)); }
.hero-img { margin: 0 0 30px; max-width: 880px; margin-inline: auto; }
.hero-img img { width: 100%; border-radius: 24px; box-shadow: var(--shadow); aspect-ratio: 16 / 10; object-fit: cover; }
.art-body { font-size: 19.5px; line-height: 1.9; color: var(--ink); }
.art-body > * { max-width: var(--measure); }
.art-body p { margin: 0 0 1.15em; }
.art-body .lede { font-size: 22.5px; line-height: 1.7; font-weight: 600; padding-inline-start: 18px; border-inline-start: 5px solid var(--c, var(--gold)); margin-bottom: 1.4em; }
.art-body h2.q { font: 800 clamp(22px, 3.4vw, 27px)/1.35 var(--font); margin: 1.8em 0 .55em; display: flex; gap: 12px; align-items: flex-start; scroll-margin-top: 90px; }
.art-body h2.q::before { content: ""; flex: none; width: 10px; height: 10px; margin-top: .62em; border-radius: 50%; background: var(--c, var(--gold)); box-shadow: 0 0 0 5px color-mix(in srgb, var(--c, var(--gold)) 22%, transparent); }
.art-body p.a { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 18px 22px; box-shadow: var(--shadow); }
.art-body p + p:not(.a):not(.lede) { margin-top: -.3em; }
.art-body a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 3px; text-underline-offset: 3px; font-weight: 600; }
.art-body a:hover { background: color-mix(in srgb, var(--gold) 35%, transparent); }
.art-body figure { margin: 1.6em auto; max-width: 560px; }
.art-body figure img { width: 100%; height: auto; border-radius: 20px; box-shadow: var(--shadow); }
.art-body ul, .art-body ol { padding-inline-start: 1.3em; margin: 0 0 1.2em; }
.toc { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 16px 20px; margin: 0 0 28px; font-size: 16px; line-height: 1.5; }
.toc b { display: block; margin-bottom: 8px; font-weight: 800; }
.toc ol { margin: 0; padding-inline-start: 1.3em; display: grid; gap: 6px; }
.toc a { color: var(--ink); text-decoration: none; font-weight: 500; }
.toc a:hover { text-decoration: underline; }
.lead-card { margin: 38px auto 10px; max-width: var(--measure); background: #0d0d12; color: #fff; border-radius: 24px; padding: 28px clamp(18px, 4vw, 34px); position: relative; overflow: hidden; }
.lead-card::before { content: ""; position: absolute; inset-block-start: -60px; inset-inline-end: -60px; width: 200px; height: 200px; background: radial-gradient(closest-side, rgba(255,198,26,.5), transparent); }
.lead-card h2 { position: relative; font: 800 clamp(22px, 3.6vw, 28px)/1.3 var(--font); margin: 0 0 16px; color: #fff; }
.lead-card form { position: relative; }
.lead-card .elementor-form-fields-wrapper { display: grid; gap: 12px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .lead-card .elementor-form-fields-wrapper { grid-template-columns: 1fr 1fr auto; align-items: stretch; } }
.lead-card input[type=text], .lead-card input[type=tel], .lead-card input[type=email], .lead-card textarea { width: 100%; font: 500 17px var(--font); padding: 14px 16px; border-radius: 14px; border: 2px solid transparent; background: #fff; color: #0d0d12; }
.lead-card input:focus { outline: 0; border-color: var(--gold); }
.lead-card button[type=submit] { font: 800 17px var(--font); border: 0; border-radius: 14px; padding: 14px 26px; background: var(--gold); color: var(--gold-ink); cursor: pointer; white-space: nowrap; height: 100%; }
.lead-card button[type=submit]:hover { filter: brightness(1.06); }
.lead-card button[type=submit]:disabled { opacity: .6; cursor: wait; }
.lead-card .elementor-field-group { margin: 0; }
.lead-card .elementor-button-icon { display: none; }
.sh2 h2 { font: 800 26px var(--font); margin: 0 0 18px; }
.post-2026 .blk { padding-block: 40px; }
@media (max-width: 640px) { .art { padding-top: 20px; } .art-body { font-size: 18px; } .art-body .lede { font-size: 20px; } .art-body p.a { padding: 14px 16px; border-radius: 14px; } .art-meta .sp { display: none; } }
@media (prefers-reduced-motion: reduce) { .rp { transition: none; } html { scroll-behavior: auto; } }
@media print { .rp, .stk, .toc, .art-meta .sh, .lead-card { display: none !important; } }

.art-body .embed { margin: 1.6em auto; max-width: var(--measure); overflow: hidden; }
.art-body .vid { margin: 1.6em auto; max-width: var(--measure); aspect-ratio: 16/9; border-radius: 20px; overflow: hidden; box-shadow: var(--shadow); }
.art-body .vid iframe { width: 100%; height: 100%; border: 0; }
.art-body .cta-wrap { margin: 1.4em 0; }
.art-body a.cta-link { display: inline-block; background: var(--gold); color: var(--gold-ink); padding: 14px 28px; border-radius: 14px; font-weight: 800; text-decoration: none; }
.art-body .lead-card { max-width: var(--measure); }
.art-body h2:not(.q) { font: 800 clamp(22px, 3.4vw, 27px)/1.35 var(--font); margin: 1.6em 0 .5em; }

.art-body figcaption { font-size: 14px; color: var(--muted); text-align: center; margin-top: 8px; }