/* בסיס משותף: הועתק מ-build-yourself-v1.html (טוקנים, כותרת, תפריט v20, פירורי לחם, כפתורים, פוטר, בועת וואטסאפ). לא לערוך כאן בנפרד מהאתר בלי סיבה */
@font-face{font-family:Heebo;src:url('/assets/heebo.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* טוקנים: זהים ל-v19-live ול-projects-v1 */
:root{--paper:#f4f7f7;--surface:#fff;--ink:#062b34;--muted:#4a6067;--line:#d5e2e4;--soft:#e8f0f1;--accent:#a3770a;--deep:#062b34;--on-deep:#f4f7f7;--logo:#0c6370;--nk-fill:#f5b70b;--gold-text:#7d5a00;--ok:#0f7a4f;--field-line:#7a8f94;color-scheme:light}
:root[data-theme=dark]{--paper:#0c2027;--surface:#12313b;--ink:#eef6f8;--muted:#aec3c9;--line:#35515b;--soft:#183944;--accent:#f5c200;--logo:#fff;--nk-fill:#f5c200;--gold-text:#f5c200;--ok:#7fd8ad;--field-line:#6f8f99;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:110px;scrollbar-gutter:stable}body{margin:0;direction:rtl;font:18px/1.75 Heebo,Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(38px,4.1vw,58px);font-weight:750}h2{font-size:clamp(28px,2.6vw,36px);font-weight:700}h3{font-size:23px;font-weight:650}p{color:var(--muted);text-wrap:pretty}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:6px}img{display:block;max-width:100%;height:auto}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1280px;margin-inline:auto;padding-inline:48px}.section{padding-block:96px}.skip{position:fixed;inset-block-start:-100px;z-index:200;padding:12px;background:var(--surface)}.skip:focus{inset-block-start:5px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
header{position:sticky;inset-block-start:0;z-index:30;background:var(--paper);border-block-end:1px solid var(--line)}.header-row{height:88px;display:flex;align-items:center;gap:24px}.brand{display:flex;flex-direction:column;text-decoration:none;flex-shrink:0;line-height:1.3}.brand-logo{width:130px;height:49px;color:var(--logo)}.brand small{font-size:10px;color:var(--muted)}nav#navigation{display:flex;align-items:center;gap:26px;margin-inline-start:auto;font-size:14px;white-space:nowrap}nav#navigation a{text-decoration:none}nav#navigation a:hover{text-decoration:underline}nav#navigation a[aria-current=page]{font-weight:700;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px}.header-contact{padding:10px 16px;border:1px solid var(--line);border-radius:3px;transition:background .2s}.header-contact:hover{background:var(--soft)}.theme,.menu-toggle{display:grid;place-items:center;min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:3px;background:transparent}.theme svg{width:18px;height:18px}.menu-toggle{display:none}
/* התפריט של v20: מוצרים נפתח ואייקון כניסה */
.nav-drop{position:relative}
.nav-drop-btn{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0;background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.nav-drop-btn:hover{text-decoration:underline}
.nav-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.nav-drop-btn[aria-expanded=true] .nav-chev{transform:rotate(180deg)}
.nav-drop-list{display:none;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:-14px;z-index:40;min-width:230px;margin:0;padding:8px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 18px 40px -24px rgba(6,43,52,.45)}
.nav-drop-btn[aria-expanded=true]+.nav-drop-list{display:block}
nav#navigation .nav-drop-list a{display:block;padding:9px 12px;border-radius:4px;font-size:14px}
nav#navigation .nav-drop-list a:hover{background:var(--soft);text-decoration:none}
.login-icon{display:grid;place-items:center;min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:3px;color:inherit}
.login-icon svg{width:18px;height:18px}
.login-icon:hover{border-color:var(--logo)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:3px;text-decoration:none;font-size:16px;font-weight:650;transition:filter .2s,transform .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.text-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;background:none;border:0;border-block-end:1px solid var(--line);font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s}.text-link:hover{border-color:var(--ink)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 26px;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.crumbs li{display:inline-flex;align-items:center;gap:6px}
.crumbs li+li::before{content:"";width:6px;height:6px;border-inline-start:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(-45deg);margin-inline-end:4px;opacity:.7}
.crumbs a{display:inline-flex;align-items:center;min-height:32px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
.crumbs a:hover{text-decoration-color:currentColor}
.crumbs [aria-current]{color:var(--ink);font-weight:550}
summary{position:relative;list-style:none;cursor:pointer;padding-block:20px;padding-inline-end:28px;font-weight:550}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;inset-inline-end:0;font-size:22px;font-weight:400}details[open]>summary:after{content:'\2212'}
footer{padding-block:32px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.footer-links a{padding-block:4px;text-decoration:none}.footer-links a:hover{text-decoration:underline}
.n{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
/* בועת וואטסאפ: כמו בבית */
.hs-wa{position:fixed;bottom:24px;left:24px;z-index:90;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:14px;direction:rtl;pointer-events:none}
.hs-wa>*{pointer-events:auto}
.hs-wa-fab{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 4px 14px rgba(20,120,60,.28);transition:transform .2s}
.hs-wa-fab:hover{transform:scale(1.05)}
.hs-wa-fab:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.hs-wa-icon{position:relative;z-index:1;width:32px;height:32px;fill:currentColor}
.hs-wa-fab::before,.hs-wa-fab::after{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(37,211,102,.45);animation:hs-wa-halo 2.4s cubic-bezier(.2,.6,.3,1) 1.2s 3 both}
.hs-wa-fab::after{animation-delay:2.4s}
@keyframes hs-wa-halo{from{transform:scale(1);opacity:.75}to{transform:scale(1.75);opacity:0}}
.hs-wa-tip{position:relative;max-width:min(300px,calc(100vw - 150px));padding:14px 18px;padding-inline-end:44px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 28px rgba(6,43,52,.14);visibility:hidden;opacity:0;transform:translateX(-10px);transition:opacity .25s,transform .25s,visibility 0s .25s}
.hs-wa.is-open .hs-wa-tip,.hs-wa:not(.is-dismissed):hover .hs-wa-tip,.hs-wa:not(.is-dismissed):focus-within .hs-wa-tip{visibility:visible;opacity:1;transform:none;transition:opacity .25s,transform .25s,visibility 0s}
.hs-wa-close{position:absolute;top:6px;inset-inline-end:6px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:none;color:var(--muted);font-size:22px;line-height:1}
.hs-wa-close:hover{background:var(--soft);color:var(--ink)}
.hs-wa-tip .hs-wa-title{margin:0;font-size:15.5px;font-weight:650;line-height:1.4;color:var(--ink)}
.hs-wa-tip .hs-wa-sub{margin:4px 0 6px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.hs-wa-mail{display:inline-block;direction:ltr;font-size:14px;font-weight:600;color:var(--logo);text-underline-offset:3px}
html.hsa-still .hs-wa-fab::before,html.hsa-still .hs-wa-fab::after{opacity:0}
.hsa-root{--hsa-bg:var(--surface);--hsa-fg:var(--ink);--hsa-muted:var(--muted);--hsa-line:var(--line);--hsa-accent:var(--accent);--hsa-fab-bg:var(--ink);--hsa-fab-fg:var(--paper);--hsa-radius:6px}
@media(max-width:1050px){.wrap{padding-inline:30px}.header-row{gap:16px}nav#navigation{gap:15px;font-size:13px}.brand-logo{width:116px;height:44px}.section{padding-block:76px}.eng-chapter,.eng-chapter-ready,.eng-agent{gap:36px}.eng-agent{padding:40px 32px}.contact-grid,.faq-grid{gap:40px}.phero-grid{gap:28px 40px}}
@media(min-width:761px) and (max-width:1023px){.menu-toggle{display:grid;padding-inline:12px;font-size:14px}.login-icon{margin-inline-start:auto}nav#navigation{display:none;position:absolute;inset-block-start:88px;inset-inline:0;flex-direction:column;align-items:stretch;padding:18px 30px;background:var(--paper);border-block-end:1px solid var(--line);gap:4px;font-size:15px;white-space:normal}nav#navigation.open{display:flex}nav#navigation a{padding:10px}.nav-drop-btn{width:100%;justify-content:space-between;padding:10px;font-size:15px}.nav-drop-list{position:static;min-width:0;padding:0 10px 6px;border:0;box-shadow:none;background:none}nav#navigation .nav-drop-list a{padding:8px 10px;font-size:15px;color:var(--muted)}}
@media(max-width:760px){.wrap{padding-inline:22px}.header-row{height:76px;gap:10px}.brand-logo{width:100px;height:38px}.brand small{font-size:9px}.login-icon{margin-inline-start:auto}.menu-toggle{display:grid;padding-inline:12px;font-size:14px}nav#navigation{display:none;position:absolute;inset-block-start:76px;inset-inline:0;flex-direction:column;align-items:stretch;padding:18px 22px;background:var(--paper);border-block-end:1px solid var(--line);gap:4px;font-size:15px;white-space:normal}nav#navigation.open{display:flex}nav#navigation a{padding:10px}
.nav-drop-btn{width:100%;justify-content:space-between;padding:10px;font-size:15px}.nav-drop-list{position:static;min-width:0;padding:0 10px 6px;border:0;box-shadow:none;background:none}nav#navigation .nav-drop-list a{padding:8px 10px;font-size:15px;color:var(--muted)}
html{scroll-padding-block-start:90px}
.footer-row{flex-direction:column;align-items:start}.footer-links{gap:16px}footer{padding-block-end:88px}
.hs-wa{bottom:12px;left:12px;gap:10px}.hs-wa-fab{width:48px;height:48px}.hs-wa-fab::before,.hs-wa-fab::after{animation:none;opacity:0}.hs-wa-icon{width:26px;height:26px}.hs-wa-tip{max-width:min(230px,calc(100vw - 96px));padding:10px 12px;padding-inline-end:38px}.hs-wa-tip .hs-wa-title{font-size:14px}}
@media(max-width:380px){.wrap{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* אזור הידע: רכיבים משלו, על אותם טוקנים של האתר. בלי שפה ויזואלית חדשה (DESIGN.md) */
:root{--quote-bg:var(--surface);--quote-mark:var(--logo);--interp-bg:#fbf6e9;--interp-line:#e4d3a6;
/* תיבת הסוף כהה בשני המצבים, ולכן יש לה טוקנים משלה. כולם נבדקו מול --end-bg ב-AA */
--end-bg:var(--deep);--end-ink:#f4f7f7;--end-muted:#c5d6da;--end-line:#2f5560;--end-link-line:#5f8590;--end-field-line:#8fa6ac;--end-field-bg:#f4f7f7;--end-field-ink:#062b34;--end-focus:#f5c200;--end-btn-ink:#062b34;--end-error:#ffb4a6}
:root[data-theme=dark]{--quote-bg:var(--surface);--quote-mark:#3fc3e0;--interp-bg:#1a2e2a;--interp-line:#4d5a3c;--end-bg:#061d24;--end-field-bg:#0c2027;--end-field-ink:#eef6f8}
.kb main{display:block}
.kb-head{padding-block:40px 34px}
.kb-head h1{max-width:22ch}
.kb-lead{max-width:62ch;margin-block-start:20px;font-size:20px;line-height:1.8;color:var(--ink)}
.kb-meta{margin-block-start:18px;font-size:14.5px;color:var(--muted)}
.kb-meta-kind{font-weight:700;color:var(--ink)}
.kb-body{padding-block-end:80px}

/* טקסט רציף: מידה של 62-70 תווים */
.prose{max-width:70ch}
.prose>*+*{margin-block-start:1.1em}
.prose h2{margin-block-start:2.2em;font-size:clamp(26px,2.4vw,32px)}
.prose h3{margin-block-start:1.8em;font-size:21px}
.prose p,.prose li{color:var(--ink);font-size:18px;line-height:1.85}
.prose ul,.prose ol{padding-inline-start:1.3em}
.prose li+li{margin-block-start:.5em}
.prose a{text-decoration-color:var(--logo);text-decoration-thickness:1px}
.prose a:hover{text-decoration-thickness:2px}
.prose strong{font-weight:700}
.prose .kb-aside{padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.prose .kb-aside p{font-size:16.5px;color:var(--muted)}

/* מקור מתורגם: המקור, התרגום, הפרשנות */
.kb-part{margin-block-start:56px}
.kb-part:first-child{margin-block-start:0}
.kb-part>h2{margin-block-start:0;padding-block-end:12px;border-block-end:1px solid var(--line)}
.kb-src-meta{font-size:16px!important;color:var(--muted)!important}
.kb-src-meta b{color:var(--ink);font-weight:650}
.kb-shot{margin-block:22px 0;max-width:560px}
.kb-shot img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.kb-shot figcaption{margin-block-start:10px;font-size:14px;line-height:1.6;color:var(--muted)}
/* ציטוט באנגלית: LTR אמיתי, אותו Heebo, מרכאה פותחת גדולה כסימן היחיד. נראה טוב גם בלי תווית */
.kb-orig{position:relative;margin:20px 0 0;padding-block:20px;padding-inline:58px 24px;background:var(--quote-bg);border:1px solid var(--line);border-radius:8px;direction:ltr;text-align:left;unicode-bidi:isolate;font-family:Heebo,Arial,sans-serif}
.kb-orig::before{content:'\201C';position:absolute;inset-block-start:10px;inset-inline-start:18px;font-size:52px;font-weight:800;line-height:1;color:var(--quote-mark);opacity:.55}
.kb-orig p,.kb-orig li{font-size:17px;line-height:1.7;letter-spacing:0;color:var(--ink);text-wrap:pretty}
.prose .kb-orig+p{margin-block-start:.8em}
.kb-orig>*+*{margin-block-start:.9em}
.kb-orig ul,.kb-orig ol{margin:0;padding-inline-start:1.2em}
.kb-orig li+li{margin-block-start:.7em}
.kb-orig-label{display:block;margin-block-end:14px;font-family:Heebo,Arial,sans-serif;direction:rtl;text-align:right;font-size:13px;font-weight:700;color:var(--muted)}
.kb-trans p[data-p],.kb-trans li{position:relative}
.kb-trans-note{font-size:15px!important;color:var(--muted)!important}
.kb-more{margin-block-start:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.kb-more>summary{padding:16px 20px;padding-inline-end:48px;font-weight:600;font-size:16.5px}
.kb-more>div{padding:0 20px 20px}
summary{position:relative;list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.kb-more>summary::after{content:'+';position:absolute;inset-inline-end:20px;inset-block-start:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--muted)}
.kb-more[open]>summary::after{content:'\2212'}
/* פרשנות: מסומנת בבירור כדעה, לא כחלק מהמקור */
.kb-interp{padding:30px 32px 32px;background:var(--interp-bg);border:1px solid var(--interp-line);border-radius:8px}
.kb-interp>h2{border:0;padding:0}
.kb-interp-tag{display:inline-flex;align-items:center;gap:8px;margin-block-end:10px;padding:4px 12px;font-size:13px!important;font-weight:700;line-height:1.5!important;color:var(--gold-text)!important;border:1px solid currentColor;border-radius:999px}
.kb-interp-tag::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.kb-interp-note{font-size:15px!important;color:var(--muted)!important}
/* "מהשטח": ניסוי שהצוות הריץ, בתוך הפרשנות. מסגרת דקה ורקע עדין, גם בכהה (מבוסס על --surface/--line) */
.kb-field-test{margin-block:20px;padding:16px 20px 18px;background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--gold-text);border-radius:8px}
.kb-field-test>h3{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--gold-text);letter-spacing:0}
.kb-field-test p,.kb-field-test li{font-size:16.5px;line-height:1.75}
.kb-field-test>*+*{margin-block-start:.8em}
.kb-field-test ul{padding-inline-start:1.2em}
.kb-field-test li+li{margin-block-start:.5em}
@media(max-width:600px){.kb-field-test{padding:14px 16px 16px}.kb-field-test p,.kb-field-test li{font-size:16px}}

/* תיבת פרומפט להעתקה */
.kb-prompt{margin-block-start:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}
.kb-prompt-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-block-end:1px solid var(--line);font-size:14px;font-weight:650;color:var(--muted)}
.kb-copy{min-height:44px;padding:6px 14px;font-size:14px;font-weight:600;background:var(--soft);border:1px solid var(--line);border-radius:3px}
.kb-copy:hover{border-color:var(--logo)}
.kb-prompt-text{margin:0;padding:18px 20px;font-size:16.5px!important;line-height:1.8!important;white-space:pre-wrap}

/* מושגים בעמוד */
.kb-terms{max-width:70ch;margin-block-start:56px;padding-block-start:26px;border-block-start:1px solid var(--line)}
.kb-terms h2{font-size:20px}
.kb-terms ul{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px;padding:0;list-style:none}
.kb-terms li a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;font-size:15px;font-weight:550;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:999px}
.kb-terms li a:hover{border-color:var(--logo)}

/* מילון וציר זמן: קפיצות */
.kb-letters{display:flex;flex-wrap:wrap;gap:6px;margin-block:40px 8px;padding-block:14px;border-block:1px solid var(--line)}
.kb-letters a{display:grid;place-items:center;min-width:44px;min-height:44px;padding-inline:10px;font-weight:650;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:3px}
.kb-letters a:hover{border-color:var(--logo)}
.kb-letter,.kb-year{padding-block-start:36px}
.kb-letter-h,.kb-year-h{font-size:34px;font-weight:800;color:var(--logo);margin-block-end:8px}
.kb-gloss{margin:0;max-width:78ch}
.kb-term{padding-block:22px;border-block-end:1px solid var(--line)}
.kb-term dt{font-size:22px;font-weight:700;line-height:1.35}
/* השם באנגלית בשורה משלו, מיושר לצד הכותרת: כך הוא לא נשבר באמצע הסוגריים */
.kb-term-en{display:block;margin-block-start:2px;font-size:15px;font-weight:500;line-height:1.5;color:var(--muted);text-align:end}
.kb-term dd{margin:10px 0 0}
.kb-term dd p{font-size:17px;line-height:1.8;color:var(--ink)}
.kb-term dd p+p{margin-block-start:8px}
.kb-term-ex{color:var(--muted)!important}
.kb-term-src{font-size:14px!important;color:var(--muted)!important}
.kb-src-link{font-size:13.5px;color:var(--muted);text-underline-offset:4px}
.kb-tl{margin:0;padding:0;list-style:none;max-width:82ch}
.kb-ev{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding-block:20px;border-block-end:1px solid var(--line)}
.kb-ev time{font-size:15px;font-weight:650;color:var(--gold-text);padding-block-start:3px}
.kb-ev h3{font-size:19px;line-height:1.4}
.kb-ev p{margin-block-start:6px;font-size:16.5px;line-height:1.75;color:var(--ink)}
.kb-ev:target{background:var(--soft);outline:2px solid var(--accent);outline-offset:4px}

/* בית האזור */
.kb-hub-head{padding-block-end:20px}
.kb-hub-head h1{font-size:clamp(40px,5.4vw,72px);font-weight:900;letter-spacing:-.03em;line-height:1.08;max-width:16ch}
.kb-hub-intro{margin-block-end:12px}
.kb-all{margin-block-start:56px}
.kb-all-h{margin-block-end:18px}
.kb-filter{display:flex;flex-wrap:wrap;gap:8px;padding-block:14px;border-block:1px solid var(--line)}
.pf{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:15px;font-weight:550;background:var(--surface);border:1px solid var(--line);border-radius:3px}
.pf:hover{border-color:var(--logo)}
.pf-n{display:inline-grid;place-items:center;min-width:24px;height:22px;padding-inline:6px;font-size:12.5px;font-weight:700;border-radius:999px;background:var(--soft);color:var(--ink)}
.pf[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pf[aria-pressed=true] .pf-n{background:var(--paper);color:var(--ink)}
.kb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;margin-block-start:26px}
.kb-card{grid-column:span 2;position:relative;display:flex;flex-direction:column;padding:24px 24px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .2s,transform .2s,box-shadow .2s}
.kb-card:hover{border-color:var(--logo);transform:translateY(-3px);box-shadow:0 18px 30px -22px rgba(6,43,52,.5)}
.kb-card-kind{align-self:flex-start;padding:2px 12px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:700;line-height:1.6;color:var(--ink)}
.kb-card h3{margin-block:14px 8px;font-size:22px;font-weight:800;line-height:1.3}
.kb-card h3 a{text-decoration:none}
.kb-card h3 a::after{content:'';position:absolute;inset:0;border-radius:12px}
.kb-card h3 a:focus-visible{outline:none}
.kb-card:focus-within{outline:3px solid var(--accent);outline-offset:4px}
.kb-card p{font-size:15.5px;line-height:1.7}
.kb-card-date{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-start:auto;padding-block-start:18px;font-size:13px!important}
.kb-card-date::after{content:'';flex:none;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062b34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");transition:background-color .2s,border-color .2s}
:root[data-theme=dark] .kb-card-date::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eef6f8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E")}
.kb-card:hover .kb-card-date::after{border-color:var(--logo);background-color:var(--soft)}
@media(prefers-reduced-motion:reduce){.kb-card:hover{transform:none}}
/* רשת בלי חורים: 4 = 2+2 רחבים, 5 = 3+2 רחבים */
.kb-grid[data-count="4"]>.kb-card:not([hidden]),.kb-grid[data-count="2"]>.kb-card:not([hidden]){grid-column:span 3}
.kb-grid[data-count="5"]>.kb-card:not([hidden]):nth-child(n+4){grid-column:span 3}
.kb-grid[data-count="1"]>.kb-card:not([hidden]){grid-column:1/-1}

/* תיבת הסוף: הרשמה, מוצר, וואטסאפ */
.kb-end{padding-block:72px;background:var(--end-bg);color:var(--end-ink)}
:root[data-theme=dark] .kb-end{border-block-start:1px solid var(--line)}
.kb-end-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:end}
.kb-end h2{max-width:20ch;font-size:clamp(28px,3vw,40px);line-height:1.25;color:var(--end-ink)}
.kb-end p{color:var(--end-muted)}
.kb-sub-lead{margin-block-start:14px;max-width:52ch;font-size:17px}
.kb-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;margin-block-start:24px}
.kb-channel{display:flex;gap:18px;flex-basis:100%;margin:0;padding:0;border:0}
.kb-channel legend{float:inline-start;margin-inline-end:14px;padding:0;font-size:15px;color:var(--end-muted);line-height:44px}
.kb-channel label{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15.5px;cursor:pointer}
.kb-channel input{width:20px;height:20px;accent-color:var(--end-focus);margin:0}
.kb-field{display:flex;flex-direction:column;gap:6px;flex:1 1 260px}
.kb-field label{font-size:14.5px;font-weight:600}
.kb-field input{min-height:52px;padding:10px 14px;font:inherit;font-size:17px;color:var(--end-field-ink);background:var(--end-field-bg);border:1px solid var(--end-field-line);border-radius:3px;text-align:start}
.kb-field input:focus-visible{outline:3px solid var(--end-focus);outline-offset:2px}
.kb-field input[aria-invalid=true]{border-color:var(--end-error);box-shadow:0 0 0 2px var(--end-error)}
.kb-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.kb-send{background:var(--end-ink);color:var(--end-btn-ink);border-color:var(--end-ink)}
.kb-note{flex-basis:100%;font-size:14px!important}
.kb-status{margin-block-start:14px;font-size:16px;font-weight:600;color:var(--end-ink)!important}
.kb-status:empty{display:none}
.kb-status[data-error=true]{display:flex;gap:10px;align-items:flex-start;color:var(--end-error)!important}
.kb-status[data-error=true]::before{content:'';flex:none;width:18px;height:18px;margin-block-start:3px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat}
.kb-next{display:flex;flex-direction:column;gap:6px;padding-inline-start:40px;border-inline-start:1px solid var(--end-line)}
.kb-next-line{font-size:16.5px;color:var(--end-ink)!important}
.kb-end .text-link{color:var(--end-ink);border-color:var(--end-link-line);font-size:16px}
.kb-end .text-link:hover{border-color:var(--end-ink)}
.kb-end :focus-visible{outline-color:var(--end-focus)}

@media(max-width:1050px){.kb-grid{grid-template-columns:1fr 1fr}.kb-card,.kb-grid[data-count]>.kb-card:not([hidden]),.kb-grid[data-count="5"]>.kb-card:not([hidden]):nth-child(n+4){grid-column:auto}.kb-end-grid{grid-template-columns:1fr;gap:36px}.kb-next{padding-inline-start:0;padding-block-start:26px;border-inline-start:0;border-block-start:1px solid var(--end-line)}}
@media(max-width:760px){
.kb-head{padding-block:26px 24px}.kb-lead{font-size:18px}.kb-body{padding-block-end:56px}
.prose p,.prose li{font-size:17.5px}
.kb-orig{padding-block:16px;padding-inline:46px 16px}.kb-orig::before{inset-inline-start:12px;font-size:44px}.kb-orig p,.kb-orig li{font-size:16.5px}
.kb-interp{padding:22px 18px 24px}
.kb-grid{grid-template-columns:1fr;gap:16px}
.kb-ev{grid-template-columns:1fr;gap:4px}
.kb-end{padding-block:52px}
.kb-channel legend{float:none;line-height:1.5;margin-block-end:4px}.kb-channel{flex-wrap:wrap;gap:4px 18px}
.kb-send{width:100%}
}

/* בית האזור: "מתחילים כאן", מסלול ממוספר למתחיל */
.kb-start h2{margin-block-end:8px}
.kb-start-lead{max-width:60ch;font-size:17px}
.kb-steps{display:grid;gap:0;margin:22px 0 0;padding:0;list-style:none;max-width:860px;border-block-start:1px solid var(--line)}
.kb-step{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start;padding-block:24px;border-block-end:1px solid var(--line)}
.kb-step-n{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:22px;font-weight:800;color:var(--logo)}
.kb-step h3{margin-block:4px 6px;font-size:23px;line-height:1.35}
.kb-step h3 a{text-decoration:none}
.kb-step h3 a::after{content:'';position:absolute;inset:0}
.kb-step h3 a:focus-visible{outline:none}
.kb-step:focus-within{outline:3px solid var(--accent);outline-offset:4px}
.kb-step:hover h3 a{text-decoration:underline;text-decoration-color:var(--logo)}
.kb-step p{font-size:16.5px;line-height:1.7}
.kb-hub-intro{margin-block-start:48px}
@media(max-width:760px){.kb-step{grid-template-columns:44px minmax(0,1fr);gap:14px}.kb-step-n{width:40px;height:40px;font-size:18px}.kb-step h3{font-size:20px}}

/* טבלת השוואה עובדתית: גלילה אופקית רק בתוך המיכל */
.kb-table-wrap{max-width:100%;overflow-x:auto;margin-block-start:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.kb-table{width:100%;min-width:560px;border-collapse:collapse;font-size:16px}
.kb-table caption{padding:14px 16px;text-align:start;font-weight:650;color:var(--ink);caption-side:top}
.kb-table th,.kb-table td{padding:12px 16px;text-align:start;vertical-align:top;border-block-start:1px solid var(--line);line-height:1.6}
.kb-table thead th{background:var(--soft);font-size:14.5px;font-weight:700}
.kb-table tbody th{font-weight:650}
.kb-table td{color:var(--ink)}

/* טבלה בנייד: עמודת הכלי נשארת במקום בזמן הגלילה, והכיתוב לא נגלל עם הטבלה */
.kb-table-wrap{container-type:inline-size}
.kb-table caption{position:sticky;inset-inline-start:0;max-inline-size:100cqi;box-sizing:border-box}
.kb-table tbody th,.kb-table thead th:first-child{position:sticky;inset-inline-start:0;z-index:1;background:var(--surface);box-shadow:inset 1px 0 0 var(--line)}
.kb-table thead th:first-child{background:var(--soft)}
@media(min-width:761px){.kb-table tbody th,.kb-table thead th:first-child{position:static;box-shadow:none}}

/* "מתחילים כאן": הסוג יורד מתחת לכותרת כשורת מטא, לא מעליה */
.kb-step>div{display:flex;flex-direction:column}
.kb-step .kb-card-kind{order:2;margin-block:0 6px;font-size:13px;color:var(--muted)}
.kb-step h3{order:1}
.kb-step>div>p:not(.kb-card-kind){order:3}
@media(min-width:1100px){
.kb-steps{max-width:none}
.kb-step{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.kb-step>div{display:contents}
.kb-step h3{grid-column:2;grid-row:1;align-self:end;margin:0}
.kb-step .kb-card-kind{grid-column:2;grid-row:2;align-self:start;margin:0}
.kb-step>div>p:not(.kb-card-kind){grid-column:3;grid-row:1/span 2}
.kb-step-n{grid-row:1/span 2}
}

/* עמוד מאמר במסך רחב: טור קריאה מימין, "בעמוד הזה" בעמודה דביקה משמאל */
.kb-toc{display:none}
@media(min-width:1100px){
.kb-has-toc{display:grid;grid-template-columns:minmax(0,72ch) minmax(200px,260px);justify-content:start;column-gap:clamp(64px,7vw,112px);align-items:start}
.kb-has-toc>.kb-col{grid-column:1;grid-row:1}
.kb-toc{display:block;grid-column:2;grid-row:1;position:sticky;inset-block-start:120px;max-block-size:calc(100vh - 150px);overflow-y:auto;padding-block-start:6px}
.kb-toc-h{margin-block-end:10px;font-size:14px;font-weight:700;color:var(--ink)}
.kb-toc ol{margin:0;padding:0;list-style:none;border-inline-start:1px solid var(--line)}
.kb-toc a{display:block;margin-inline-start:-1px;padding-block:7px;padding-inline:16px 0;border-inline-start:1px solid transparent;font-size:14.5px;line-height:1.5;color:var(--muted);text-decoration:none;transition:color .15s,border-color .15s}
.kb-toc a:hover{color:var(--ink);border-inline-start-color:var(--muted)}
.kb-toc a[aria-current]{color:var(--ink);font-weight:650;border-inline-start-color:var(--ink)}
.kb-toc a:focus-visible{outline-offset:2px}
.kb-has-toc .kb-terms{max-width:none}
}

/* מילון וציר זמן במסך רחב: הקפיצה לאות/שנה בעמודה דביקה */
@media(min-width:1100px){
body.kb-page-glossary .kb-body,body.kb-page-timeline .kb-body{display:grid;grid-template-columns:minmax(0,78ch) minmax(200px,260px);justify-content:start;column-gap:clamp(64px,7vw,112px);align-items:start}
body.kb-page-glossary .kb-body>*,body.kb-page-timeline .kb-body>*{grid-column:1}
body.kb-page-glossary .kb-letters,body.kb-page-timeline .kb-letters{grid-column:2;grid-row:1/span 3;position:sticky;inset-block-start:120px;display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin:0;padding-block:16px 0;border-block-end:0}
body.kb-page-timeline .kb-letters{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}
body.kb-page-glossary .kb-body>.prose:empty,body.kb-page-timeline .kb-body>.prose:empty{display:none}
}
/* "ידע AI" מודגש בתפריט בכל עמודי האזור (aria-current="true" בתתי-העמודים) */
nav#navigation a[aria-current=true]{font-weight:700;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px}
/* החלטה 39: קבוצת הוואטסאפ ראשית, מייל משני וקטן */
.kb-group{margin-block-start:22px;background:var(--end-ink);color:var(--end-btn-ink);border-color:var(--end-ink)}
.kb-mail{margin-block-start:18px;font-size:15px}
.kb-mail>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:var(--end-muted);text-decoration:underline;text-underline-offset:5px}
.kb-mail .kb-form{margin-block-start:8px}
.kb-mail .kb-send{min-height:44px;font-size:15px;background:transparent;color:var(--end-ink)}
@media(max-width:760px){.kb-group{width:100%}}

/* מקור באנגלית בתיבה מקופלת: התרגום בעברית קודם, המקור למי שרוצה (תוכנית העריכה, סעיף 1) */
.kb-orig-more{margin-block-start:14px}
.kb-orig-more>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-block:6px;padding-inline-end:26px;font-size:15px;font-weight:600;color:var(--muted);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
.kb-orig-more>summary:hover{color:var(--ink);text-decoration-color:currentColor}
.kb-orig-more>summary::after{inset-block-start:50%;transform:translateY(-50%);font-size:19px;text-decoration:none}
.kb-orig-more>.kb-orig{margin-block-start:6px}
.prose .kb-orig-more+p{margin-block-start:1em}

/* פרק פודקאסט: תמונת השער והנגן ביחידה אחת */
.kb-episode{margin-block:0 34px;max-width:720px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.kb-episode img{display:block;width:100%;height:auto;aspect-ratio:auto;border-radius:8px}
.kb-episode audio{display:block;width:100%;min-height:48px;margin-block-start:14px}
.kb-episode figcaption{margin-block-start:10px;padding-inline:2px;font-size:14.5px;line-height:1.6;color:var(--muted)}
.kb-episode figcaption a{color:var(--ink)}

/* במילון: "למה זה חשוב לעסק" אחרי הדוגמה, מסומן בקו צד */
.kb-term .kb-term-why{margin-block-start:10px;padding-block:8px;padding-inline:14px 0;border-inline-start:3px solid var(--accent);color:var(--ink)}
.kb-term-why strong{font-weight:700}

/* מתחת לכפתור הקבוצה: מה מקבלים בקבוצה (קורא המבחן) */
.kb-group-note{margin-block-start:10px;font-size:15px;color:var(--end-muted)}

@media(max-width:760px){
.kb-episode{padding:10px;border-radius:10px;margin-inline:-4px}
.kb-term .kb-term-why{padding-inline-start:12px}
}

/* "מה תרצו לשמוע בפרקים הבאים?" בעמוד פרק (askBox ב-build.mjs). על רקע הדף, בשני המצבים */
.kb-ask-jump{margin-block-start:14px}
.kb-ask{max-width:70ch;margin-block-start:56px;padding:28px 28px 30px;background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:8px;scroll-margin-block-start:110px}
.kb-ask h2{font-size:clamp(24px,2.3vw,30px)}
.kb-ask-lead{margin-block-start:10px;font-size:17px}
.kb-ask-form{display:flex;flex-direction:column;gap:16px;margin-block-start:22px}
.kb-ask-row{display:flex;flex-wrap:wrap;gap:16px}
.kb-ask-row>.kb-ask-field{flex:1 1 240px}
.kb-ask-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.kb-ask-field label{font-size:15px;font-weight:600;color:var(--ink)}
.kb-req,.kb-opt{font-weight:400;color:var(--muted)}
.kb-ask-field input,.kb-ask-field textarea{min-height:52px;padding:10px 14px;font:inherit;font-size:17px;color:var(--ink);background:var(--paper);border:1px solid var(--field-line);border-radius:3px;text-align:start;width:100%}
.kb-ask-field textarea{min-height:120px;resize:vertical;line-height:1.6}
.kb-ask-field input:focus-visible,.kb-ask-field textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.kb-ask-field [aria-invalid=true]{border-color:var(--ask-error);box-shadow:0 0 0 2px var(--ask-error)}
.kb-ask-err{font-size:14.5px;font-weight:600;color:var(--ask-error)}
.kb-ask-err:empty{display:none}
.kb-ask-send{align-self:flex-start;min-width:160px}
.kb-ask-note{font-size:14px}
.kb-ask-status{margin-block-start:14px;font-size:17px;font-weight:650;color:var(--ok)}
.kb-ask-status:empty{display:none}
.kb-ask-status[data-error=true]{color:var(--ask-error)}
.kb-ask-alt{margin-block-start:6px;font-size:16px}
:root{--ask-error:#b3261e}
:root[data-theme=dark]{--ask-error:#ffb4a6}
@media(max-width:760px){.kb-ask{padding:22px 18px 24px}.kb-ask-send{align-self:stretch}}
.kb-ask-alt a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
@media(max-width:760px){.kb-ask{padding-block-end:72px}}
.kb-ask-hint{font-size:14.5px;margin:0}

/* סרטון אנכי בעמוד ידע (videoBlock ב-build.mjs) */
/* הבמה כהה בשני המצבים, בגוון תיבת הסוף (--end-bg, לא שחור טכני). הסרטון 9:16 עומד במרכזה ברוחב קבוע במחשב, ובנייד הבמה פורצת לרוחב המסך והסרטון ממלא אותה */
.kb-video{margin:0}
.prose>.kb-video{margin-block:32px}
.prose>.kb-video:first-child{margin-block-start:0}
/* 27.10.26 (שולם): הקופסה הכהה צמודה לסרטון, לא לרוחב העמוד. במסך רחב נשארו שוליים כהים ענקיים משני צידי סרטון אנכי */
.kb-video-stage{box-sizing:border-box;max-width:432px;margin-inline:auto;padding:16px;background:var(--end-bg);border:1px solid var(--end-line);border-radius:12px}
.kb-video video{display:block;width:min(100%,400px);height:auto;aspect-ratio:9/16;margin-inline:auto;border-radius:6px;background:var(--end-bg);color:var(--end-ink)}
.kb-video video:focus-visible{outline:3px solid var(--end-focus);outline-offset:5px}
.kb-video figcaption{margin-block-start:12px;font-size:14.5px;line-height:1.6;color:var(--muted);text-wrap:pretty;text-align:center}
.kb-video figcaption a{color:var(--ink);text-decoration-color:var(--logo);text-decoration-thickness:1px;text-underline-offset:4px}
.kb-video figcaption a:hover{text-decoration-thickness:2px}
.prose>.kb-video-cta{margin-block-start:26px;text-align:center}
/* השאלה מסוף הסרטון, מעל הכפתור, למי שקרא בלי לנגן */
.prose>.kb-video-q{margin-block-start:26px;max-width:40ch;margin-inline:auto;text-align:center;font-size:18px;font-weight:650;line-height:1.5;color:var(--ink);text-wrap:balance}
.prose>.kb-video-q+.kb-video-cta{margin-block-start:14px}
.kb-video-cta .button{line-height:1.4;text-wrap:balance}
.prose>.kb-video-credit{margin-block-start:12px;font-size:14px;line-height:1.6;color:var(--muted);text-align:center;text-wrap:balance}
.kb-video-credit a{text-decoration-color:var(--line);text-underline-offset:4px}
.kb-video-credit a:hover{text-decoration-color:currentColor}
.kb-video-credit bdi{font-variant-numeric:tabular-nums}
/* התמלול: טקסט רגיל, מסומן בקו צד דק בלבד */
.kb-transcript{max-width:70ch;margin-block-start:56px;padding-inline-start:22px;border-inline-start:1px solid var(--line)}
.kb-transcript h2{font-size:clamp(24px,2.2vw,28px)}
.kb-transcript p{margin-block-start:1em;font-size:17px;line-height:1.85;color:var(--ink);text-wrap:pretty}
.kb-transcript .kb-transcript-note{margin-block-start:8px;font-size:15px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){
.kb-video-stage{max-width:none;margin-inline:-22px;padding:18px 16px;border-radius:0;border-inline:0}
.kb-video video{width:100%;max-width:400px}
.kb-video figcaption{padding-inline:2px}
.kb-video-cta .button{width:100%}
.kb-transcript{padding-inline-start:16px}
.kb-transcript p{font-size:16.5px}
}
@media(max-width:380px){.kb-video-stage{margin-inline:-18px}}

/* נגן הפודקאסט ועמוד הפרק (shulem-designer, 20.10.26) */
/* "כמו וידאו": תמונת השער היא הבמה (כהה בשני המצבים), כפתור הפעלה גדול במרכזה, ומתחתיה פס בקרה על --surface. הזהב רק בחלק שהתמלא בפס ההתקדמות ובטבעת הפוקוס */
.kb-head-episode h1{max-width:24ch}
.kb-player{position:relative;max-width:860px;margin-block-start:28px;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.kb-player-stage{position:relative;background:var(--end-bg)}
.kb-player.is-ready .kb-player-stage{cursor:pointer}
.kb-player-cover{display:block;width:100%;height:auto}
.kb-player-big{display:none;position:absolute;inset:0;margin:auto;width:76px;height:76px;padding:0;border:0;border-radius:50%;background:var(--end-ink);color:var(--end-btn-ink);box-shadow:0 14px 30px -12px rgba(6,43,52,.75);cursor:pointer;transition:transform .2s,opacity .3s,box-shadow .2s}
.kb-player.is-ready .kb-player-big{display:grid;place-items:center}
.kb-player-big svg{width:34px;height:34px;fill:currentColor}
.kb-player-big:hover{transform:scale(1.06);box-shadow:0 18px 34px -12px rgba(6,43,52,.8)}
.kb-player-big:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
/* בזמן ניגון הכפתור הגדול נעלם מהתמונה (כמו בווידאו) וחוזר בריחוף או בפוקוס מקלדת. לחיצה על התמונה משהה */
.kb-player.is-playing .kb-player-big{opacity:0}
.kb-player.is-playing .kb-player-stage:hover .kb-player-big,.kb-player.is-playing .kb-player-big:focus-visible{opacity:1}
.kb-player-bar{padding:14px 18px 16px}
.kb-player-track{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--muted)}
.kb-player-series{font-weight:700;color:var(--ink)}
.kb-player-series a{text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:4px}
.kb-player-series a:hover{text-decoration-color:currentColor}
.kb-player-tagline{margin-inline-start:auto}
.kb-player-audio{display:block;width:100%;min-height:48px}
.kb-player.is-ready .kb-player-audio{display:none}
.kb-player-ui{display:none}
.kb-player.is-ready .kb-player-ui{display:block}
.kb-player-seek-row{display:flex;align-items:center;gap:12px}
.kb-player-time{flex:none;min-width:3.4em;font-size:14px;font-weight:600;line-height:1;color:var(--muted)}
.kb-player-elapsed{color:var(--ink)}
.kb-player-total{text-align:end}
.kb-player-seek{--p:0;flex:1 1 auto;min-width:0;height:44px;margin:0;padding:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer} /* 44px שטח לחיצה (qa 20.10), הפס עצמו נשאר 6px */
.kb-player-seek::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to left,var(--accent) calc(var(--p)*100%),var(--line) 0)}
.kb-player-seek::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(to left,var(--accent) calc(var(--p)*100%),var(--line) 0)}
.kb-player-seek::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--ink);border:3px solid var(--surface);box-shadow:0 3px 8px -2px rgba(6,43,52,.55);transition:transform .15s}
.kb-player-seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ink);border:3px solid var(--surface);box-shadow:0 3px 8px -2px rgba(6,43,52,.55)}
.kb-player-seek:hover::-webkit-slider-thumb,.kb-player-seek:active::-webkit-slider-thumb{transform:scale(1.15)}
.kb-player-seek:focus-visible{outline:none}
.kb-player-seek:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent)}
.kb-player-seek:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent)}
.kb-player-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:10px}
.kb-player-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);font-size:14.5px;font-weight:650;line-height:1;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s,filter .2s}
.kb-player-btn:hover{border-color:var(--logo);background:var(--soft)}
.kb-player-btn svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kb-player-play{min-width:56px;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.kb-player-play:hover{background:var(--ink);border-color:var(--ink);filter:brightness(1.15)}
.kb-player-play svg{fill:currentColor;stroke:none}
.kb-player-skip svg{width:28px;height:28px}
.kb-player-skip text{fill:currentColor;stroke:none;font:700 8.5px Heebo,Arial,sans-serif}
.kb-player-end{display:flex;gap:8px;margin-inline-start:auto}
.kb-player-rate{min-width:64px}
.kb-player-dl{padding-inline-end:14px}
.kb-player-status{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:var(--muted)}
.kb-player-status:empty{margin:0}
.kb-player-credit{max-width:860px;margin-block-start:12px;font-size:14px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.kb-player-credit a{text-decoration-color:var(--line);text-underline-offset:4px}
.kb-player-credit a:hover{text-decoration-color:currentColor}
.kb-player-credit bdi{font-variant-numeric:tabular-nums}
.kb-head-episode .kb-lead{margin-block-start:30px}
:root[data-theme=dark] .kb-player-big{box-shadow:0 14px 30px -12px rgba(0,0,0,.8)}
@media(max-width:760px){
.kb-head-episode{padding-block-end:26px}
.kb-player{margin-block-start:20px;margin-inline:-22px;border-radius:0;border-inline:0}
.kb-player-big{width:64px;height:64px}
.kb-player-big svg{width:28px;height:28px}
.kb-player-bar{padding:12px 16px 14px}
.kb-player-track{font-size:13.5px}
.kb-player-time{font-size:13.5px}
.kb-player-credit{font-size:13.5px}
}
/* בנייד שורת הסדרה בשתי שורות קבועות: הסדרה, הפרק והאורך למעלה, ו"שולי שואל, שולם עונה" מתחת, בלי שבירה באמצע */
/* ובנייד גם הכפתורים בשתי שורות: הפעלה ודילוגים למעלה, מהירות והורדה ברוחב מלא מתחת */
@media(max-width:600px){.kb-player-tagline{flex-basis:100%;margin-inline-start:0}.kb-player-end{flex-basis:100%;margin-inline-start:0}.kb-player-end>*{flex:1 1 0}}
@media(max-width:380px){.kb-player{margin-inline:-18px}}
@media(prefers-reduced-motion:reduce){.kb-player-big:hover,.kb-player-seek:hover::-webkit-slider-thumb,.kb-player-seek:active::-webkit-slider-thumb{transform:none}}
.kb-step .kb-card-kind{background:none;padding:0;border-radius:0;align-self:auto;line-height:inherit}
.kb-prompt-text{overflow-wrap:anywhere}
.kb-path{font-family:ui-monospace,Consolas,monospace;font-size:.88em;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:0 4px;unicode-bidi:isolate;white-space:nowrap}

/* המילון: רשימה אחת, תגית "למי שבונה עם AI" ליד השם, וקישור למאמר העומק בסוף הערך (29.10.26). צעד בסוף ציר הזמן, 28.10.26 */
.kb-term-tag{display:inline-block;margin-inline-start:6px;padding:2px 10px;font-size:13px;font-weight:600;line-height:1.6;vertical-align:middle;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px}
.kb-term dd .kb-term-more{margin-block-start:12px;font-weight:650}
.kb-timeline-next{margin-block-start:36px;font-size:18px;font-weight:600}
/* סימון טיוטה, רק בבנייה שאינה --live (תצוגה ובדיקה מקומית) */
.kb-draft-flag{margin:0;padding:10px 16px;background:#f5b70b;color:#062b34;font-size:15px;font-weight:700;text-align:center}

/* מילון בנייד: 16 אותיות בשתי שורות של 8, בלי חור בשורה האחרונה (qa 29.10) */
@media (max-width:760px){body.kb-page-glossary .kb-letters{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}body.kb-page-glossary .kb-letters a{min-width:0;padding-inline:0}}

/* עמוד הסדרה של הפודקאסט (/learn/podcast/) ורשימת הפרקים. אותם טוקנים של האתר (DESIGN.md), בלי שפה ויזואלית חדשה.
   נפרד מ-kb.css כדי לא להתנגש בעבודת המעצב על הנגן. shulem-team-lead, 20.10.26 */
.kb-series-head{padding-block-end:28px}
.kb-series-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
.kb-series-art{margin:0;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.kb-series-art img{display:block;width:100%;height:auto;border-radius:8px}
.kb-series-txt h1{font-size:clamp(40px,5vw,66px);font-weight:900;letter-spacing:-.03em;line-height:1.08}
.kb-series-txt h1 .ai,.kb-series-tagline .ai{direction:ltr;unicode-bidi:isolate}
.kb-series-tagline{margin-block-start:14px;font-size:clamp(20px,2vw,24px);font-weight:650;line-height:1.5;color:var(--ink)}
.kb-series-txt .kb-lead{margin-block-start:16px;font-size:18px;max-width:52ch}
.kb-series-txt .kb-meta{margin-block-start:16px}
.kb-series-cta{margin-block-start:22px}
.kb-series-player{min-width:0}
.kb-series-body{padding-block-start:8px}
.kb-episodes h2{margin-block-end:6px}
.kb-ep-list{margin:18px 0 0;padding:0;list-style:none;border-block-start:1px solid var(--line)}
.kb-ep{position:relative;display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:28px;align-items:center;padding-block:26px;border-block-end:1px solid var(--line)}
.kb-ep-cover{position:relative;display:block;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:var(--deep)}
.kb-ep-cover img{display:block;width:100%;height:auto;aspect-ratio:1200/716;object-fit:cover;transition:transform .35s ease}
.kb-ep:hover .kb-ep-cover img{transform:scale(1.03)}
/* הפרק האחרון בראש עמוד הסדרה (החלטה 53): הנגן, ומתחתיו שם הפרק וקישור לסיכום */
.kb-series-latest{margin-block-start:4px}
.kb-series-latest-h{display:flex;align-items:center;gap:12px;margin-block-end:16px;font-size:clamp(22px,2.2vw,28px)}
.kb-series-latest-txt{max-width:70ch;margin-block-start:26px}
.kb-series-latest-txt h3{margin-block:8px 10px;font-size:clamp(22px,2.2vw,27px);line-height:1.3}
.kb-series-latest-txt h3 a{text-decoration:none}
.kb-series-latest-txt h3 a:hover{text-decoration:underline;text-decoration-color:var(--logo)}
.kb-series-latest-txt>p{font-size:17px;line-height:1.7}
.kb-series-lead{margin-block-start:40px;padding-block-start:32px;border-block-start:1px solid var(--line)}
.kb-episodes{margin-block-start:40px}
.kb-ep-kind{font-size:14px;font-weight:650;color:var(--gold-text)}
.kb-ep-new{display:inline-block;padding:1px 9px;border:1px solid currentColor;border-radius:999px;font-size:12.5px;font-weight:700;vertical-align:middle}
.kb-ep h3{margin-block:8px 10px;font-size:clamp(22px,2.2vw,27px);line-height:1.3}
.kb-ep h3 a{text-decoration:none}
.kb-ep h3 a::after{content:'';position:absolute;inset:0}
.kb-ep h3 a:focus-visible{outline:none}
.kb-ep:focus-within{outline:3px solid var(--accent);outline-offset:6px;border-radius:4px}
.kb-ep:hover h3 a{text-decoration:underline;text-decoration-color:var(--logo)}
.kb-ep-txt>p{font-size:16.5px;line-height:1.7}
.kb-ep-go{margin-block-start:8px}
.kb-ep-go .text-link{position:relative;z-index:1}
.kb-series-about{margin-block-start:48px}
body.kb-page-series .kb-ask{margin-block-start:48px}
@media(max-width:900px){
.kb-series-hero{grid-template-columns:1fr;gap:22px}
.kb-series-art{padding:8px}
}
@media(max-width:760px){
.kb-ep{grid-template-columns:1fr;gap:14px;padding-block:20px}
.kb-ep-cover{max-width:100%}
.kb-series-cta .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.kb-ep-cover img{transition:none}.kb-ep:hover .kb-ep-cover img{transform:none}}

/* עמוד "סרטונים" (/learn/videos/): כרטיס לכל סרטון, אותם טוקנים של האתר. shulem-team-lead, 20.10.26 */
.kb-vids-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:24px;margin:26px 0 0;padding:0;list-style:none;align-items:start}
.kb-vid{display:flex;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 22px 44px -32px rgba(6,43,52,.5)}
.kb-vid-stage{padding:0;background:var(--surface)}
.kb-vid-stage video{display:block;width:100%;height:auto;margin-inline:auto;border-radius:0;background:#000}
/* סרטון אנכי: הסרטון הוא הכרטיס, בלי מסגרת צבעונית סביבו (משוב שולם 28.10.26). במסך רחב הוא עומד לצד הטקסט */
.kb-vid[data-shape=tall]{display:grid;grid-template-columns:minmax(200px,240px) 1fr;align-items:stretch}
.kb-vid[data-shape=tall] .kb-vid-stage{height:100%}
.kb-vid[data-shape=tall] .kb-vid-stage video{aspect-ratio:9/16;height:100%;object-fit:cover}
.kb-vid[data-shape=wide] .kb-vid-stage video{aspect-ratio:16/9}
.kb-vid video:focus-visible{outline:3px solid var(--end-focus);outline-offset:4px}
.kb-vid-txt{padding:20px 22px 22px}
.kb-vid-kind{display:inline-block;padding:2px 12px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:700;line-height:1.6;color:var(--ink);margin:0}
.kb-vid h2{margin-block:12px 8px;font-size:23px;font-weight:800;line-height:1.3}
.kb-vid p{font-size:15.5px;line-height:1.7}
.kb-vid-more{margin-block-start:10px}
.kb-vid-credit{margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid var(--line);font-size:13.5px!important;line-height:1.6;color:var(--muted)}
.kb-vid-credit a{text-decoration-color:var(--line);text-underline-offset:4px}
.kb-vids-note{margin-block-start:22px;max-width:60ch}
@media(max-width:640px){.kb-vids-list{grid-template-columns:1fr}.kb-vid[data-shape=tall]{grid-template-columns:1fr}.kb-vid[data-shape=tall] .kb-vid-stage video{height:auto;max-height:78vh;width:auto;max-width:100%;margin-inline:auto;object-fit:contain}}
.kb-vids-h2{margin-block:44px 0;font-size:26px}
.kb-vid-about{margin-block-start:8px;font-size:15.5px;line-height:1.7;color:var(--muted)}

/* אזור האנשים: כרטיס אדם, סדרת האנשים, הכלים במספרים. אותם טוקנים של האתר (DESIGN.md), בלי שפה ויזואלית חדשה.
   נפרד מ-kb.css כמו series.css. החלטות 64-66. */
/* תעודת זהות: כרטיס אדם. פאנל דיוקן עמוק (הדיו של האתר) ומולו הפרטים. אותם טוקנים, בהיר וכהה */
.kb-idc{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 22px 44px -30px rgba(6,43,52,.45)}
.kb-idc-nophoto{grid-template-columns:minmax(0,230px) minmax(0,1fr)}
.kb-idc-art{display:flex;align-items:center;justify-content:center;padding:26px;background:radial-gradient(120% 90% at 50% 0%,#0d4350 0%,var(--deep) 62%);color:var(--on-deep)}
.kb-portrait{margin:0;width:100%;max-width:248px}
.kb-portrait img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:3px;background:var(--soft);box-shadow:0 0 0 1px rgba(245,183,11,.7),0 0 0 7px var(--deep),0 0 0 8px rgba(244,247,247,.3)}
.kb-portrait figcaption{margin-block-start:20px;font-size:13.5px;line-height:1.5;color:#c5d6da;text-align:center}
.kb-mono{display:flex;align-items:center;justify-content:center;gap:.08em;width:min(100%,168px);aspect-ratio:1/1;border-radius:50%;font-weight:900;font-size:clamp(46px,6vw,64px);line-height:1;letter-spacing:0;color:var(--on-deep);background:rgba(244,247,247,.06);box-shadow:0 0 0 1px rgba(245,183,11,.7),0 0 0 7px var(--deep),0 0 0 8px rgba(244,247,247,.3)}
.kb-idc-main{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(22px,3vw,40px);min-width:0}
.kb-idc-kind{margin:0;font-size:14.5px}
.kb-head .kb-idc h1{max-width:none;font-size:clamp(32px,3.9vw,52px);font-weight:900;letter-spacing:-.03em;line-height:1.08}
.kb-person-role{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:clamp(18px,1.9vw,22px);font-weight:650;color:var(--ink)}
.kb-chip{display:inline-flex;align-items:center;min-height:30px;padding:2px 14px;border:1px solid var(--logo);border-radius:999px;font-size:14.5px;font-weight:700;line-height:1.3;color:var(--logo)}
.kb-idc-who{max-width:56ch;margin:0;font-size:19px;line-height:1.65;color:var(--ink)}
.kb-idc-stats-wrap{width:100%}
.kb-idc-h{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--gold-text)}
.kb-idc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.kb-idc-stats li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--soft);border-radius:10px}
.kb-idc-v{font-size:clamp(22px,2.4vw,30px);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.kb-idc-l{font-size:14px;line-height:1.45;color:var(--muted)}
.kb-idc-new{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-size:15px;color:var(--ink);text-decoration:none;transition:border-color .2s}
.kb-idc-new:hover{border-color:var(--logo)}
.kb-idc-newh{padding:1px 10px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:700}
.kb-idc-new time{font-size:14px;font-weight:650;color:var(--gold-text)}
.kb-idc-newt{min-width:0;font-weight:600}
.kb-pcol{max-width:74ch}
.kb-psec{margin-block-start:44px}
.kb-psec:first-child{margin-block-start:0}
.kb-psec h2{font-size:clamp(24px,2.3vw,30px);margin-block-end:14px}
.kb-idcard{margin:0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.kb-idcard>div{display:grid;grid-template-columns:minmax(90px,150px) minmax(0,1fr);gap:6px 18px;padding:14px 18px}
.kb-idcard>div+div{border-block-start:1px solid var(--line)}
.kb-idcard dt{font-weight:700;color:var(--muted);font-size:15px}
.kb-idcard dd{margin:0;font-size:17px;line-height:1.7;min-width:0;overflow-wrap:anywhere}
.kb-three,.kb-ptl,.kb-psources,.kb-updates{margin:0;padding:0;list-style:none}
.kb-three{counter-reset:t}
.kb-three li{counter-increment:t;position:relative;padding-inline-start:44px;font-size:18px;line-height:1.8}
.kb-three li+li{margin-block-start:14px}
.kb-three li::before{content:counter(t);position:absolute;inset-inline-start:0;inset-block-start:2px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-weight:700;font-size:15px}
.kb-cite{font-size:.78em;text-decoration:none;color:var(--logo);font-weight:700;white-space:nowrap}
.kb-cite:hover{text-decoration:underline}
.kb-ptl li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding-block:11px;border-block-end:1px solid var(--line);font-size:17px;line-height:1.7}
.kb-ptl-y{font-weight:800;color:var(--gold-text)}
.kb-est{display:inline-block;padding:0 9px;border:1px solid currentColor;border-radius:999px;font-size:13px;font-weight:700;color:var(--gold-text);vertical-align:middle}
.kb-updates li{padding-block:18px;border-block-end:1px solid var(--line)}
.kb-updates li:first-child{border-block-start:1px solid var(--line)}
.kb-update:target{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}
.kb-update-meta{font-size:14px;font-weight:650;color:var(--gold-text)}
.kb-update h3{margin-block:6px 8px;font-size:clamp(19px,1.9vw,22px);line-height:1.4}
.kb-update p{font-size:16.5px;line-height:1.75}
.kb-update .kb-orig{margin-block:12px 6px;padding:12px 16px;font-size:15.5px}
.kb-update-trans-h{font-weight:700}
.kb-update-src{font-size:14.5px;color:var(--muted)}
.kb-updates-compact li{padding-block:12px}
.kb-updates-compact p{font-size:16px;line-height:1.6}
.kb-plist{margin:0;padding-inline-start:1.2em;font-size:17px;line-height:1.8}
.kb-pnext{margin-block-start:36px;font-size:17px}
.kb-psources{counter-reset:s;font-size:15.5px;line-height:1.7;color:var(--muted)}
.kb-psources li{padding-block:7px;overflow-wrap:anywhere}
.kb-pnote{margin-block-start:14px;font-size:15px;color:var(--muted)}
.kb-perr{margin-block-start:28px}
.kb-who ul{margin:8px 0 0;padding-inline-start:1.2em}
/* סדרה */
.kb-people-body .kb-psec{margin-block-start:36px}
.kb-org-h{margin-block:26px 12px;font-size:19px;color:var(--muted)}
.kb-pgrid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;align-items:stretch}
.kb-pcard{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:start;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .2s,transform .2s,box-shadow .2s}
.kb-pcard:hover{border-color:var(--logo);transform:translateY(-3px);box-shadow:0 18px 30px -22px rgba(6,43,52,.5)}
.kb-pcard:focus-within{outline:3px solid var(--accent);outline-offset:3px}
.kb-pav{width:76px;height:76px;border-radius:12px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#0d4350 0%,var(--deep) 70%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(245,183,11,.6)}
.kb-pav img{display:block;width:100%;height:100%;object-fit:cover}
.kb-mono-s{width:100%;height:100%;border-radius:0;font-size:28px;box-shadow:none;background:none}
.kb-pcard h3{margin:0 0 2px;font-size:20px;font-weight:800;line-height:1.3}
.kb-pcard h3 a{text-decoration:none}
.kb-pcard h3 a::after{content:'';position:absolute;inset:0;border-radius:12px}
.kb-pcard h3 a:focus-visible{outline:none}
.kb-pcard-role{font-size:14.5px;font-weight:650;color:var(--gold-text);margin-block-end:6px}
.kb-pcard-who{font-size:15px;line-height:1.55;color:var(--muted)}
.kb-pcard-org{margin:10px 0 0}
.kb-pcard .kb-chip{min-height:26px;padding:0 11px;font-size:13px}
.kb-pcap{margin-block:-4px 14px}
.kb-people-how{margin-block-start:48px}
/* הכלים במספרים */
.kb-numbers-asof{margin-block-start:10px;font-size:19px;font-weight:700;color:var(--gold-text)}
.kb-ntable{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}
.kb-ntable th,.kb-ntable td{padding:14px 16px;text-align:start;vertical-align:top;border-block-end:1px solid var(--line)}
.kb-ntable thead th{font-size:14.5px;color:var(--muted)}
.kb-ntool{display:block;font-size:19px;font-weight:800}
.kb-ncomp{display:block;font-size:14px;color:var(--muted)}
.kb-nval{font-size:21px;font-weight:800}
.kb-basis,.kb-ndate,.kb-nnote{display:block;font-size:14px;color:var(--muted)}
.kb-nonum{color:var(--muted)}
.kb-numbers-body{margin-block-start:36px}
@media(max-width:760px){
.kb-idc,.kb-idc-nophoto{grid-template-columns:minmax(0,1fr)}
.kb-idc-art{padding:22px 22px 24px}
.kb-portrait{max-width:210px}
.kb-mono{width:132px;font-size:48px}
.kb-idc-who{font-size:18px}
.kb-pcard{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px}
.kb-pav{width:64px;height:64px}
.kb-mono-s{width:100%;font-size:24px}
.kb-idcard>div{grid-template-columns:minmax(0,1fr);gap:2px}
.kb-ptl li{grid-template-columns:52px minmax(0,1fr);gap:10px}
.kb-ntable,.kb-ntable thead,.kb-ntable tbody,.kb-ntable tr,.kb-ntable th,.kb-ntable td{display:block}
.kb-ntable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kb-ntable tr{margin-block-end:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.kb-ntable th[scope=row]{border-block-end:1px solid var(--line)}
.kb-ntable td{border-block-end:0}
.kb-ntable td+td{border-block-start:1px solid var(--line)}
.kb-ntable td::before{content:attr(data-label);display:block;font-size:13.5px;font-weight:700;color:var(--muted);margin-block-end:2px}
}

@media(prefers-reduced-motion:reduce){.kb-pcard:hover{transform:none}}

/* החברות והאנשים: בלוק לכל חברה באותה שפה של תעודת הזהות (מסגרת, צל, אריחי "במספרים", פס "חדש"). בהיר וכהה מהטוקנים */
.kb-en{font-weight:500;color:var(--muted)}
.kb-co-jump{margin-block:8px 28px}
.kb-co-jump a{font-size:15px}
.kb-co-region{margin-block-start:48px}
.kb-co-region>h2{margin-block-end:18px;padding-block-end:10px;border-block-end:1px solid var(--line);font-size:clamp(26px,2.6vw,34px)}
.kb-co-lead{max-width:62ch;margin-block:-4px 18px;font-size:17px}
.kb-co{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 22px 44px -30px rgba(6,43,52,.45)}
.kb-co+.kb-co{margin-block-start:22px}
.kb-co-main{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(20px,2.6vw,34px);min-width:0}
.kb-co-h{margin:0;font-size:clamp(26px,2.7vw,36px);font-weight:900;letter-spacing:-.025em;line-height:1.15;scroll-margin-block-start:120px}
.kb-co-h .kb-en{font-size:.52em;letter-spacing:0;white-space:nowrap}
.kb-co-makes{max-width:56ch;margin:0;font-size:17.5px;line-height:1.7;color:var(--ink)}
.kb-co-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.kb-co-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.kb-tool{gap:6px}
.kb-tool .kb-en{font-size:12.5px}
.kb-co-cmp{font-size:14.5px;font-weight:600;color:var(--ink);text-underline-offset:5px}
.kb-co-stats-wrap{width:100%}
.kb-co-stats li{gap:3px}
.kb-co-src{margin-block-start:4px;font-size:13px;line-height:1.5;color:var(--muted)}
.kb-co-more,.kb-co-links,.kb-co-rel{margin:0;font-size:15.5px;line-height:1.7}
.kb-co-more-h{font-weight:700;color:var(--ink)}
.kb-co-more a,.kb-co-rel a{color:var(--ink);text-underline-offset:5px}
.kb-co-links .text-link{color:var(--ink)}
.kb-co-people{display:flex;flex-direction:column;gap:14px;padding:clamp(16px,2vw,24px);background:var(--soft);border-inline-start:1px solid var(--line);min-width:0}
.kb-co-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.kb-co-people .kb-pnote{margin:0}
.kb-co-rel{color:var(--muted)}
.kb-pcard h4{margin:0 0 2px;font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.02em}
.kb-pcard h4 a{text-decoration:none}
.kb-pcard h4 a::after{content:'';position:absolute;inset:0;border-radius:12px}
.kb-pcard h4 a:focus-visible{outline:none}
.kb-idc-co{margin:0;font-size:16px;color:var(--muted)}
.kb-idc-co a{font-weight:700;color:var(--ink);text-underline-offset:5px}
.kb-co-line{max-width:70ch;margin-block-start:40px;padding-block-start:18px;border-block-start:1px solid var(--line);font-size:16px}
.kb-co-line-h{font-weight:700;color:var(--ink)}
.kb-co-line a{color:var(--ink);text-underline-offset:5px}
@media(max-width:900px){
.kb-co{grid-template-columns:minmax(0,1fr)}
.kb-co-people{border-inline-start:0;border-block-start:1px solid var(--line)}
}
@media(max-width:760px){
.kb-co-region{margin-block-start:36px}
.kb-co-makes{font-size:17px}
.kb-co-jump a{min-height:40px;font-size:14.5px;padding-inline:9px}
}
.kb-chip{column-gap:.35em}.kb-chip .kb-en{font-size:.9em}
/* חוקרים: 8 כרטיסים = 4+4 במסך רחב, בלי חור ברשת */
@media(min-width:1100px){.kb-pgrid-res{grid-template-columns:repeat(4,minmax(0,1fr))}.kb-pgrid-res .kb-pcard{grid-template-columns:minmax(0,1fr);gap:12px}}

/* חדשות השבוע (/learn/news/) וקבוצות בית הידע. אותם טוקנים וקווים דקים של האתר, בלי שפה חדשה */
.kb-news-week{margin-block-start:44px}
.kb-news-week:first-child{margin-block-start:0}
.kb-news-week>h2{padding-block-end:10px;border-block-end:1px solid var(--line);font-size:clamp(24px,2.4vw,32px)}
.kb-news-list{margin:0;padding:0;list-style:none;max-width:78ch}
.kb-news-item{padding-block:24px;border-block-end:1px solid var(--line);scroll-margin-block-start:110px}
.kb-news-item:target{outline:3px solid var(--accent);outline-offset:6px;border-radius:4px}
.kb-news-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;font-weight:650;color:var(--gold-text)}
.kb-news-item h3{margin-block:6px 10px;font-size:clamp(21px,2.1vw,25px);font-weight:800;line-height:1.35}
.kb-news-item p{font-size:17px;line-height:1.75;color:var(--ink)}
.kb-news-h{font-weight:700;color:var(--ink)}
.kb-news-why{margin-block-start:14px;padding:14px 18px 16px;background:var(--soft);border-radius:10px}
.kb-news-why-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-block-end:6px}
.kb-news-why-h .kb-interp-tag{margin:0}
.kb-news-why p:last-child{color:var(--ink)}
.kb-news-orgs{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:14px}
.kb-news-orgs a.kb-chip{text-decoration:none}
.kb-news-orgs a.kb-chip:hover{background:var(--soft)}
.kb-news-people,.kb-news-link{margin-block-start:10px;font-size:15.5px!important}
.kb-news-src{margin-block-start:12px;font-size:14px!important;color:var(--muted)!important}
.kb-news-about{margin-block-start:56px}
/* בית הידע: קבוצות */
.kb-hub-group{margin-block-start:64px}
.kb-hub-group>h2{max-width:28ch}
.kb-hub-group-lead{max-width:64ch;margin-block-start:10px;font-size:17px}
.kb-hub-news{margin-block-start:18px;border-block-start:1px solid var(--line)}
.kb-hub-news .kb-news-item{position:relative;padding-block:18px}
.kb-hub-news h3{margin-block:4px 0;font-size:20px}
.kb-hub-news h3 a{text-decoration:none}
.kb-hub-news h3 a::after{content:'';position:absolute;inset:0}
.kb-hub-news h3 a:focus-visible{outline:none}
.kb-hub-news .kb-news-item:focus-within{outline:3px solid var(--accent);outline-offset:4px}
.kb-hub-news .kb-news-item:hover h3 a{text-decoration:underline;text-decoration-color:var(--logo)}
.kb-hub-more{margin-block-start:10px}
@media(max-width:760px){
.kb-hub-group{margin-block-start:48px}
.kb-news-item p{font-size:16.5px}
.kb-news-why{padding:12px 14px 14px}
}
/* בית הידע: קוביות הניווט בראש העמוד (סבב 21.10, משוב שולם מהנייד: "לא מספיק מובן שאפשר להיכנס, ולא מספיק מפתה").
   כמו כרטיסי המוצרים באתר: לוח ויזואלי למעלה, כותרת ושורה, ושורת מספר + "כניסה" עם חץ. כל הקובייה קישור אחד.
   צבע לכל קטגוריה מתוך טוקני האתר בלבד (דיו, טורקיז, ציאן, זהב), בעוצמה נמוכה כרקע ללוח */
.kb-tabs{margin-block:4px 44px;--t-cy:#12a7c9}
.kb-tabs ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.kb-tab{container-type:inline-size;position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);box-shadow:0 1px 0 var(--line),0 12px 24px -22px rgba(6,43,52,.55);transition:border-color .2s,transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.kb-tab:hover{border-color:var(--logo);transform:translateY(-3px);box-shadow:0 1px 0 var(--line),0 20px 32px -20px rgba(6,43,52,.55)}
.kb-tab:active{transform:translateY(-1px) scale(.985);transition-duration:.08s}
.kb-tab:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* הלוח הוויזואלי */
.kb-tab-v{position:relative;display:flex;align-items:center;gap:10px;height:104px;padding:14px 18px;background:var(--t-bg,var(--soft));border-block-end:1px solid var(--line);overflow:hidden}
.kb-tab[data-k=start]{--t-bg:var(--deep)}
.kb-tab[data-k=people]{--t-bg:color-mix(in srgb,var(--logo) 13%,var(--surface))}
.kb-tab[data-k=news]{--t-bg:color-mix(in srgb,var(--nk-fill) 20%,var(--surface))}
.kb-tab[data-k=depth]{--t-bg:color-mix(in srgb,var(--logo) 7%,var(--paper))}
.kb-tab[data-k=terms]{--t-bg:color-mix(in srgb,var(--t-cy) 11%,var(--surface))}
.kb-tab[data-k=timeline]{--t-bg:color-mix(in srgb,var(--nk-fill) 9%,var(--paper))}
.kb-tab[data-k=videos],.kb-tab[data-k=podcast]{--t-bg:var(--deep)}
/* מספר גדול: מתחילים כאן, מאמרי עומק */
.kb-tab-big{font-size:58px;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--logo)}
.kb-tab-big-w{font-size:15px;font-weight:700;line-height:1.3;color:var(--ink)}
.kb-tab[data-k=start] .kb-tab-big{color:var(--nk-fill)}
.kb-tab[data-k=start] .kb-tab-big-w{font-size:19px;color:#f4f7f7}
/* דיוקנים בערימה */
.kb-tab-faces{display:flex;align-items:center}
.kb-tab-faces{--fw:min(56px,calc((100cqi - 40px) / 4.1))}
.kb-tab-faces img,.kb-tab-more{width:var(--fw);height:var(--fw);border-radius:50%;object-fit:cover;background:var(--soft);box-shadow:0 0 0 3px var(--surface),0 6px 14px -8px rgba(6,43,52,.6)}
.kb-tab-faces>*+*{margin-inline-start:calc(var(--fw) * -.25)}
.kb-tab-more{display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:15px;font-weight:800;color:#f4f7f7;background:var(--deep);direction:ltr}
/* ידיעה אחרונה */
.kb-tab-news{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.kb-tab-tag{padding:2px 9px;border-radius:999px;background:var(--nk-fill);color:#062b34;font-size:12.5px;font-weight:800;line-height:1.5}
.kb-tab-head{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:700;line-height:1.4;color:var(--ink)}
/* מילים לדוגמה */
.kb-tab-chips{display:flex;flex-wrap:wrap;gap:6px}
.kb-tab-chip{padding:3px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;font-weight:700;line-height:1.5;color:var(--ink)}
/* שנים */
.kb-tab-years{display:flex;align-items:center;gap:10px;width:100%}
.kb-tab-y0{font-size:17px;font-weight:700;color:var(--muted)}
.kb-tab-y1{font-size:min(38px,14cqi);font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.kb-tab-line{position:relative;flex:1;display:flex;justify-content:space-between;align-items:center;height:12px}
.kb-tab-line::before{content:'';position:absolute;inset-inline:0;inset-block-start:50%;border-block-start:1px solid var(--muted)}
.kb-tab-line i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--muted)}
.kb-tab-line i:last-child{width:11px;height:11px;background:var(--nk-fill);box-shadow:0 0 0 3px var(--t-bg)}
/* שער ופוסטר */
.kb-tab-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.kb-tab-cover-top{object-position:50% 22%}
.kb-tab:hover .kb-tab-cover{transform:scale(1.04)}
.kb-tab-play{position:absolute;inset-block-end:10px;inset-inline-end:10px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(6,43,52,.82);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.kb-tab-play svg{width:18px;height:18px;margin-inline-end:-2px}
/* טקסט ושורת הכניסה */
.kb-tab-b{display:flex;flex-direction:column;gap:4px;flex:1;padding:14px 18px 14px}
.kb-tab-l{font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.01em}
.kb-tab-d{font-size:14.5px;line-height:1.5;color:var(--muted)}
.kb-tab-f{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-block-start:auto;padding-block-start:10px}
.kb-tab-n{font-size:14px;font-weight:700;color:var(--ink)}
.kb-tab-go{display:inline-flex;align-items:center;gap:5px;margin-inline-start:auto;font-size:14.5px;font-weight:800;color:var(--logo)}
.kb-tab-arr{width:18px;height:18px;transition:transform .2s}
.kb-tab:hover .kb-tab-go{text-decoration:underline;text-underline-offset:5px}
.kb-tab:hover .kb-tab-arr{transform:translateX(-4px)}
.kb-start,.kb-hub-group{scroll-margin-block-start:110px}
@media(max-width:1050px) and (min-width:761px){.kb-tab-big{font-size:50px}}
@media(max-width:760px){
.kb-tabs{margin-block:0 36px}
.kb-tabs ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kb-tab-v{height:82px;padding:10px 12px;gap:8px}
.kb-tab-b{padding:10px 12px 12px;gap:2px}
.kb-tab-l{font-size:17px}
.kb-tab-d{font-size:13.5px;line-height:1.45}
.kb-tab-f{padding-block-start:8px;gap:2px 8px}
.kb-tab-n{font-size:12.5px}
.kb-tab-go{font-size:13.5px}
.kb-tab-big{font-size:46px}
.kb-tab-big-w{font-size:13px}
.kb-tab[data-k=start] .kb-tab-big-w{font-size:16px}
.kb-tab-faces{--fw:min(40px,calc((100cqi - 26px) / 4.1))}
.kb-tab-more{font-size:12.5px}
.kb-tab-tag{font-size:11.5px;padding:1px 8px}
.kb-tab-head{font-size:13px;line-height:1.35}
.kb-tab-chips{gap:4px}
.kb-tab-chip{padding:1px 8px;font-size:12.5px}
.kb-tab-years{gap:6px}
.kb-tab-y0{font-size:13px}
.kb-tab-y1{font-size:min(27px,13cqi)}
.kb-tab-line i{width:5px;height:5px}
.kb-tab-line i:last-child{width:9px;height:9px}
.kb-tab-play{width:34px;height:34px;inset-block-end:8px;inset-inline-end:8px}
.kb-tab-play svg{width:15px;height:15px}
}
:root[data-theme=dark] .kb-tabs{--t-cy:#3fc3e0}
:root[data-theme=dark] .kb-tab-go{color:var(--nk-fill)}
:root[data-theme=dark] .kb-tab[data-k=news]{--t-bg:color-mix(in srgb,var(--nk-fill) 9%,var(--soft))}
:root[data-theme=dark] .kb-tab[data-k=timeline]{--t-bg:var(--soft)}
:root[data-theme=dark] .kb-tab[data-k=depth]{--t-bg:color-mix(in srgb,var(--t-cy) 10%,var(--surface))}
:root[data-theme=dark] .kb-tab-more{background:#0c6370}
@media(prefers-reduced-motion:reduce){.kb-tab,.kb-tab:hover,.kb-tab:active{transform:none}.kb-tab:hover .kb-tab-cover,.kb-tab:hover .kb-tab-arr{transform:none}}
/* בית הידע, סבב 21.10 (משוב שולם 04:23): ראש אזור מודגש, ריווח אחיד בין הסקשנים, דיוקנים בכרטיס החברות והאנשים.
   אותם טוקנים, קווים דקים וכרטיסים של האתר; הרשת הדקה ברקע היא "נייר טכני" מ-DESIGN.md, לא שפה חדשה */
.kb-hub-hero{position:relative;isolation:isolate;background:var(--soft);border-block-end:1px solid var(--line);overflow:hidden}
.kb-hub-hero::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;background-position:center top;opacity:.55;-webkit-mask-image:linear-gradient(to left,transparent 0%,#000 75%);mask-image:linear-gradient(to left,transparent 0%,#000 75%)}
.kb-hub-head{padding-block:34px 56px}
.kb-hub-head h1{max-width:none;font-size:inherit;font-weight:900;line-height:1}
.kb-hub-head h1:not(:has(span)){font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-.03em;max-width:18ch}
.kb-hub-h1-a{display:block;font-size:clamp(64px,9vw,124px);font-weight:900;letter-spacing:-.045em;line-height:.98;color:var(--ink)}
.kb-hub-h1-b{display:block;max-width:24ch;margin-block-start:14px;font-size:clamp(24px,2.7vw,36px);font-weight:750;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}
.kb-hub-lead{max-width:40ch;margin-block-start:26px;padding-block-start:22px;border-block-start:1px solid var(--line);font-size:clamp(21px,2vw,27px);font-weight:650;line-height:1.5;color:var(--ink)}
.kb-hub-note{max-width:60ch;margin-block-start:8px;font-size:17px;line-height:1.7}
.kb-hub-body .kb-tabs{margin-block:40px 0}
/* כל סקשן בבית הידע: אותו מרווח, אותו קו עליון דק, אותה היררכיה (h2 + שורת פתיחה) */
.kb-hub-sec{margin-block-start:72px;padding-block-start:40px;border-block-start:1px solid var(--line)}
.kb-hub-sec>h2{max-width:28ch;margin:0;font-size:clamp(28px,2.6vw,36px)}
.kb-hub-sec>.kb-start-lead,.kb-hub-sec>.kb-hub-group-lead{max-width:64ch;margin-block-start:10px;font-size:17px}
.kb-hub-body .kb-hub-intro{margin-block:56px 0;max-width:64ch}
.kb-hub-sub{margin-block-start:40px}
.kb-hub-sub+.kb-hub-sub{margin-block-start:48px}
.kb-hub-sub-h{font-size:23px;font-weight:750;line-height:1.3}
.kb-hub-sub-lead{max-width:64ch;margin-block-start:6px;font-size:16.5px}
.kb-hub-sub .kb-grid{margin-block-start:20px}
.kb-card h4{margin-block:14px 8px;font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.025em}
.kb-card h4 a{text-decoration:none}
.kb-card h4 a::after{content:'';position:absolute;inset:0;border-radius:12px}
.kb-card h4 a:focus-visible{outline:none}
/* כרטיס "החברות והאנשים": טקסט, שורת דיוקנים, ושמות החברות כשורה אחת בתוך הכרטיס */
.kb-pc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px 48px;align-items:center;margin-block-start:26px;padding:30px 32px 0;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.kb-pc-txt h3{margin-block:0 8px;font-size:26px;font-weight:800;line-height:1.3}
.kb-pc-txt h3 a{text-decoration:none}
.kb-pc-txt h3 a:hover{text-decoration:underline;text-decoration-color:var(--logo)}
.kb-pc-txt p{font-size:16px;line-height:1.7}
.kb-pc-go{margin-block-start:10px}
.kb-faces{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.kb-face{display:flex;flex-direction:column;align-items:center;gap:10px;padding-block:4px;color:var(--ink);text-decoration:none;border-radius:8px}
.kb-face img{width:100%;max-width:104px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;background:var(--soft);box-shadow:0 0 0 1px var(--line),0 0 0 5px var(--surface),0 0 0 6px var(--line);transition:transform .2s,box-shadow .2s}
.kb-faces[data-count="7"]{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.kb-faces[data-count="7"] .kb-face-n{font-size:13.5px}
.kb-face-mono{display:flex;align-items:center;justify-content:center;gap:.06em;width:100%;max-width:104px;aspect-ratio:1/1;border-radius:50%;font-weight:900;font-size:30px;line-height:1;color:var(--on-deep);background:var(--deep);box-shadow:0 0 0 1px rgba(245,183,11,.7),0 0 0 5px var(--surface),0 0 0 6px var(--line);transition:transform .2s,box-shadow .2s}
.kb-face:hover .kb-face-mono{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(245,183,11,.7),0 0 0 5px var(--surface),0 0 0 6px var(--logo)}
.kb-face:hover img{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line),0 0 0 5px var(--surface),0 0 0 6px var(--logo)}
.kb-face:hover .kb-face-n{text-decoration:underline;text-decoration-color:var(--logo);text-underline-offset:5px}
.kb-face:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.kb-face-n{font-size:14.5px;font-weight:650;line-height:1.35;text-align:center}
.kb-faces-note{margin-block-start:14px;font-size:13px;line-height:1.5;text-align:center}
.kb-pc-cos{grid-column:1/-1;margin-inline:-32px;padding:16px 32px 18px;border-block-start:1px solid var(--line);font-size:15.5px;line-height:2;color:var(--muted)}
.kb-pc-cos-h{font-weight:700;color:var(--ink)}
.kb-pc-cos a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px;white-space:nowrap}
.kb-pc-cos a:hover{text-decoration-color:currentColor}
@media(max-width:1050px){.kb-pc{grid-template-columns:1fr;gap:26px}}
@media(max-width:760px){
.kb-hub-head{padding-block:22px 40px}
.kb-hub-h1-b{margin-block-start:10px}
.kb-hub-lead{margin-block-start:20px;padding-block-start:18px}
.kb-hub-note{font-size:16px}
.kb-hub-body .kb-tabs{margin-block:28px 0}
.kb-hub-sec{margin-block-start:52px;padding-block-start:28px}
.kb-hub-sub{margin-block-start:28px}
.kb-hub-sub+.kb-hub-sub{margin-block-start:36px}
.kb-hub-sub-h{font-size:20px}
.kb-hub-body .kb-hub-intro{margin-block-start:44px}
.kb-pc{padding:22px 18px 0}
.kb-pc-txt h3{font-size:22px}
.kb-pc-cos{margin-inline:-18px;padding:14px 18px 16px;font-size:15px}
.kb-faces,.kb-faces[data-count="7"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
.kb-face img,.kb-face-mono{max-width:92px}
.kb-faces[data-count="7"]{grid-template-columns:repeat(8,minmax(0,1fr))}
.kb-faces[data-count="7"] li{grid-column:span 2}
.kb-faces[data-count="7"] li:nth-child(5){grid-column:2/span 2}
.kb-face-mono{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.kb-face:hover img,.kb-face:hover .kb-face-mono{transform:none}}

/* צילומי המקור בעמוד ידיעה (shots, 28.10.26) */
.kb-news-shots-note{font-size:15px!important;color:var(--muted)!important}
.kb-news-shot{margin:18px 0 0;padding:14px;border:1px solid var(--line);border-radius:10px}
.kb-news-shot img{display:block;max-width:100%;height:auto;border-radius:6px;border:1px solid var(--line);background:#fff}
.kb-news-quote{margin:12px 0 0;padding:0}
.kb-news-quote p{margin:0 0 8px;font-size:16px;line-height:1.7}
.kb-news-quote p[lang="en"]{font-size:14.5px;color:var(--muted);text-align:left}
.kb-news-shot figcaption{font-size:13px;color:var(--muted)}
.kb-news-more-src{margin-block-start:6px}

/* איורים בתוך מאמרי העומק: <figure class="kb-fig"> (או kb-figure, אותו סגנון) עם SVG שמצויר ב-currentColor, ושורת בינארי <p class="kb-bin">.
   האיור יושב על הנייר כמו שהוא, בלי מסגרת ובלי רקע צבעוני (משוב שולם 28.10.26 על מדיה בקופסאות) */
.kb-fig,.kb-figure{margin-block:1.8em;color:var(--ink)}
.kb-fig svg,.kb-figure svg{display:block;width:100%;max-width:100%;height:auto;margin-inline:auto;color:var(--ink)}
.kb-fig figcaption,.kb-figure figcaption{margin-block-start:10px;max-width:62ch;font-size:15px;line-height:1.65;color:var(--muted)}
.prose .kb-bin{margin-block:1.1em;direction:ltr;unicode-bidi:isolate;text-align:center;font-size:clamp(22px,4vw,28px);font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink)}
@media(max-width:600px){.kb-fig figcaption,.kb-figure figcaption{font-size:14px}}

/* סדרה ("מאפס"): חלק X מתוך N, כל החלקים, והקודם/הבא. בסוף המאמר, לפני המושגים */
.kb-sernav{max-width:70ch;margin-block-start:56px;padding-block-start:26px;border-block-start:1px solid var(--line)}
.kb-sernav-h{margin:0 0 12px;font-size:15px;font-weight:650;color:var(--muted)}
.kb-sernav-h a{color:inherit}
.kb-sernav-list{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:4px}
.kb-sernav-list a,.kb-sernav-list span{display:inline-block;padding-block:6px;font-size:16px}
.kb-sernav-list span[aria-current]{font-weight:750;color:var(--ink)}
.kb-sernav-pn{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.kb-sernav-pn a{flex:1 1 220px;display:flex;flex-direction:column;gap:2px;min-height:44px;padding:12px 16px;text-decoration:none;font-weight:650;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink)}
.kb-sernav-pn a:hover{border-color:var(--logo)}
.kb-sernav-next{text-align:end}
.kb-sernav-k{font-size:13px;font-weight:600;color:var(--muted)}

/* הרחבה בלחיצה ("אוהבים טכנולוגיה? לחצו כאן..."), כמו שורת פיתיון במייל (משוב שולם 29.10.26).
   בלי קופסה צבעונית: קו דק מימין, ה-summary נראה כמו קישור ברור. נגמר בקישור "למאמר המלא" כשיש מאמר כזה */
.prose .kb-deeper{margin-block:1.4em;padding-inline-start:18px;border-inline-start:2px solid var(--line)}
.prose .kb-deeper>summary{display:block;min-height:44px;padding-block:10px;line-height:1.6;font-weight:700;color:var(--logo);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.prose .kb-deeper>summary::before{content:'+';display:inline-grid;place-items:center;width:22px;height:22px;margin-inline-end:10px;vertical-align:-3px;border:1.5px solid currentColor;border-radius:50%;font-size:16px;line-height:1;font-weight:600}
.prose .kb-deeper[open]>summary::before{content:'\2212'}
.prose .kb-deeper>summary::after{content:none}
.prose .kb-deeper>summary:hover{text-decoration-thickness:2px}
.prose .kb-deeper[open]{border-inline-start-color:var(--logo)}
.prose .kb-deeper>:not(summary){margin-block-start:.9em}
.prose .kb-deeper .kb-deeper-full{font-weight:700}

/* תוספות להרחבה בלחיצה (העיצוב עצמו למעלה): גוף ההרחבה עם כותרות ביניים, קישור לעמוד ההעמקה. בשורת הפיתיון התוכן עטוף ב-span אחד, כדי שה-flex לא יפצל אותו לעמודות */
.prose .kb-deeper>summary>span{display:inline}
.prose .kb-deeper>summary strong{font-weight:800}
.prose .kb-deeper>.kb-deeper-body{padding-block-end:18px}
.prose .kb-deeper>.kb-deeper-body>:first-child{margin-block-start:0}
.prose .kb-deeper h3{margin-block:1.4em .5em;font-size:1.05em}
/* בראש עמוד העמקה: "הגעתם מהמאמר..." */
.prose .kb-back{font-size:15px;color:var(--muted)}
/* מילון קטן בראש מאמר: רשימת מונחים קצרה, לא במקום ההסבר בגוף */
.prose .kb-gloss{margin:0;display:grid;gap:8px}
.prose .kb-gloss dt{font-weight:700;color:var(--ink)}
.prose .kb-gloss dd{margin:0 0 6px;color:var(--ink)}
.prose .kb-deeper-body>*+*{margin-block-start:1.1em}


/* שני חצאי איור זה לצד זה במחשב, זה מתחת לזה בנייד (הטקסט בתוך ה-SVG נשאר קריא) */
.kb-fig-pair{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center}
.kb-fig-pair>svg{flex:1 1 280px;max-width:360px}

/* ראש מאמר בסדרה: "סדרת מאפס · חלק X מתוך N", ופתיח "להתכונן לצלילה" (29.10) */
.kb-sertop{margin:0 0 10px;font-size:15px;font-weight:650;color:var(--muted)}
.kb-sertop a{color:inherit;text-underline-offset:4px}
.kb-dive{max-width:62ch;margin:18px 0 0;padding-block:12px;padding-inline:16px 0;border-inline-start:1px solid var(--line);font-size:17px;line-height:1.7;color:var(--muted)}
.kb-hero{margin:26px 0 0;max-width:900px}
.kb-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
@media(max-width:760px){.kb-hero{margin-block-start:18px}}

/* כרטיסי מאמרים עם תמונה (kb/articles.mjs): הסדרה "מאפס" בבית הידע ועמוד "כל המאמרים". משוב שולם 29.10.26 */
.kb-sc-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:0;list-style:none}
.kb-sc{grid-column:span 2;display:flex;min-width:0}
/* בלי חור בשורה האחרונה: שארית 1 = הכרטיס הראשון רחב (המומלץ להתחלה), שארית 2 = שני הראשונים חצי-חצי */
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child{grid-column:1/-1}
.kb-sc-grid[data-r3="2"]>.kb-sc:nth-child(-n+2){grid-column:span 3}
.kb-sc-a{position:relative;display:flex;flex-direction:column;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.kb-sc-a:hover{border-color:var(--logo);transform:translateY(-3px);box-shadow:0 18px 30px -22px rgba(6,43,52,.5)}
.kb-sc-a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.kb-sc-media{position:relative;display:block;flex:none;aspect-ratio:1200/630;overflow:hidden;background:var(--paper);border-block-end:1px solid var(--line);container-type:inline-size}
.kb-sc-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.kb-sc-a:hover .kb-sc-media img{transform:scale(1.03)}
/* אריח טיפוגרפי למאמר בלי תמונה משלו: אותה שפה של תמונות השיתוף (נייר עם רשת דקה, מילה גדולה, נקודת זהב) */
.kb-sc-tile{position:absolute;inset:0;display:flex;align-items:center;padding-inline:8cqi;background-color:var(--paper);--tile-grid:color-mix(in srgb,var(--line) 55%,var(--paper));background-image:linear-gradient(var(--tile-grid) 1px,transparent 1px),linear-gradient(90deg,var(--tile-grid) 1px,transparent 1px);background-size:7.5cqi 7.5cqi;background-position:center}
.kb-sc-tile-w{max-width:100%;font-size:10.5cqi;font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
/* שני כרטיסים רחבים שניהם אריחים: אריח נמוך יותר, שלא יהיה שטח ריק גדול */
@media(min-width:1051px){.kb-sc-flat2>.kb-sc:nth-child(-n+2) .kb-sc-media{aspect-ratio:2.6/1}.kb-sc-flat2>.kb-sc:nth-child(-n+2) .kb-sc-tile-w{font-size:7.5cqi}}
.kb-sc-tile-w::after{content:'';display:inline-block;width:.2em;height:.2em;margin-inline-start:.08em;border-radius:50%;background:var(--nk-fill)}
.kb-sc-body{position:relative;display:flex;flex-direction:column;flex:1 1 auto;padding:20px 22px 18px}
/* המספר בסדרה: עיגול נייר על קו התמונה, בפינה שבה מתחילים לקרוא */
.kb-sc-n{position:absolute;inset-block-start:-21px;inset-inline-start:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:18px;font-weight:800;line-height:1;color:var(--logo)}
.kb-sc-n+.kb-sc-t{margin-block-start:16px}
.kb-sc-t{margin:0;font-size:21px;font-weight:800;line-height:1.3;color:var(--ink)}
.kb-sc-a:hover .kb-sc-t{text-decoration:underline;text-decoration-color:var(--logo);text-decoration-thickness:1px}
.kb-sc-hook{display:block;margin-block-start:8px;font-size:15.5px;line-height:1.65;color:var(--muted)}
.kb-sc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-block-start:auto;padding-block-start:16px;font-size:13.5px;font-weight:600;color:var(--muted)}
.kb-sc-meta::after{content:'';flex:none;width:34px;height:34px;margin-inline-start:auto;border:1px solid var(--line);border-radius:50%;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062b34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");transition:background-color .2s,border-color .2s}
:root[data-theme=dark] .kb-sc-meta::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eef6f8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E")}
.kb-sc-a:hover .kb-sc-meta::after{border-color:var(--logo);background-color:var(--soft)}
.kb-sc-demo{display:inline-flex;align-items:center;gap:5px;color:var(--ink)}
.kb-sc-demo svg{width:17px;height:17px;flex:none;color:var(--logo)}
/* כרטיס רחב (שארית 1): תמונה מימין, טקסט משמאל */
@media(min-width:1051px){
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child .kb-sc-a{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child .kb-sc-media{border-block-end:0;border-inline-end:1px solid var(--line)}
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child .kb-sc-body{justify-content:center;padding:32px 40px 28px}
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child .kb-sc-n{position:static;margin-block-end:16px}
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child .kb-sc-n+.kb-sc-t{margin-block-start:0}
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child .kb-sc-t{font-size:clamp(24px,2.2vw,30px)}
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child .kb-sc-hook{font-size:17px;max-width:44ch}
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child .kb-sc-meta{margin-block-start:0;padding-block-start:22px}
.kb-sc-grid[data-r3="1"]>.kb-sc:first-child .kb-sc-meta::after{margin-inline-start:0}
}
@media(max-width:1050px) and (min-width:761px){
.kb-sc-grid{grid-template-columns:1fr 1fr;gap:20px}
.kb-sc,.kb-sc-grid[data-r3]>.kb-sc:first-child,.kb-sc-grid[data-r3]>.kb-sc:nth-child(-n+2){grid-column:auto}
.kb-sc-grid[data-r2="1"]>.kb-sc:first-child{grid-column:1/-1}
.kb-sc-grid[data-r2="1"]>.kb-sc:first-child .kb-sc-a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.kb-sc-grid[data-r2="1"]>.kb-sc:first-child .kb-sc-media{border-block-end:0;border-inline-end:1px solid var(--line)}
.kb-sc-grid[data-r2="1"]>.kb-sc:first-child .kb-sc-body{justify-content:center;padding:24px 28px}
.kb-sc-grid[data-r2="1"]>.kb-sc:first-child .kb-sc-n{position:static;margin-block-end:12px}
.kb-sc-grid[data-r2="1"]>.kb-sc:first-child .kb-sc-n+.kb-sc-t{margin-block-start:0}
.kb-sc-grid[data-r2="1"]>.kb-sc:first-child .kb-sc-meta{margin-block-start:0;padding-block-start:18px}
.kb-sc-grid[data-r2="1"]>.kb-sc:first-child .kb-sc-meta::after{margin-inline-start:0}
}
/* נייד: כרטיס אחד ברוחב מלא. בבית הידע (kb-sc-scroll) הסדרה נגללת לרוחב עם עצירה בכל כרטיס, והכרטיס הבא מציץ מהקצה */
@media(max-width:760px){
.kb-sc-grid{grid-template-columns:1fr;gap:18px}
.kb-sc,.kb-sc-grid[data-r3]>.kb-sc:first-child,.kb-sc-grid[data-r3]>.kb-sc:nth-child(-n+2){grid-column:auto}
.kb-sc-t{font-size:20px}
.kb-sc-scroll{display:flex;gap:14px;margin-inline:-22px;padding-inline:22px;padding-block:4px 14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:22px;scrollbar-width:thin}
.kb-sc-scroll>.kb-sc{flex:0 0 84%;scroll-snap-align:start}
.kb-sc-scroll .kb-sc-meta::after{display:none}
}
@media(max-width:380px){.kb-sc-scroll{margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.kb-sc-a,.kb-sc-media img{transition:none}.kb-sc-a:hover{transform:none}.kb-sc-a:hover .kb-sc-media img{transform:none}}

/* ראש הסדרה: שם ומשפט מימין, "מומלץ לפי הסדר" ו"לכל המאמרים" בצד */
.kb-series-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 40px}
.kb-series-txt{flex:1 1 480px;max-width:66ch}
.kb-series-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin:0;font-size:15px}
.kb-series-order{font-weight:600;color:var(--muted)}
.kb-series-side .text-link{font-weight:650;color:var(--ink)}
@media(max-width:760px){.kb-series-side{align-items:flex-start}}

/* עמוד "כל המאמרים" */
.kb-art-nav ul{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.kb-art-nav .pf{text-decoration:none;color:var(--ink)}
.kb-art-sec{margin-block-start:56px;padding-block-start:36px;border-block-start:1px solid var(--line);scroll-margin-block-start:110px}
.kb-art-sec:first-child{margin-block-start:8px}
.kb-art-sec .kb-hub-sub-h{font-size:clamp(24px,2.3vw,30px);font-weight:750;line-height:1.25;max-width:30ch}
.kb-art-sec .kb-hub-sub-lead{max-width:64ch;margin-block-start:8px;font-size:16.5px}
@media(max-width:760px){.kb-art-sec{margin-block-start:40px;padding-block-start:28px}.kb-art-nav ul{gap:8px}}

/* תגיות נושא (רעיון שולם 29.10.26, "כמו האותיות במילון"): שורת צ'יפים בסגנון .kb-letters, אחד לכל מאמר, מפנה לכרטיס.
   השורה גולשת לשורות נוספות (גם בנייד, בלי גלילה לרוחב). הכרטיס שהגיעו אליו מקבל טבעת לרגע (JS) או קבועה (:target, בלי JS) */
.kb-chips{align-items:center;gap:8px;margin-block:24px 0}
.kb-chips-h{flex:none;margin-inline-end:4px;font-size:14px;font-weight:650;color:var(--muted)}
.kb-chips .kb-chip{min-height:44px;padding-inline:12px;font-size:15px;font-weight:600;line-height:1.25;color:var(--ink);text-align:center;transition:border-color .15s,background-color .15s}
.kb-chips .kb-chip:hover{border-color:var(--logo);background:var(--soft)}
.kb-chips .kb-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.kb-chips-series{margin-block:22px 0}
.kb-sc{scroll-margin-block:120px 24px;scroll-margin-inline:22px}
.kb-sc:target>.kb-sc-a{border-color:var(--logo);box-shadow:0 0 0 3px color-mix(in srgb,var(--logo) 40%,transparent)}
.kb-sc-hit>.kb-sc-a{border-color:var(--logo);animation:kb-sc-hit 2.2s cubic-bezier(.16,1,.3,1) both}
@keyframes kb-sc-hit{0%,40%{box-shadow:0 0 0 4px color-mix(in srgb,var(--logo) 55%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
@media(max-width:760px){.kb-chips{gap:6px}.kb-chips-h{flex-basis:100%}.kb-chips .kb-chip{min-height:40px;padding-inline:10px;font-size:14.5px}}
@media(prefers-reduced-motion:reduce){.kb-chips .kb-chip{transition:none}.kb-sc-hit>.kb-sc-a{animation:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--logo) 55%,transparent)}}
.kb-art-head .kb-chips{border-block-end:0;padding-block-end:0}

/* כפתור "לשתף" (סוף מאמר, סרטון, פרק) ושורת הזכויות בסוף מאמר. shulem-designer 29.10.26
   רק טוקני האתר; כהה דרך הטוקנים. כפתור מתאר (לא מלא) כדי לא להתחרות בהנעה של תיבת הסוף */
.kb-share{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 18px;max-width:100%}
.kb-share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kb-share-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 20px;background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:3px;font-size:15px;font-weight:650;line-height:1.2;transition:background .18s,color .18s}
.kb-share-btn:hover,.kb-share-btn[aria-expanded=true]{background:var(--ink);color:var(--paper)}
.kb-share-file{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;line-height:1.3;color:var(--muted);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.kb-share-file svg{width:16px;height:16px}
.kb-share-file:hover{color:var(--ink);text-decoration-color:currentColor}
.kb-share-file[aria-busy=true]{cursor:progress;opacity:.7}
.kb-share-menu{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;z-index:25;min-width:230px;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 18px 40px -24px rgba(6,43,52,.45)}
.kb-share-menu li{margin:0;padding:0}
.kb-share-menu li::before{content:none}
.kb-share-menu a,.kb-share-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:4px;background:none;color:var(--ink);font-size:15px;font-weight:500;line-height:1.3;text-decoration:none;text-align:start}
.kb-share-menu a:hover,.kb-share-menu button:hover{background:var(--soft)}
.kb-share-menu svg{color:var(--logo)}
.kb-share-status{flex-basis:100%;margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.kb-share-status:empty{display:none}
/* מרכוז מתחת לסרטון בגוף מאמר */
.kb-share-row{margin-block:14px 0;text-align:center}
/* סוף מאמר: שיתוף + זכויות, בין הקווים הדקים של העמוד */
.kb-article-foot{margin-block:40px 8px;padding-block:22px 0;border-block-start:1px solid var(--line)}
.kb-rights{margin-block-start:12px;font-size:13.5px;line-height:1.65;color:var(--muted);max-width:62ch}
.kb-rights bdi{font-variant-numeric:tabular-nums}
/* נפתח למעלה: בכרטיס סרטון (overflow:hidden חותך למטה), או כשאין מקום מתחת (share.js מוסיף kb-share-up) */
.kb-share-up .kb-share-menu,.kb-vid-share .kb-share-menu{inset-block-start:auto;inset-block-end:calc(100% + 6px)}
/* בעמודי הסרטונים והפודקאסט */
.kb-vid-share{margin-block-start:10px}
.kb-player-share{margin-block-start:14px}
@media (max-width:600px){
  .kb-share-menu{min-width:min(260px,calc(100vw - 40px))}
  .kb-article-foot{margin-block-start:32px}
  /* בנגן הפרק נשאר רק כפתור המהירות בקצה (ההורדה עברה ל"לשתף"), אז הוא לא צריך שורה משלו */
  .kb-player-end{flex-basis:auto;margin-inline-start:auto}
  .kb-player-end>*{flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){.kb-share-btn{transition:none}}
