/* ההדגמות החיות באזור הידע (kb/demos). לוח בתבנית של .kb-aside: משטח, קו דק, פינות 6px. בלי מסגרות צבעוניות */
.kb-demo{--kd-hot:#0c6370;--kd-on-hot:#fff;--kd-hot-soft:rgba(12,99,112,.13);--kd-cell:var(--paper);--kd-wall:#8fa5ab;margin-block:1.8em;padding:20px 22px 18px;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink)}
:root[data-theme=dark] .kb-demo{--kd-hot:#3fc3e0;--kd-on-hot:#062b34;--kd-hot-soft:rgba(63,195,224,.17);--kd-cell:#0c2027;--kd-wall:#4f6e78}
.prose>.kb-demo{margin-block:1.8em}
.kb-demo p{margin:0}
.kb-demo .kd-title{font-size:17px;font-weight:700;line-height:1.45;color:var(--ink)}
.kb-demo .kd-lead{margin-block-start:4px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.kb-demo .kd-stage{margin-block-start:16px}
.kb-demo .kd-controls{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:16px}
.kb-demo .kd-controls:empty{display:none}
.kb-demo .kd-out{margin-block-start:14px;min-height:1.6em;font-size:16px;line-height:1.6;color:var(--ink)}
.kb-demo .kd-note{margin-block-start:12px;padding-block-start:10px;border-block-start:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--muted)}
.kb-demo .kd-fallback{font-size:16px;line-height:1.7;color:var(--muted)}
.kb-demo bdi[dir=ltr]{font-variant-numeric:tabular-nums}

/* כפתורים: כמו .button של האתר, קטנים יותר */
.kd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:3px;font:inherit;font-size:15px;font-weight:650;line-height:1.2;cursor:pointer;transition:filter .15s,background .15s,border-color .15s}
.kd-btn:hover{filter:brightness(1.12)}
.kd-btn.is-2{background:transparent;color:var(--ink);border-color:var(--line)}
.kd-btn.is-2:hover{filter:none;border-color:var(--ink)}
.kd-btn.is-2[aria-pressed=true]{background:var(--soft);border-color:var(--ink)}
.kd-btn:disabled{opacity:.45;cursor:default;filter:none}
.kb-demo :focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* binary-switches */
.kd-bits{display:flex;gap:6px;direction:ltr}
.kd-bit{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 8px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.kd-bit:hover{border-color:var(--ink)}
.kd-bit-v{font-size:clamp(24px,5vw,34px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.kd-bit-k{width:14px;height:24px;border:1.5px solid currentColor;border-radius:8px;position:relative}
.kd-bit-k::after{content:'';position:absolute;inset-inline:2px;inset-block-end:2px;height:8px;border-radius:4px;background:currentColor;transition:transform .15s}
.kd-bit[aria-pressed=true] .kd-bit-k::after{transform:translateY(-10px)}
.kd-bit-w{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.kd-bit[aria-pressed=true]{background:var(--kd-hot);border-color:var(--kd-hot);color:var(--kd-on-hot)}
.kd-bit[aria-pressed=true] .kd-bit-w{color:inherit;opacity:.85}
.kd-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-block-start:16px}
.kd-sum-n{font-size:clamp(40px,8vw,56px);font-weight:900;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kd-sum-eq{font-size:16px;color:var(--muted)}

/* text-to-bits */
.kd-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.kd-field label{font-size:15px;font-weight:600}
.kd-input{flex:1 1 180px;min-width:0;min-height:48px;padding:8px 14px;background:var(--kd-cell);color:var(--ink);border:1px solid var(--field-line);border-radius:3px;font:inherit;font-size:20px;font-weight:600}
.kd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:10px}
.kd-chips .kd-btn{min-height:40px;padding:6px 12px;font-size:14px}
.kd-chars{display:grid;margin-block-start:16px;border-block-start:1px solid var(--line)}
.kd-char{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:6px 14px;padding-block:9px;border-block-end:1px solid var(--line)}
.kd-char-l{display:flex;flex-direction:column;align-items:center;gap:5px}
.kd-char-g{font-size:28px;font-weight:700;line-height:1;text-align:center}
.kd-char-g.is-word{font-size:13px;font-weight:600;color:var(--muted)}
.kd-bytes{display:flex;flex-direction:column;align-items:flex-end;gap:4px;direction:ltr}
.kd-byte{padding:3px 7px;background:var(--kd-cell);border:1px solid var(--line);border-radius:3px;font-size:15px;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.kd-char.is-2 .kd-byte{border-color:var(--kd-hot)}
.kd-char-c{font-size:13px;color:var(--muted);white-space:nowrap}
.kd-char.is-2 .kd-char-c{color:var(--ink);font-weight:650}
.kd-sumline{margin-block-start:14px;font-size:16px}
.kd-sumline strong{font-size:20px;font-weight:800}
@media(max-width:520px){.kd-char{grid-template-columns:56px minmax(0,1fr);gap:6px 10px}.kd-byte{font-size:14px;padding:2px 5px}}

/* pixel-grid */
.kd-pix{--cell:clamp(24px,6.2vw,36px);display:flex;align-items:flex-start;gap:clamp(10px,3vw,24px);direction:ltr}
.kd-pgrid{display:grid;grid-template-columns:repeat(8,var(--cell));gap:2px;flex-shrink:0}
.kd-px{width:var(--cell);height:var(--cell);padding:0;background:var(--kd-cell);border:1px solid var(--line);border-radius:2px;cursor:pointer;transition:background .12s}
.kd-px:hover{border-color:var(--ink)}
.kd-px[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}
.kd-rows{display:grid;gap:2px}
.kd-row{height:var(--cell);display:flex;align-items:center;padding-inline:4px;font-size:calc(var(--cell)*.52);letter-spacing:.08em;font-variant-numeric:tabular-nums;border-radius:2px;transition:background .6s}
.kd-row.is-flash{background:var(--kd-hot-soft);transition:none}
.kd-d1{color:var(--ink);font-weight:800}
.kd-d0{color:var(--muted)}

/* attention-links */
.kd-switch{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:14px}
.kd-switch .kd-btn{min-height:40px;padding:6px 12px;font-size:14px}
.kd-words{display:flex;flex-wrap:wrap;gap:12px 6px;line-height:1}
.kd-word{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:9px 10px 7px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;font-size:clamp(18px,3.6vw,22px);font-weight:600;line-height:1;cursor:pointer;isolation:isolate}
.kd-word:hover{border-color:var(--ink)}
.kd-word-heat{position:absolute;inset:0;z-index:-1;border-radius:3px;background:var(--kd-hot);opacity:0;transition:opacity .25s}
.kd-word-p{font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;min-height:12px}
.kd-word.is-strong{background:var(--kd-hot);border-color:var(--kd-hot);color:var(--kd-on-hot)}
.kd-word.is-strong .kd-word-p{color:inherit}
.kd-word[aria-pressed=true]{border:2px solid var(--ink);padding:8px 9px 6px;background:var(--soft)}
.kd-word[aria-pressed=true] .kd-word-p{color:var(--ink)}
.kd-bars{display:grid;gap:8px;margin-block-start:18px}
.kd-bar{display:grid;grid-template-columns:minmax(64px,auto) minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:15px}
.kd-bar-t{height:10px;background:var(--soft);border-radius:5px;overflow:hidden}
.kd-bar-f{display:block;height:100%;background:var(--kd-hot);border-radius:5px;transition:width .3s}
.kd-bar-n{font-variant-numeric:tabular-nums;color:var(--muted);text-align:end}

/* sequential-vs-parallel */
.kd-lanes{display:grid;gap:18px}
.kd-lane-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-block-end:8px}
.kd-lane-h b{font-size:15.5px;font-weight:700}
.kd-lane-c{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}
.kd-lane-c strong{color:var(--ink);font-size:20px;font-weight:800}
.kd-lane.is-done .kd-lane-c strong{color:var(--kd-hot)}
.kd-tiles{display:flex;flex-wrap:wrap;gap:5px}
.kd-tile{padding:4px 8px;border:1px solid var(--line);border-radius:3px;font-size:15px;line-height:1.5;color:var(--muted);background:var(--kd-cell);transition:background .2s,color .2s,border-color .2s}
.kd-tile.is-read{background:var(--kd-hot);border-color:var(--kd-hot);color:var(--kd-on-hot)}
.kd-tile.is-now{outline:2px solid var(--ink);outline-offset:1px}

/* coin-superposition */
.kd-coinbox{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}
.kd-coinwrap{display:flex;align-items:center;gap:16px}
.kd-coin{display:grid;place-items:center;width:112px;height:112px;flex-shrink:0;border-radius:50%;background:var(--soft);border:3px solid var(--ink);box-shadow:inset 0 0 0 6px var(--surface),inset 0 0 0 7px var(--line);font-size:26px;font-weight:800;color:var(--ink)}
.kd-coin.is-spin{animation:kd-spin .6s linear infinite}
@keyframes kd-spin{0%{transform:scaleX(1)}25%{transform:scaleX(.08)}50%{transform:scaleX(1)}75%{transform:scaleX(.08)}100%{transform:scaleX(1)}}
.kd-coin.is-land{animation:kd-land .35s cubic-bezier(.2,.8,.3,1.2)}
@keyframes kd-land{from{transform:scale(.85)}to{transform:scale(1)}}
.kd-coin-state{font-size:15px;color:var(--muted);line-height:1.5}
.kd-coin-state strong{display:block;font-size:22px;color:var(--ink)}
.kd-tally{flex:1 1 220px;display:grid;gap:8px}
.kd-tally-n{font-size:15px;color:var(--muted)}
.kd-tally-n strong{font-size:20px;color:var(--ink);font-weight:800}

/* double-slit */
.kd-slit svg{display:block;width:100%;height:auto;color:var(--ink)}
.kd-canvas{display:block;width:100%;margin-block-start:6px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell)}
.kd-slit-cap{display:flex;justify-content:space-between;gap:10px;margin-block-start:6px;font-size:13px;color:var(--muted)}

/* bit-vs-qubit */
.kd-bq{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px 28px;align-items:start}
.kd-bq-col>b{display:block;margin-block-end:4px;font-size:16px}
.kd-bq-col>span{display:block;margin-block-end:12px;font-size:14px;color:var(--muted);line-height:1.5}
.kd-bigbit{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:150px;padding:16px 10px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;cursor:pointer}
.kd-bigbit .kd-bit-v{font-size:52px}
.kd-bigbit .kd-bit-k{width:22px;height:38px;border-radius:12px}
.kd-bigbit .kd-bit-k::after{height:14px;border-radius:7px}
.kd-bigbit[aria-pressed=true] .kd-bit-k::after{transform:translateY(-16px)}
.kd-bigbit[aria-pressed=true]{background:var(--kd-hot);border-color:var(--kd-hot);color:var(--kd-on-hot)}
.kd-sphere{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.kd-sphere svg{width:164px;height:164px;flex-shrink:0;color:var(--ink)}
.kd-range{display:grid;gap:8px;flex:1 1 170px;font-size:14px}
.kd-range label{font-weight:600}
.kd-range input{width:100%;accent-color:var(--kd-hot);min-height:32px}
@media(max-width:560px){.kd-bq{grid-template-columns:1fr}.kd-bigbit{max-width:none;flex-direction:row;justify-content:center;gap:18px}}

/* maze-search */
.kd-mazebox{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-start}
.kd-maze{--c:clamp(26px,7.4vw,34px);display:grid;grid-template-columns:repeat(9,var(--c));gap:2px}
.kd-mc{width:var(--c);height:var(--c);border-radius:2px;background:var(--kd-cell);border:1px solid var(--line);transition:background .15s}
.kd-mc.is-wall{background:var(--kd-wall);border-color:var(--kd-wall)}
.kd-mc.is-seen{background:var(--kd-hot-soft);border-color:var(--kd-hot)}
.kd-mc.is-dead{background-color:var(--kd-cell);background-image:repeating-linear-gradient(45deg,transparent 0 5px,var(--muted) 5px 6.5px);border-color:var(--muted)}
.kd-mc.is-path{background:var(--kd-hot);border-color:var(--kd-hot)}
.kd-mc.is-head{box-shadow:inset 0 0 0 3px var(--ink)}
.kd-mc.is-start{box-shadow:inset 0 0 0 3px var(--kd-hot)}
.kd-mc.is-end{background:var(--accent);border-color:var(--accent)}
.kd-mazeside{flex:1 1 180px}
.kd-legend{display:grid;gap:6px;font-size:14px;color:var(--muted)}
.kd-legend span{display:flex;align-items:center;gap:8px}
.kd-legend .kd-mc{--c:18px;flex-shrink:0}
.kd-count{margin-block-end:12px;font-size:15px;color:var(--muted)}
.kd-count strong{font-size:24px;font-weight:800;color:var(--ink)}

@media(max-width:600px){.kb-demo{padding:16px 14px 14px}.kd-bits{gap:4px}.kd-bit{padding:8px 0 6px}.kd-bit-w{font-size:11px}}
@media(prefers-reduced-motion:reduce){.kb-demo *{transition:none!important;animation:none!important}}
.kd-attn{position:relative}
.kd-attn.has-arcs{padding-block-start:56px}
.kd-arcs{position:absolute;inset-block-start:0;inset-inline:0;pointer-events:none;overflow:visible}
.kd-lane-who{font-weight:400;color:var(--muted);font-size:14px}
.kd-hands{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-block-start:16px;padding-block-start:14px;border-block-start:1px solid var(--line);font-size:15px}
.kd-hands strong{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.kd-hands .kd-btn{min-height:40px;padding:6px 12px;font-size:14px}
.kd-legend i{display:inline-block}
@media(max-width:600px){.kd-tile{padding:2px 6px;font-size:14px}.kd-tiles{gap:4px}.kd-lanes{gap:14px}}
.kd-bias{margin-block-start:16px;max-width:360px}
.kd-screen-h{margin-block:12px 6px}
.kd-big{font-size:28px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.kd-tab{display:grid;margin-block-start:10px;border-block-start:1px solid var(--line)}
.kd-tab-r{display:flex;justify-content:space-between;gap:12px;padding-block:8px;border-block-end:1px solid var(--line);font-size:15px}
.kd-tab-v{font-weight:800;font-variant-numeric:tabular-nums}
.kd-tab-r.is-sum{color:var(--muted)}
.kd-detrow{margin-block-end:12px}
.kd-det{gap:8px}
.kd-ico{width:20px;height:20px;flex-shrink:0}
.kd-det[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}
.kd-sum-n.is-long{font-size:clamp(22px,5vw,36px);overflow-wrap:anywhere}
.kd-states{display:flex;flex-wrap:wrap;gap:4px;margin-block-start:14px;direction:ltr}
.kd-state{min-width:22px;height:22px;padding-inline:4px;display:grid;place-items:center;background:var(--kd-hot-soft);border:1px solid var(--kd-hot);border-radius:3px;font-size:12px;font-variant-numeric:tabular-nums}
.kd-state.is-big{min-width:56px;height:40px;font-size:18px;font-weight:700}
.kd-eps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:end}
.kd-ep{display:grid;gap:8px}
.kd-ep b{font-size:16px}
.kd-scene{width:100%;max-width:240px;height:auto;color:var(--ink);touch-action:none;cursor:grab}
.kd-ep-l{font-size:15px}
.kd-ep input{width:100%;accent-color:var(--kd-hot);min-height:32px}
.kd-pick{margin-block-start:12px}
.kd-pond{margin-block-start:0;border-block-start:0;border-radius:0 0 4px 4px}
.kd-ent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kd-ent-side{display:grid;justify-items:start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell)}
.kd-ent-side b{font-size:16px}
.kd-coin-s{width:72px;height:72px;font-size:18px}
.kd-chipsline{display:flex;flex-wrap:wrap;gap:4px}
.kd-chip{min-width:40px;padding:2px 4px;text-align:center;border:1px solid var(--line);border-radius:3px;font-size:13px;color:var(--muted)}
.kd-chip.is-h{color:var(--ink);font-weight:650}
.kd-chip.is-rev{border-color:var(--kd-hot)}
.kd-bt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kd-bt-col{display:grid;gap:10px;align-content:start}
.kd-bt-col>b{font-size:16px}
.kd-bt-cell{display:grid;gap:4px;font-size:14px;color:var(--muted)}
.kd-bt-cell .kd-switch{margin:0}
.kd-tab-v.is-ok{color:var(--ok)}
.kd-tab-v.is-no{color:var(--muted)}
.kd-meters{display:grid;gap:10px;margin-block-start:16px}
.kd-meter{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr) 52px;align-items:center;gap:10px;font-size:15px}
.kd-meter-t{position:relative;height:14px;background:var(--soft);border-radius:7px}
.kd-meter-f{display:block;height:100%;width:0;background:var(--kd-hot);border-radius:7px;transition:width .4s}
.kd-meter-line{position:absolute;inset-block:-4px;inset-inline-start:75%;border-inline-start:2px dashed var(--accent)}
.kd-meter-n{font-variant-numeric:tabular-nums;text-align:end}
.kd-meter-cap{font-size:13.5px;color:var(--muted)}
.kd-hands-cv{margin-block-start:0}
.kd-hands-sl{margin-block-start:14px}
@media(max-width:520px){.kd-bt{grid-template-columns:1fr}.kd-meter{grid-template-columns:minmax(80px,auto) minmax(0,1fr) 44px}}
.kd-mc{display:grid;place-items:center}
.kd-amp{display:block;border-radius:50%;background:var(--kd-hot);transition:width .35s,height .35s}
.kd-amp.is-neg{background:transparent;box-shadow:inset 0 0 0 2px var(--kd-hot)}
.kd-mc.is-end .kd-amp{background:var(--ink)}
.kd-mc.is-path .kd-amp{background:var(--kd-on-hot)}
.kd-meter-1{margin-block:10px 4px}
.kd-fence{display:block;width:100%;height:auto;color:var(--ink);margin-block-end:10px}
.kd-rbars{display:flex;align-items:flex-end;gap:6px;height:150px;margin-block-start:16px;padding-block-end:22px;border-block-end:1px solid var(--line);direction:ltr}
.kd-rbar{position:relative;flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.kd-rbar-f{display:block;width:100%;max-width:44px;background:var(--line);border-radius:3px 3px 0 0;transition:height .3s}
.kd-rbar.is-top .kd-rbar-f{background:var(--kd-hot)}
.kd-rbar-n{position:absolute;inset-block-end:-22px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.kd-rbar.is-top .kd-rbar-n{color:var(--ink);font-weight:800}
.kd-rbar-c{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;margin-block-end:2px}
.kd-rbars-4 .kd-rbar-f{max-width:70px}
.kd-voters{display:grid;gap:8px;margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid var(--line)}
.kd-vcap{font-size:14px;color:var(--muted);line-height:1.5}
.kd-vrow{display:flex;gap:6px}
.kd-v{width:22px;height:22px;border-radius:50%;background:var(--kd-hot)}
.kd-v.is-flip{background:transparent;box-shadow:inset 0 0 0 2px var(--accent)}
.kd-lockline{margin-block-end:10px}
.kd-eq{display:inline-block;direction:ltr;unicode-bidi:isolate;font-size:22px;font-variant-numeric:tabular-nums}
.kd-gn{min-width:84px}
.kd-gs{grid-template-columns:minmax(120px,auto) minmax(0,1fr) 92px}
.kd-ep-v{font-size:22px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}

/* wave-interference, wave-packet, uncertainty-squeeze, polarizer-match, space-entanglement (סבב 2 של הקוונטים) */
.kd-ranges{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 28px;margin-block-start:14px}
.kd-range-ends{display:flex;justify-content:space-between;gap:8px;margin-block-start:-6px;font-size:13px;color:var(--muted)}
.kd-pondc{cursor:crosshair;touch-action:manipulation}
.kb-demo p.kd-cap{margin-block-start:6px;font-size:14px;line-height:1.5;color:var(--muted)}
.kb-demo p.kd-cap-ink{color:var(--ink);font-weight:600}
.kd-pol{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:8px;align-items:center;margin-block-start:4px}
.kd-pol-side{display:grid;justify-items:center;gap:10px;padding:12px 10px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell)}
.kd-pol-side>b{font-size:16px}
.kd-pol-side .kd-range{width:100%;justify-items:center;text-align:center}
.kd-pol-disc{display:block;width:min(118px,100%);aspect-ratio:1;padding:0;background:none;border:0;border-radius:50%;color:var(--ink);cursor:pointer}
.kd-pol-disc svg{display:block;width:100%;height:auto;transition:transform .15s}
.kd-pol-disc:hover svg{transform:scale(1.03)}
.kd-pol-mid{display:grid;justify-items:center;gap:4px;font-size:13px;color:var(--muted)}
.kd-pol-src{width:56px;height:56px;color:var(--ink)}
.kd-lamp{display:flex;align-items:center;gap:8px;min-height:28px;font-size:15px;font-weight:650;color:var(--muted)}
.kd-lamp i{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:2px dashed var(--muted)}
.kd-lamp.is-on{color:var(--ink)}
.kd-lamp.is-on i{background:var(--accent);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--kd-hot-soft)}
.kd-lamp.is-off{color:var(--ink)}
.kd-lamp.is-off i{border-style:solid;border-color:var(--ink)}
.kd-pol-match{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-block-start:12px;font-size:16px}
.kd-pol-match span:last-child{color:var(--muted);font-size:14px}
.kd-pol-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px 20px;align-items:center;margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid var(--line)}
.kd-pol-graph{display:block;width:100%;max-width:420px;height:auto;color:var(--ink)}
.kd-sw{display:inline-block;width:26px;height:0;flex-shrink:0;border-block-start:3px solid var(--kd-hot)}
.kd-sw-l{border-block-start:3px dashed var(--ink)}
.kd-sw-now{width:12px;height:12px;border:0;border-radius:50%;background:var(--accent)}
.kd-sky-w{max-width:560px;margin-inline:auto}
.kd-sky{display:block;width:100%;height:auto;color:var(--ink)}
.kd-sky-count{margin-block:10px 0}
.kd-sky-lists{margin-block-start:12px}
.kd-sky-lists .kd-chip{min-width:52px}
@media(max-width:560px){.kd-pol-g{grid-template-columns:1fr}.kd-pol{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:6px}.kd-pol-side{padding:10px 6px}.kd-pol-src{width:40px;height:40px}}

/* zoom-to-atom */
.kd-zoom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 22px;align-items:center}
.kd-zoom-fig{display:grid;justify-items:center;gap:6px;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell)}
.kd-zoom-svg{display:block;width:100%;max-width:320px;height:auto;color:var(--ink)}
.kd-zoom-legend{display:flex;gap:16px}
.kd-zoom-dot{width:14px;height:14px;border-radius:50%;background:var(--accent)}
.kd-zoom-dot.is-n{background:var(--kd-hot)}
.kd-zoom-side{display:grid;gap:10px}
.kb-demo p.kd-zoom-st{font-size:16px;line-height:1.6}
.kb-demo p.kd-zoom-now{font-size:15px;color:var(--muted)}
.kd-zoom-size{display:block;font-size:clamp(20px,4.6vw,28px);font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.kb-demo p.kd-zoom-ratio:empty{display:none}
.kd-zoom-ticks{position:relative;height:10px;margin-inline:9px;margin-block-start:-6px}
.kd-zoom-ticks i{position:absolute;inset-block-start:0;width:8px;height:8px;margin-inline-start:-4px;border-radius:50%;background:var(--accent)}
@media(max-width:560px){.kd-zoom{grid-template-columns:1fr}}

/* scale-zoom, stamp-vs-one-by-one, wavelength-brush (המאמר על ייצור שבבים, בדימוי של בית דפוס) */
.kd-sz-pick{margin-block-end:14px}
.kd-sz{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px 24px;align-items:center}
.kd-sz-art{position:relative;padding:10px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px}
.kd-sz-svg{display:block;width:100%;height:auto;color:var(--ink);overflow:hidden}
.kd-sz-pos{position:absolute;inset-block-start:8px;inset-inline-start:10px;font-size:12.5px;color:var(--muted)}
.kd-sz-info{display:grid;gap:4px;align-content:start}
.kd-sz-name{font-size:19px;font-weight:800;line-height:1.3}
.kd-sz-size{font-size:16px;font-weight:600}
.kd-sz-sub{font-size:14px;color:var(--muted)}
.kd-sz-count{display:grid;gap:2px;margin-block:10px 4px;padding-block-start:10px;border-block-start:1px solid var(--line)}
.kd-sz-n{color:var(--kd-hot)}
.kd-sz-ntxt{font-size:15px;line-height:1.5}

.kd-sz-extra{font-size:14.5px;line-height:1.5;color:var(--muted)}
@media(max-width:600px){.kd-sz{grid-template-columns:1fr}.kd-sz-pick .kd-btn{flex:1 1 calc(33% - 8px);padding-inline:6px}}

.kd-sv-board{margin-block-start:14px}
.kd-sv-frame{position:relative;margin-inline:auto;max-width:100%}
.kd-sv-cv{display:block;border-radius:3px}
.kd-sv-plate{position:absolute;inset:-6px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:4px;background:color-mix(in srgb,var(--ink) 38%,transparent);background-image:repeating-linear-gradient(90deg,transparent 0 9px,color-mix(in srgb,var(--paper) 40%,transparent) 9px 11px),repeating-linear-gradient(0deg,transparent 0 9px,color-mix(in srgb,var(--paper) 40%,transparent) 9px 11px)}
.kd-sv-plate span{padding:4px 12px;background:var(--surface);border:1px solid var(--ink);border-radius:3px;font-size:15px;font-weight:700;color:var(--ink)}
.kd-sv-flash{position:absolute;inset:-6px;border-radius:4px;background:radial-gradient(ellipse at 50% 40%,#fffbe6 0,#ffe680 55%,rgba(255,230,128,.4) 100%);opacity:0;pointer-events:none}
.kd-sv-counters{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 18px;margin-block-start:12px;font-size:15px;color:var(--muted)}
.kd-sv-steps{color:var(--ink)}
.kd-sv-steps strong{font-size:26px;font-weight:900;color:var(--ink)}
.kd-sv-log{display:grid;margin-block-start:14px;border-block-start:1px solid var(--line);font-size:15px}
.kd-sv-r{display:grid;grid-template-columns:minmax(64px,.8fr) minmax(0,1.2fr) minmax(0,1fr);gap:10px;padding-block:7px;border-block-end:1px solid var(--line)}
.kd-sv-r.is-h{font-size:13.5px;font-weight:600;color:var(--muted)}
.kd-sv-r.is-now{background:var(--soft)}
.kd-sv-r>span:first-child{font-weight:700;padding-inline-start:6px}
.kd-sv-v{font-weight:700;font-variant-numeric:tabular-nums}
.kd-sv-v.is-empty{font-weight:400;color:var(--muted)}

.kd-wb-name{margin-block:8px 10px}
.kb-demo p.kd-wb-h2{margin-block-start:12px}
.kd-wb-cv{margin-block-start:4px}
.kd-wb-sizes{display:flex;flex-wrap:wrap;gap:6px 22px;margin-block-start:10px;font-size:14px;color:var(--muted)}
.kd-wb-sizes span{display:flex;align-items:center;gap:8px}
.kd-wb-bar{display:inline-block;height:12px;min-width:1.5px;background:var(--ink);border-radius:1px}
.kd-wb-bar.is-brush{background:var(--kd-hot);border-radius:6px}
.kd-wb-range{margin-block-start:14px;max-width:420px}
.kd-sv-pick .kd-btn{flex:1 1 0;padding-inline:8px}
.kd-wb-bar{height:8px;border-radius:2px}
.kd-wb-bar.is-brush{border-radius:4px}
.kd-sz-pick .kd-btn,.kd-sv-pick .kd-btn,.kd-wb-pick .kd-btn{min-height:44px}

/* סבב בהירות (demos2): שורת הסבר מתחת לבמה, מונה צעדים, ומטווח */
.kd-sayrow{display:flex;align-items:flex-start;gap:10px;margin-block-start:12px;padding:10px 14px;background:var(--soft);border-radius:4px}
.kb-demo .kd-sayrow .kd-out.kd-say{margin:0;min-height:3.2em;font-size:17px;font-weight:600;line-height:1.6;color:var(--ink)}
.kd-step{flex-shrink:0;margin-block-start:3px;padding:1px 8px;border:1px solid var(--ink);border-radius:999px;font-size:13px;font-weight:700;line-height:1.5;color:var(--ink);font-variant-numeric:tabular-nums}
.kd-btn.kd-next{min-width:132px}
.kd-gal{margin-block-start:0}
.kd-legend-row{display:flex;flex-wrap:wrap;gap:6px 18px;margin-block-start:8px;font-size:14px;color:var(--muted)}
.kd-legend-row span{display:inline-flex;align-items:center;gap:6px}
.kd-legend-row i{display:inline-block;width:12px;height:12px;border-radius:50%}
.kd-faces{display:flex;flex-wrap:wrap;gap:6px 16px;margin-block-start:10px;font-size:14.5px;color:var(--muted)}
.kd-faces span{display:inline-flex;align-items:center;gap:8px}
.kd-mini-coin{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--ink);background:var(--soft);font-size:14px;font-weight:800;color:var(--ink)}
.kd-coin svg{display:block}
@media(max-width:600px){.kd-sayrow{padding:9px 11px}.kb-demo .kd-sayrow .kd-out.kd-say{font-size:16px;min-height:4.8em}}
.kd-coinpos{position:relative;padding-block-start:22px}
.kd-hand{position:absolute;inset-block-start:-18px;inset-inline:0;margin-inline:auto;width:58px;height:58px;color:var(--ink);opacity:0;transform:translateY(-14px);transition:opacity .2s,transform .38s cubic-bezier(.3,.7,.3,1);pointer-events:none}
.kd-hand svg{width:100%;height:100%;background:var(--surface);border-radius:50%;padding:6px}
.kd-hand.is-down{opacity:1;transform:translateY(34px)}
@media(prefers-reduced-motion:reduce){.kd-hand{display:none}}
.kd-mini-coin svg{width:72%;height:72%}
.kd-ent-cap{font-size:13.5px;color:var(--muted)}
.kd-ent-side .kd-chipsline{gap:6px;min-height:30px}
.kd-chipc{width:30px;height:30px;transition:box-shadow .2s,background .2s}
.kd-chipc.is-match{background:var(--surface);box-shadow:0 0 0 3px var(--accent)}
.kd-pairs{display:grid;gap:8px;margin-block-start:14px}
.kd-pair-line{display:grid;grid-template-columns:64px repeat(8,30px);align-items:center;gap:6px}
.kd-pair-row{display:contents}
.kd-pair-l{font-size:14px;font-weight:650}
.kd-coin{font-size:40px}
.kd-coin-s{font-size:26px}
@media(max-width:400px){.kd-pair-line{grid-template-columns:56px repeat(8,26px);gap:4px}.kd-chipc{width:26px;height:26px;font-size:12px}}
.kd-mini-coin{flex-shrink:0}
.kb-demo p.kd-rule{padding:8px 12px;border:1px solid var(--line);border-radius:4px;font-size:15.5px;line-height:1.6;color:var(--ink)}
.kd-round{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:12px}
.kd-seat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell)}
.kd-seat>b{grid-column:1/-1;font-size:15.5px}
.kd-seat-l{font-size:13.5px;color:var(--muted)}
.kd-q,.kd-a{font-size:22px;font-weight:800;line-height:1.2;min-height:1.2em}
.kd-a{color:var(--kd-hot)}
.kb-demo p.kd-verdict{margin-block:10px 4px;min-height:1.6em;font-size:16px;font-weight:650}
.kd-verdict.is-ok{color:var(--ok)}
.kd-sheet{margin-block-start:12px;border-block:1px solid var(--line);padding-block:8px}
.kd-sheet summary{cursor:pointer;font-size:15px;font-weight:650;min-height:32px;display:flex;align-items:center}
.kd-sheet .kd-bt{margin-block-start:10px}
.kd-tab-r.is-now{background:var(--soft);outline:2px solid var(--accent);outline-offset:-2px}
.kd-pct{color:var(--muted);font-size:15px}
.kd-arrow{transform-origin:100px 100px;transform-box:view-box;transition:transform .45s cubic-bezier(.3,.7,.3,1)}
.kd-hundred-box{margin-block-start:14px;padding-block-start:10px;border-block-start:1px solid var(--line)}
.kd-hundred{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;direction:ltr;max-width:520px}
.kd-hc{display:grid;place-items:center;aspect-ratio:1;border-radius:2px;background:var(--kd-hot);color:var(--kd-on-hot);font-size:10px;font-weight:700;animation:kd-pop .25s ease-out}
.kd-hc.is-1{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
@keyframes kd-pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.kd-state.is-new{animation:kd-pop .4s ease-out both;background:var(--kd-hot);color:var(--kd-on-hot)}
.kd-coin-m{width:78px;height:78px;font-size:30px}
.kd-coin-sm{width:54px;height:54px;font-size:22px;border-width:2px;box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 5px var(--line)}
.kd-coin.is-bad{outline:3px solid #c0392b;outline-offset:3px}
.kd-code{display:inline-grid;justify-items:center;gap:3px}
.kd-code-coins{display:flex;gap:2px;direction:ltr}
.kd-code .kd-mini-coin{width:20px;height:20px;border-width:1.5px;font-size:11px}
.kd-code-d{font-size:14px;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.kd-bq2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:start}
.kd-bq2 .kd-bq-col{display:grid;justify-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell)}
.kd-bq2 .kd-bq-col>b{font-size:15.5px}
.kd-bq2 .kd-bigbit{max-width:130px;padding:10px}
.kd-bq2 .kd-coinpos{padding-block-start:0}
.kd-hist-l{font-size:13.5px;color:var(--muted);text-align:center}
.kd-hist{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;min-height:22px}
.kd-hist .kd-hc{width:20px;height:20px;font-size:11px}
.kd-bigbit.is-look,.kd-coin.is-look{box-shadow:0 0 0 5px var(--accent)}
.kd-coin.is-still{transform:scaleX(.25)}
@media(max-width:420px){.kd-bq2{gap:10px}.kd-bq2 .kd-bq-col{padding:10px 6px}}
.kd-coinsrow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:58px;align-items:center;direction:ltr}
.kd-coins-n{font-size:17px;font-weight:700;direction:rtl}
.kd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-block-start:12px}
.kd-card{position:relative;padding:8px 4px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell)}
.kd-card.is-new{animation:kd-pop .45s ease-out both}
.kd-card.is-safe{border:2px solid var(--accent);background:var(--surface)}
.kd-card-tag{font-size:11.5px;font-weight:700;color:var(--gold-text,var(--accent));text-align:center;line-height:1.2}
.kd-dots1k{display:grid;grid-template-columns:repeat(32,1fr);gap:2px;max-width:420px;margin:12px auto 0}
.kd-dots1k i{display:block;aspect-ratio:1;border-radius:50%;background:var(--kd-hot);animation:kd-pop .5s ease-out both}
.kd-mem{display:grid;gap:10px;margin-block-start:12px}
.kb-demo p.kd-mem-h,.kb-demo p.kd-mem-cap{font-size:14.5px;color:var(--muted)}
.kd-mem-r{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 10px;align-items:center;font-size:14.5px}
.kd-mem-t{height:14px;background:var(--soft);border-radius:7px;overflow:hidden}
.kd-mem-f{display:block;height:100%;background:var(--kd-hot);border-radius:7px;transition:width .9s ease-out}
.kd-mem-w{grid-column:2;color:var(--ink);font-weight:600}
.kb-demo{--kd-bad:#b3261e}
:root[data-theme=dark] .kb-demo{--kd-bad:#ff8a80}
.kd-halves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kd-half{display:grid;justify-items:center;align-content:start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell)}
.kd-half>b{font-size:15.5px;text-align:center}
.kd-half .kd-count{margin:0}
.kd-safe{display:grid;justify-items:center;gap:6px;width:100%;max-width:200px;padding:12px 10px;border:3px solid var(--ink);border-radius:8px;background:var(--surface);transition:border-color .2s}
.kd-safe-door{width:26px;height:26px;border:3px solid var(--ink);border-radius:50%;position:relative}
.kd-safe-door::after{content:'';position:absolute;inset-inline-start:50%;inset-block-start:-3px;width:3px;height:12px;background:var(--ink)}
.kd-safe-d{min-height:46px;display:grid;place-items:center}
.kd-safe-l{font-size:14px;font-weight:700;color:var(--muted)}
.kd-safe.is-no{border-color:var(--kd-bad)}.kd-safe.is-no .kd-safe-l{color:var(--kd-bad)}
.kd-safe.is-open{border-color:var(--ok);box-shadow:0 0 0 4px var(--soft)}.kd-safe.is-open .kd-safe-l{color:var(--ok)}
.kd-ghosts{display:grid;grid-template-columns:repeat(4,auto);gap:6px;justify-content:center}
.kd-ghost .kd-code-coins{animation:kd-blink 1.2s ease-in-out infinite}
.kd-ghost .kd-mini-coin{width:14px;height:14px;font-size:8px}
.kd-ghost .kd-code-d{font-size:11px}
@keyframes kd-blink{50%{opacity:.25}}
.kd-rbars-8{height:110px;width:100%}
.kd-rbars-8 .kd-rbar-n{font-size:11px}
@media(max-width:560px){.kd-halves{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kd-ghost{animation:none}}
.kd-sw-plot{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;direction:ltr;padding-block-start:4px}
.kd-sw-col{display:grid;justify-items:center;gap:4px;min-width:0}
.kd-sw-p{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.kd-sw-area{position:relative;width:100%;height:220px}
.kd-sw-bar{position:absolute;inset-inline:12%;inset-block-end:50%;height:50%;transform-origin:50% 100%;background:var(--accent);border-radius:3px 3px 0 0;transition:transform .45s ease,background .3s}
.kd-sw-slow .kd-sw-bar{transition:transform 1.2s cubic-bezier(.45,.05,.3,1),background .6s}
.kd-sw-bar.is-neg{background:var(--kd-hot)}
.kd-sw-zero{position:absolute;inset-inline:0;height:0;border-block-start:2px solid var(--ink);z-index:1;pointer-events:none}
.kd-sw-avg{position:absolute;inset-inline:0;height:0;border-block-start:2px dashed var(--ink);z-index:2;pointer-events:none}
.kd-sw-avgl{position:absolute;inset-inline-end:0;inset-block-end:2px;padding-inline:4px;font-size:12px;font-weight:700;font-style:normal;background:var(--surface);direction:rtl}
.kd-sw-col.is-known .kd-code{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.kd-sw-tag{font-size:11px;font-weight:700;color:var(--gold-text,var(--accent));text-align:center;line-height:1.2}
.kb-demo p.kd-sw-move{min-height:1.5em;margin-block-start:8px;font-size:14.5px;color:var(--muted)}
@media(max-width:560px){.kd-sw-plot{gap:3px}.kd-sw-area{height:180px}.kd-sw-col .kd-code-coins{flex-direction:column}.kd-sw-p{font-size:11px}.kd-sw-col .kd-code-d{font-size:11px;letter-spacing:0}}
.kd-attn-narrow{margin:8px 0 0;font-size:13.5px;color:var(--muted)}
.kd-race{display:grid;gap:6px;margin-block-start:12px}
.kd-race-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:15px}
.kd-race-n{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.kd-race-t{display:flex;flex-wrap:wrap;gap:4px;min-height:30px;align-items:center;padding:4px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell)}
.kd-blk{display:block;width:26px;height:22px;border-radius:3px;background:var(--ink);animation:kd-pop .25s ease-out}
.kd-blk.is-half{width:13px}
.kd-race.is-q .kd-blk,.kd-race-f.is-q{background:var(--accent)}
.kd-race-f{display:block;height:22px;border-radius:3px;background:var(--ink);width:0}
.kd-noise{position:relative;overflow:hidden;min-height:120px;display:grid;place-items:center;padding:16px 8px;border:1px solid var(--line);border-radius:4px;background:var(--kd-cell);transition:box-shadow .3s}
.kd-noise.is-wrong{box-shadow:inset 0 0 0 3px var(--kd-bad)}
.kd-noise-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:0;direction:ltr}
.kd-link{display:flex;align-items:center;justify-content:center;width:46px;height:4px;background:var(--line)}
.kd-lamp2{display:block;width:18px;height:18px;border-radius:50%;border:2px solid var(--surface)}
.kd-lamp2.is-ok{background:var(--ok)}
.kd-lamp2.is-no{background:var(--kd-bad)}
.kd-wind{position:absolute;inset-inline-start:-10px;width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.35;animation:kd-wind 4.2s linear infinite}
@keyframes kd-wind{from{transform:translateX(0)}to{transform:translateX(900px)}}
.kd-spark{position:absolute;inset-block-start:0;left:0;z-index:2;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--kd-bad)}
.kb-demo p.kd-noise-cap{margin-block-start:6px;min-height:1.5em;font-size:14px;color:var(--muted);text-align:center}
.kd-noise-stats{margin-block-start:12px}
.kd-meter-bad{background:var(--kd-bad)}
@media(prefers-reduced-motion:reduce){.kd-wind{display:none}}
.kd-clock-w{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 28px}
.kd-clock{width:min(260px,100%);height:auto;color:var(--ink)}
.kd-clock-m{fill:var(--kd-cell);stroke:var(--line);stroke-width:1.5;transition:fill .3s}
.kd-clock-m.is-loop{fill:var(--soft);stroke:var(--accent);stroke-width:2.5}
.kd-clock-m.is-now{fill:var(--accent);stroke:var(--accent)}
.kd-clock-hand{transform-origin:120px 120px;transform-box:view-box;transition:transform .7s cubic-bezier(.3,.7,.3,1)}
.kd-clock-loop{stroke:var(--accent);stroke-dasharray:5 4}
.kd-clock-side{display:grid;gap:8px;flex:1 1 200px}
.kb-demo p.kd-clock-trail{font-size:22px;font-weight:800;color:var(--ink);min-height:1.4em}
.kb-demo p.kd-clock-eq{font-size:22px;font-weight:800;color:var(--ink);line-height:1.6}
.kb-demo p.kd-clock-eq{display:grid;justify-items:start;gap:2px}.kd-clock-eq .is-final{color:var(--kd-hot)}
.kd-seen{min-height:1.5em;font-size:18px;font-weight:800;color:var(--ink);text-align:center}
.kd-seen.is-flash{animation:kd-pop .35s ease-out}
.kd-pair-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.kd-twenty{margin-block-start:14px;display:grid;gap:8px}
.kd-counts{display:flex;flex-wrap:wrap;justify-content:space-around;gap:8px 20px;font-size:16px}
.kd-bigcount{font-size:32px;font-weight:900;font-variant-numeric:tabular-nums;margin-inline-start:4px}
.kd-split{display:flex;height:16px;border-radius:8px;background:var(--soft);overflow:hidden}
.kd-split-1{display:block;height:100%;width:0;background:var(--kd-hot);transition:width .15s}
.kd-split-0{display:block;height:100%;width:0;background:var(--accent);transition:width .15s}
.kd-rows{margin-block-start:0}
.kd-legend-row i.kd-lg-strong{background:var(--accent);box-shadow:0 0 0 1.5px var(--ink)}
.kd-legend-row i.kd-lg-quiet{background:var(--surface);box-shadow:inset 0 0 0 2.5px var(--ink)}
.kd-wr-box{margin-block-start:14px;padding-block-start:10px;border-block-start:1px solid var(--line)}

/* chip-check-explosion, chip-bug-cost, chain-pull (סדרת מרוץ השבבים, 29.10.26) */
/* chip-check-explosion: מתגים, כבישים, נורה, מונה ולוח בדיקות */
.kd-ce-circuit{display:grid;justify-items:center;gap:8px;padding:16px 12px 12px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px}
.kd-ce-sw{display:flex;align-items:center;width:100%;max-width:620px}
.kd-ce-src{flex:none;width:12px;height:12px;border-radius:50%;background:var(--kd-hot)}
.kd-ce-seg{flex:1 1 8px;min-width:8px;height:7px;background:var(--kd-wall);transition:background .15s}
.kd-ce-seg.is-on{background:var(--kd-hot)}
.kd-ce-btn{flex:3 1 0;margin-inline:-1px;min-width:0;max-width:86px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 0;background:var(--surface);border:1.5px solid var(--ink);border-radius:4px;color:var(--ink);font:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.kd-ce-btn:hover{background:var(--soft)}
.kd-ce-btn[aria-pressed=true]{background:var(--kd-hot);border-color:var(--kd-hot);color:var(--kd-on-hot)}
.kd-ce-lbl{font-size:13px;font-weight:700}
/* השער: שני עמודים, ובסגור מחסום ביניהם. בפתוח המחסום מתרומם ונעלם */
.kd-ce-gate{position:relative;width:24px;height:24px;border-inline:3px solid currentColor}
.kd-ce-gate::after{content:'';position:absolute;inset-inline:2px;inset-block:2px;background:repeating-linear-gradient(0deg,currentColor 0 4px,transparent 4px 7px);transform-origin:50% 0;transition:transform .18s,opacity .18s}
.kd-ce-btn[aria-pressed=true] .kd-ce-gate::after{transform:scaleY(0);opacity:0}
.kd-ce-word{font-size:12.5px;font-weight:700;line-height:1}
.kd-ce-bulb{flex:none;width:46px}
.kd-ce-bulbsvg{display:block;width:100%;height:auto}
.kd-ce-glow{fill:var(--accent);opacity:0;transition:opacity .2s}
.kd-ce-glass{fill:var(--surface);stroke:var(--ink);stroke-width:2;transition:fill .2s}
.kd-ce-base{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}
.kb-demo p.kd-ce-flow{font-size:13.5px;line-height:1.5;color:var(--muted);text-align:center}
.kd-ce-bulb.is-on .kd-ce-glow{opacity:.28}
.kd-ce-bulb.is-on .kd-ce-glass{fill:var(--nk-fill,#f5b70b)}
.kd-ce-bulb.is-wrong .kd-ce-glow{fill:var(--kd-bad);opacity:.32}
.kd-ce-bulb.is-wrong .kd-ce-glass{stroke:var(--kd-bad);stroke-width:3}
.kd-ce-bulbtxt{font-size:16px;font-weight:700;color:var(--ink)}
.kd-ce-bulbtxt.is-wrong{color:var(--kd-bad)}
.kd-ce-count{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-block-start:14px;padding-block:10px;border-block:1px solid var(--line)}
.kd-ce-cnum{display:grid;gap:2px}
.kd-ce-clabel{font-size:14px;color:var(--muted)}
.kd-ce-n{font-size:40px;font-weight:900;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}
.kd-ce-why{font-size:14.5px;color:var(--muted)}
.kd-ce-math{display:block;white-space:nowrap;font-weight:700;color:var(--ink)}
.kd-ce-cbtns{display:flex;flex-wrap:wrap;gap:8px}
.kb-demo p.kd-ce-cap{margin-block:12px 8px;font-size:14px;line-height:1.55;color:var(--muted)}
.kd-ce-grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:4px;max-width:360px}
.kd-ce-cell{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:3px;background:var(--kd-cell)}
.kd-ce-cell.is-ok{background:var(--kd-hot);border-color:var(--kd-hot)}
.kd-ce-cell.is-ok::after{content:'';position:absolute;inset-inline-start:36%;inset-block-start:16%;width:24%;height:46%;border:solid var(--kd-on-hot);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.kd-ce-cell.is-bad,.kd-ce-cell.is-bug{background:var(--kd-bad);border-color:var(--kd-bad)}
.kd-ce-cell.is-bad::before,.kd-ce-cell.is-bad::after,.kd-ce-cell.is-bug::before,.kd-ce-cell.is-bug::after{content:'';position:absolute;inset-inline-start:20%;inset-block-start:calc(50% - 1.25px);width:60%;height:2.5px;background:var(--surface);transform:rotate(45deg)}
.kd-ce-cell.is-bad::after,.kd-ce-cell.is-bug::after{transform:rotate(-45deg)}
.kd-ce-cell.is-bug{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--kd-bad)}
.kd-ce-cell.is-now{outline:2.5px solid var(--ink);outline-offset:1px}
.kd-ce-scale{margin-block-start:14px;padding:14px 16px;background:var(--soft);border-radius:4px}
.kb-demo p.kd-ce-sq{font-size:15.5px;line-height:1.55}
.kb-demo p.kd-ce-sbig{margin-block:6px;font-size:clamp(20px,5.2vw,30px);font-weight:900;line-height:1.2;color:var(--ink);overflow-wrap:anywhere}
.kb-demo p.kd-ce-sline{font-size:16px;line-height:1.6}
.kb-demo p.kd-ce-smark{margin-block-start:6px;font-size:13.5px;color:var(--muted)}
@media(max-width:420px){.kd-ce-circuit{padding-inline:8px}.kd-ce-btn{min-height:76px}.kd-ce-gate{width:20px;height:20px}.kd-ce-word{font-size:11.5px}.kd-ce-bulb{width:38px}.kd-ce-n{font-size:34px}}

/* chip-bug-cost: שישה שלבים, חרק, חץ אחורה */
.kd-bc-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 6px}
.kd-bc-cell{display:grid;grid-template-rows:1fr auto;gap:8px}
.kd-bc-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:150px;padding:10px 10px 30px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:background .15s,border-color .15s}
.kd-bc-tile:hover{border-color:var(--ink)}
.kd-bc-num{font-size:13px;font-weight:700;color:var(--muted)}
.kd-bc-name{font-size:15px;font-weight:800;line-height:1.3}
.kd-bc-does{font-size:13px;line-height:1.45;color:var(--muted)}
.kd-bc-tag{position:absolute;inset-inline:10px;inset-block-end:8px;font-size:12.5px;font-weight:700;color:var(--kd-bad)}
.kd-bc-bug{position:absolute;inset-inline-end:8px;inset-block-start:8px;color:var(--kd-bad);opacity:0;transform:scale(.6);transition:opacity .18s,transform .22s cubic-bezier(.2,.9,.3,1.3)}
.kd-bc-cell.is-here .kd-bc-bug{opacity:1;transform:none}
.kd-bc-cell.is-here .kd-bc-tile{border-color:var(--kd-bad);box-shadow:inset 0 0 0 1.5px var(--kd-bad)}
.kd-bc-cell.is-redo .kd-bc-tile{background:repeating-linear-gradient(135deg,var(--kd-cell) 0 8px,color-mix(in srgb,var(--kd-bad) 13%,var(--kd-cell)) 8px 16px)}
.kd-bc-cell.is-start .kd-bc-tile{border-color:var(--kd-hot);box-shadow:inset 0 0 0 1.5px var(--kd-hot)}
.kd-bc-cell.is-start .kd-bc-tag{color:var(--kd-hot)}
/* החץ: פס רציף מתחת לשלבים, מהשלב שבו התגלה ועד התוכנית, עם ראש חץ בתוכנית */
.kd-bc-track{position:relative;height:14px;margin-inline:-3px}
.kd-bc-cell.is-back .kd-bc-track::before{content:'';position:absolute;inset-inline:0;inset-block-start:5px;height:4px;background:var(--kd-hot);border-radius:2px}
.kd-bc-cell.is-end .kd-bc-track::before{inset-inline-end:50%}
.kd-bc-cell.is-start .kd-bc-track::before{inset-inline-start:10px}
.kd-bc-cell.is-start .kd-bc-track::after{content:'';position:absolute;inset-inline-start:0;inset-block-start:0;border-block:7px solid transparent;border-inline-end:13px solid var(--kd-hot)}
.kb-demo p.kd-bc-legend{display:flex;flex-wrap:wrap;gap:4px 18px;margin-block-start:10px;font-size:13.5px;color:var(--muted)}
.kd-bc-lg{display:inline-flex;align-items:center;gap:7px}
.kd-bc-lg i{display:inline-block}
.kd-bc-lg-arrow{width:22px;height:4px;background:var(--kd-hot);border-radius:2px}
.kd-bc-lg-waste{width:16px;height:16px;border:1px solid var(--line);border-radius:3px;background:repeating-linear-gradient(135deg,var(--kd-cell) 0 4px,color-mix(in srgb,var(--kd-bad) 30%,var(--kd-cell)) 4px 8px)}
.kd-bc-meter{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-block-start:12px;padding-block:10px;border-block:1px solid var(--line)}
.kd-bc-ml{font-size:14.5px;color:var(--muted)}
.kd-bc-ww{font-size:22px;font-weight:900;color:var(--kd-bad)}
.kd-bc-meter.is-0 .kd-bc-ww{color:var(--kd-hot)}
.kd-bc-wn{font-size:14.5px;font-weight:600;color:var(--ink)}
.kb-demo p.kd-bc-src{margin-block-start:8px;font-size:13px;line-height:1.5;color:var(--muted)}
@media(max-width:720px){
  .kd-bc-row{grid-template-columns:1fr;gap:6px 0}
  .kd-bc-cell{grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto;gap:0 8px}
  .kd-bc-tile{grid-column:2;grid-row:1;min-height:0;padding-block:9px;padding-inline:12px 40px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:baseline}
  .kd-bc-does,.kd-bc-tag{grid-column:2}
  .kd-bc-tag{position:static}
  .kd-bc-tag:empty{display:none}
  .kd-bc-track{grid-column:1;grid-row:1;height:auto;margin:-3px 0}
  .kd-bc-cell.is-back .kd-bc-track::before{inset-inline:7px auto;inset-block:-4px;width:4px;height:auto;border-radius:0}
  .kd-bc-cell.is-end .kd-bc-track::before{inset-block-end:50%}
  .kd-bc-cell.is-start .kd-bc-track::before{inset-block-start:12px;inset-inline-start:7px}
  .kd-bc-cell.is-start .kd-bc-track::after{inset-inline-start:2px;border-block:0;border-inline:7px solid transparent;border-block-end:13px solid var(--kd-hot)}
}

/* chain-pull: מפה של חוליות עם חצים, הוצאה של חוליה ומה שנעצר */
.kd-cp-map{position:relative}
.kd-cp-wires{position:absolute;inset:0;pointer-events:none;overflow:visible}
.kd-cp-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
.kd-cp-link{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:var(--surface);border:1.5px solid var(--ink);border-radius:5px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:background .2s,border-color .2s}
.kd-cp-link:hover{background:var(--soft)}
.kd-cp-name{font-size:16px;font-weight:800;line-height:1.3}
.kd-cp-who{font-size:14px;font-weight:600;color:var(--kd-hot)}
.kd-cp-does{margin-block-start:2px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.kd-cp-count{margin-block-start:4px;font-size:13px;color:var(--muted)}
.kd-cp-count b{color:var(--ink)}
.kd-cp-state{font-size:13.5px;font-weight:700;line-height:1.4}
.kd-cp-state:empty{display:none}
.kd-cp-link.is-out{border-style:dashed;border-color:var(--kd-bad);background:var(--kd-cell)}
.kd-cp-link.is-out>span:not(.kd-cp-state){opacity:.4}
.kd-cp-link.is-out .kd-cp-state{color:var(--kd-bad)}
.kd-cp-link.is-stop{border-color:var(--line);background:var(--kd-cell)}
.kd-cp-link.is-stop>span:not(.kd-cp-state){opacity:.42}
.kd-cp-link.is-stop .kd-cp-state{color:var(--ink)}
.kd-cp-wire{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.kd-cp-wire.is-dead{stroke:var(--muted);stroke-dasharray:4 5;opacity:.45}
@media(max-width:420px){.kd-cp-grid{gap:28px 8px}.kd-cp-link{padding:8px 9px}.kd-cp-name{font-size:15px}.kd-cp-does{font-size:13px}}
@media(prefers-reduced-motion:reduce){.kd-bc-bug{transition:none}}
.kd-coincol{display:grid;justify-items:center;gap:4px}
.kd-badtag{font-size:12.5px;font-weight:800;color:var(--kd-bad)}
.kd-coin.is-bad{background:color-mix(in srgb,var(--kd-bad) 22%,var(--soft))}

/* ---------- silicon-doping, transistor-gate, litho-stencil (מאמר הסיליקון) ו-desk-and-cabinet, dram-refresh, flash-cage, ai-desk-size (מאמר הזיכרון), 29.10.26 ----------
   ציורי SVG גדולים בצבעי הטוקנים, כך שבהיר וכהה מתחלפים לבד. מקרא בשורה מתחת לכל ציור */
.kd-sd-art,.kd-tg-art,.kd-ls-art{padding:8px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px}
.kd-sd-svg,.kd-tg-svg,.kd-ls-svg{display:block;width:100%;height:auto;font-family:inherit;overflow:visible;direction:ltr}
/* הציורים בקואורדינטות פיזיות: text-anchor ימין/שמאל כמו בציור, והעברית עדיין נקראת נכון */
.kd-sd-svg text,.kd-tg-svg text,.kd-ls-svg text{font-family:inherit}
.kb-demo p.kd-sd-legend,.kb-demo p.kd-ls-legend,.kb-demo p.kd-tg-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-block-start:10px;font-size:14px;line-height:1.5;color:var(--muted)}
.kd-sd-legend span,.kd-ls-legend span,.kd-tg-legend span{display:inline-flex;align-items:center;gap:7px}
.kd-sd-legend i,.kd-ls-legend i,.kd-tg-legend i{display:inline-block;flex-shrink:0}

/* silicon-doping: אטומים, ידיים ואלקטרונים */
.kd-sd-pick{margin-block-end:12px}
.kd-sd-pick .kd-btn,.kd-ai-pick .kd-btn{min-height:44px}
.kd-sd-bond{stroke:var(--kd-wall);stroke-width:3;stroke-linecap:round}
.kd-sd-e{fill:var(--ink)}
.kd-sd-atom{fill:var(--surface);stroke:var(--ink);stroke-width:2}
.kd-sd-atom.is-p{fill:var(--kd-hot);stroke:var(--kd-hot)}
.kd-sd-atom.is-b{fill:var(--accent);stroke:var(--accent)}
.kd-sd-alabel{font-size:18px;font-weight:800;fill:var(--kd-on-hot)}
.kd-sd-free{fill:var(--kd-hot);stroke:var(--surface);stroke-width:2}
.kd-sd-halo{fill:var(--kd-hot-soft)}
.kd-sd-hole{fill:var(--surface);stroke:var(--kd-bad);stroke-width:3}
.kd-sd-bat{opacity:.4;transition:opacity .2s}
.kd-sd-bat.is-on{opacity:1}
.kd-sd-wire{fill:none;stroke:var(--muted);stroke-width:2.5;stroke-dasharray:6 6}
.kd-sd-bat.is-on .kd-sd-wire{stroke:var(--ink);stroke-dasharray:none}
.kd-sd-cell-l{stroke:var(--ink);stroke-width:3}
.kd-sd-cell-s{stroke:var(--ink);stroke-width:7}
.kd-sd-plate{fill:var(--muted)}
.kd-sd-bat.is-on .kd-sd-plate{fill:var(--ink)}
.kd-sd-sign{font-size:19px;font-weight:800;fill:var(--ink)}
.kd-sd-sign.is-sym{font-size:28px;font-weight:900}
.kd-sd-arrow path{fill:none;stroke:var(--kd-hot);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.kd-sd-arrow text{font-size:16px;font-weight:800;fill:var(--kd-hot);paint-order:stroke;stroke:var(--kd-cell);stroke-width:6px;stroke-linejoin:round}
.kd-sd-arrow.is-h path{stroke:var(--kd-bad)}
.kd-sd-arrow.is-h text{fill:var(--kd-bad)}
.kb-demo p.kd-sd-amprow{margin-block-start:10px;font-size:16px;font-weight:600}
.kd-sd-amp{font-weight:800;color:var(--muted)}
.kd-sd-amprow.is-on .kd-sd-amp{color:var(--kd-hot)}
.kd-sd-ampwhy{display:block;font-size:15px;font-weight:500;color:var(--muted)}
.kd-sd-amprow.is-on .kd-sd-ampwhy{color:var(--ink)}
/* בנייד הציור קטן פי 2 בערך: הכתובים בתוכו גדלים כדי להישאר קריאים */
@media(max-width:600px){.kd-sd-alabel{font-size:23px}.kd-sd-sign{font-size:26px}.kd-tg-plbl,.kd-tg-glbl{font-size:25px}.kd-tg-lbl,.kd-tg-roadlbl,.kd-tg-flow text,.kd-fc-push text{font-size:21px}.kd-tg-small{font-size:19px}.kd-fc-clbl{font-size:22px}.kd-ls-lbl{font-size:26px}}
.kd-sd-lg-atom{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);background:var(--surface)}
.kd-sd-lg-e{width:8px;height:8px;border-radius:50%;background:var(--ink)}
.kd-sd-lg-bond{width:20px;height:3px;border-radius:2px;background:var(--kd-wall)}
.kd-sd-lg-free{width:14px;height:14px;border-radius:50%;background:var(--kd-hot)}
.kd-sd-lg-hole{width:14px;height:14px;border-radius:50%;border:3px solid var(--kd-bad);background:var(--surface)}

/* transistor-gate ו-flash-cage: חתך צד של מתג, חוט, נורה וסוללה */
.kb-demo p.kd-tg-state{display:inline-block;margin-block-end:10px;padding:3px 14px;border:1.5px solid var(--ink);border-radius:999px;font-size:15.5px;font-weight:800;transition:background .2s,color .2s}
.kb-demo p.kd-tg-state.is-open{background:var(--kd-hot);border-color:var(--kd-hot);color:var(--kd-on-hot)}
.kd-btn.kd-tg-btn{min-width:180px;min-height:50px;font-size:17px}
.kd-tg-si{fill:color-mix(in srgb,var(--kd-wall) 22%,var(--kd-cell));stroke:var(--line)}
.kd-tg-lbl{font-size:18px;font-weight:700;fill:var(--muted)}
.kd-tg-pool{fill:color-mix(in srgb,var(--kd-hot) 15%,var(--kd-cell));stroke:var(--kd-hot);stroke-width:1.5}
.kd-tg-plbl{font-size:19px;font-weight:800;fill:var(--ink)}
.kd-tg-e{fill:var(--kd-hot)}
.kd-tg-road{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:5 5}
.kd-tg-roadlbl{font-size:16px;font-weight:600;fill:var(--muted);transition:opacity .2s}
.kd-tg-flow{opacity:0;transition:opacity .25s}
.kd-tg-flow path{fill:none;stroke:var(--kd-hot);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.kd-tg-flow text{font-size:16px;font-weight:800;fill:var(--kd-hot)}
.kd-tg-svg.is-lit .kd-tg-flow{opacity:1}
.kd-tg-svg.is-lit .kd-tg-roadlbl{opacity:0}
.kd-tg-ins{fill:color-mix(in srgb,var(--accent) 45%,var(--surface));stroke:var(--accent);stroke-width:1.2}
.kd-tg-lead{stroke:var(--muted);stroke-width:1.5}
.kd-tg-small{font-size:15px;font-weight:600;fill:var(--muted)}
.kd-tg-gate{fill:var(--surface);stroke:var(--ink);stroke-width:2;transition:fill .2s,stroke .2s}
.kd-tg-svg.is-gate .kd-tg-gate{fill:var(--kd-hot-soft);stroke:var(--kd-hot);stroke-width:3}
.kd-tg-glbl{font-size:20px;font-weight:800;fill:var(--ink)}
.kd-tg-plus path{fill:none;stroke:var(--kd-hot);stroke-width:3;stroke-linecap:round;opacity:0;transition:opacity .2s}
.kd-tg-svg.is-gate .kd-tg-plus path{opacity:1}
.kd-tg-gwire{stroke:var(--muted);stroke-width:2.5}
.kd-tg-gterm{fill:var(--surface);stroke:var(--ink);stroke-width:2}
.kd-tg-svg.is-gate .kd-tg-gwire{stroke:var(--kd-hot)}
.kd-tg-svg.is-gate .kd-tg-gterm{fill:var(--kd-hot);stroke:var(--kd-hot)}
.kd-tg-wire{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round;transition:stroke .2s}
.kd-tg-svg.is-lit .kd-tg-wire{stroke:var(--kd-hot)}
.kd-tg-batl{stroke:var(--ink);stroke-width:3}
.kd-tg-bats{stroke:var(--ink);stroke-width:7}
.kd-tg-glow{fill:var(--accent);opacity:0;transition:opacity .25s}
.kd-tg-glass{fill:var(--surface);stroke:var(--ink);stroke-width:2;transition:fill .25s}
.kd-tg-fil{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}
.kd-tg-svg.is-lit .kd-tg-glow{opacity:.32}
.kd-tg-svg.is-lit .kd-tg-glass{fill:var(--nk-fill)}
.kd-tg-digit{font-size:56px;font-weight:900;fill:var(--ink)}
.kd-tg-svg.is-lit .kd-tg-digit{fill:var(--kd-hot)}
.kd-tg-lg-e{width:10px;height:10px;border-radius:50%;background:var(--kd-hot)}
.kd-tg-lg-pool{width:16px;height:12px;border-radius:2px;background:color-mix(in srgb,var(--kd-hot) 15%,var(--kd-cell));border:1.5px solid var(--kd-hot)}
.kd-tg-lg-ins{width:16px;height:8px;border-radius:1px;background:color-mix(in srgb,var(--accent) 45%,var(--surface));border:1px solid var(--accent)}
/* flash-cage: קיר, כלוב, דחיפה ודחייה. בלי חשמל הכול מאפיר חוץ מהאלקטרונים הנעולים */
.kb-demo p.kd-fc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:10px}
.kd-fc-chip{padding:3px 12px;border:1.5px solid var(--ink);border-radius:999px;font-size:14.5px;font-weight:800}
.kd-fc-chip.is-full{background:var(--kd-hot);border-color:var(--kd-hot);color:var(--kd-on-hot)}
.kd-fc-chip.is-off{border-color:var(--kd-bad);color:var(--kd-bad)}
.kd-fc-wall{fill:color-mix(in srgb,var(--accent) 45%,var(--surface));stroke:var(--accent);stroke-width:1.5}
.kd-fc-cage{fill:var(--kd-cell);stroke:var(--ink);stroke-width:2}
.kd-fc-clbl{font-size:17px;font-weight:800;fill:var(--ink)}
.kd-tg-e.is-lock{stroke:var(--surface);stroke-width:1.5}
.kd-fc-push path{fill:none;stroke:var(--kd-hot);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.kd-fc-push text{font-size:16px;font-weight:800;fill:var(--kd-hot)}
.kd-fc-push.is-blink{animation:kd-fc-blink .42s ease-in-out infinite alternate}
@keyframes kd-fc-blink{from{opacity:1}to{opacity:.3}}
.kd-fc-repel path{fill:none;stroke:var(--kd-bad);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .2s}
.kd-tg-svg.is-repel .kd-fc-repel path{opacity:1}
.kd-tg-svg.is-off .kd-tg-wire,.kd-tg-svg.is-off .kd-tg-gwire{stroke:var(--muted);stroke-dasharray:6 6}
.kd-tg-svg.is-off .kd-tg-pool,.kd-tg-svg.is-off .kd-tg-gate,.kd-tg-svg.is-off .kd-tg-bulb,.kd-tg-svg.is-off .kd-tg-batl,.kd-tg-svg.is-off .kd-tg-bats,.kd-tg-svg.is-off .kd-tg-gterm,.kd-tg-svg.is-off .kd-tg-e:not(.is-lock){opacity:.38}
.kd-tg-svg.is-off .kd-tg-si{fill:color-mix(in srgb,var(--muted) 18%,var(--kd-cell))}

/* litho-stencil: המסכה (שורת חלונות באותם טורים כמו הציור), שכבות, אור וריסוס */
.kb-demo .kd-ls-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 14px}
.kb-demo p.kd-ls-head{font-size:20px;font-weight:900;line-height:1.3}
.kd-ls-n{display:block;font-size:15px;font-weight:800;color:var(--kd-hot)}
.kd-ls-layer{padding:2px 12px;border:1px solid var(--ink);border-radius:999px;font-size:14px;font-weight:700}
.kb-demo p.kd-ls-cap{margin-block:12px 6px;font-size:14px;color:var(--muted)}
.kd-ls-mask{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));direction:ltr;padding-block:6px;background:#062b34;border-radius:3px;margin-block-end:2px}
.kd-ls-wcell{display:grid;place-items:center}
.kd-ls-win{width:72%;min-height:44px;padding:0;background:#062b34;border:1.5px solid rgba(238,246,248,.35);border-radius:2px;cursor:pointer;transition:background .15s}
.kd-ls-win:hover{border-color:#eef6f8}
.kd-ls-win[aria-pressed=true]{background:#fffbe6;border-color:#fffbe6}
.kd-ls-win:disabled{cursor:default}
.kd-ls-mask.is-locked .kd-ls-win:hover{border-color:rgba(238,246,248,.35)}
.kd-ls-mask.is-locked .kd-ls-win[aria-pressed=true]:hover{border-color:#fffbe6}
.kd-ls-si{fill:color-mix(in srgb,var(--kd-wall) 32%,var(--kd-cell))}
.kd-ls-lbl{font-size:20px;font-weight:700;fill:var(--ink)}
.kd-ls-L0 :is(.kd-ls-mat,.kd-ls-cut){fill:var(--kd-hot)}
.kd-ls-L1 :is(.kd-ls-mat,.kd-ls-cut){fill:color-mix(in srgb,var(--ink) 45%,var(--kd-cell))}
.kd-ls-L2 :is(.kd-ls-mat,.kd-ls-cut){fill:color-mix(in srgb,var(--kd-hot) 45%,var(--kd-cell))}
.kd-ls-res{fill:var(--accent)}
.kd-ls-exp{fill:color-mix(in srgb,var(--accent) 22%,var(--kd-cell));stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 3}
.kd-ls-ray{fill:#ffe680;opacity:.6}
.kd-ls-dope,.kd-ls-drop.is-dope{fill:var(--surface);stroke:var(--ink);stroke-width:1.6}
.kd-ls-drop.is-gas{fill:var(--muted)}
.kd-ls-lg-si{width:16px;height:12px;border-radius:2px;background:color-mix(in srgb,var(--kd-wall) 32%,var(--kd-cell));border:1px solid var(--line)}
.kd-ls-lg-L0{width:16px;height:12px;border-radius:2px;background:var(--kd-hot)}
.kd-ls-lg-L1{width:16px;height:12px;border-radius:2px;background:color-mix(in srgb,var(--ink) 45%,var(--kd-cell))}
.kd-ls-lg-L2{width:16px;height:12px;border-radius:2px;background:color-mix(in srgb,var(--kd-hot) 45%,var(--kd-cell))}
.kd-ls-lg-res{width:16px;height:12px;border-radius:2px;background:var(--accent)}
.kd-ls-lg-exp{width:16px;height:12px;border-radius:2px;background:color-mix(in srgb,var(--accent) 22%,var(--kd-cell));border:1.5px dashed var(--accent)}
.kd-ls-lg-dope{width:10px;height:10px;border-radius:50%;background:var(--surface);border:1.6px solid var(--ink)}
.kd-ls-svg .is-spread{transform-box:fill-box;transform-origin:100% 50%;animation:kd-ls-spread .9s cubic-bezier(.3,.7,.2,1) both}
.kd-ls-svg .is-shine{transform-box:fill-box;transform-origin:50% 0;animation:kd-ls-shine .6s ease-out both}
.kd-ls-svg .is-fade{animation:kd-ls-in .5s ease-out both}
.kd-ls-svg .is-wash{animation:kd-ls-wash .8s ease-in both}
.kd-ls-svg .is-eaten{animation:kd-ls-out .7s ease-in both}
.kd-ls-svg .is-in{animation:kd-ls-in .35s ease-out both}
.kd-ls-svg .is-new{animation:kd-ls-in .6s ease-out both}
.kd-ls-svg .is-off{animation:kd-ls-wash .8s ease-in both}
.kd-ls-svg .is-fall{animation:kd-ls-fall .9s cubic-bezier(.5,0,.8,.6) both}
@keyframes kd-ls-spread{from{transform:scaleX(0)}to{transform:none}}
@keyframes kd-ls-shine{from{transform:scaleY(0);opacity:0}to{transform:none;opacity:.6}}
@keyframes kd-ls-in{from{opacity:0}to{opacity:1}}
@keyframes kd-ls-out{from{opacity:1}to{opacity:0}}
@keyframes kd-ls-wash{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}
@keyframes kd-ls-fall{0%{transform:translateY(var(--fall));opacity:1}85%{opacity:1}100%{transform:none;opacity:0}}

/* desk-and-cabinet: שני לוחות, מסמך שעובר ביניהם, והשולחן שמחשיך בהפסקת חשמל */
.kd-dc-room{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kd-dc-panel{position:relative;display:flex;flex-direction:column;padding:12px 14px 14px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px}
.kb-demo p.kd-dc-name{font-size:16.5px;font-weight:800}
.kb-demo p.kd-dc-sub{font-size:13.5px;line-height:1.5;color:var(--muted)}
.kd-dc-body{position:relative;flex:1;display:grid;place-items:center;min-height:150px;margin-block-start:12px;padding:12px}
.is-cab .kd-dc-body{border:2.5px solid var(--ink);border-radius:4px;background:var(--soft)}
.is-cab .kd-dc-body::before{content:'';position:absolute;inset-block-start:6px;inset-inline-start:50%;width:28px;height:4px;margin-inline-start:-14px;border-radius:2px;background:var(--ink);opacity:.55}
.is-desk .kd-dc-body{margin-block-end:22px;border-block-end:7px solid var(--ink)}
.is-desk .kd-dc-body::before,.is-desk .kd-dc-body::after{content:'';position:absolute;inset-block-end:-29px;width:7px;height:22px;background:var(--ink)}
.is-desk .kd-dc-body::before{inset-inline-start:10%}
.is-desk .kd-dc-body::after{inset-inline-end:10%}
.kd-dc-doc{position:relative;width:100%;max-width:240px;padding:10px 12px 12px;background:var(--surface);border:1px solid var(--ink);border-radius:3px;box-shadow:6px 8px 18px -12px rgba(6,43,52,.45)}
.kb-demo p.kd-dc-doct{margin-block-end:4px;font-size:15px;font-weight:800}
.kb-demo p.kd-dc-line{font-size:14.5px;line-height:1.6;color:var(--ink)}
.kb-demo p.kd-dc-line.is-new{font-weight:700;color:var(--kd-hot)}
.kd-dc-tag{display:inline-block;margin-block-start:6px;padding:1px 9px;border-radius:999px;background:var(--kd-bad);color:var(--surface);font-size:12.5px;font-weight:800}
.kb-demo p.kd-dc-empty{font-size:15px;color:var(--muted)}
.kd-dc-doc.is-flash{animation:kd-dc-flash .9s ease-out}
@keyframes kd-dc-flash{from{box-shadow:0 0 0 5px var(--accent)}to{box-shadow:6px 8px 18px -12px rgba(6,43,52,.45)}}
.kd-dc-doc.is-vanish{animation:kd-dc-vanish .45s ease-in both}
@keyframes kd-dc-vanish{to{opacity:0;transform:scale(.92)}}
.kd-dc-ghost{position:absolute;z-index:3;margin:0;pointer-events:none}
.kd-dc-dark{position:absolute;inset:0;display:grid;place-items:center;border-radius:4px;background:rgba(4,22,27,.78);color:#eef6f8;font-size:18px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .35s}
.kd-dc-panel.is-off .kd-dc-dark{opacity:1}
@media(max-width:560px){.kd-dc-room{grid-template-columns:1fr}.kd-dc-body{min-height:120px}}

/* dram-refresh: שמונה כוסות, קו באמצע, פס רענון */
.kd-dr-row{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;direction:ltr}
.kd-dr-cup{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 0 6px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;cursor:pointer}
.kd-dr-cup:hover{border-color:var(--ink)}
.kd-dr-cup:disabled{cursor:default}
.kd-dr-w{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.kd-dr-glass{position:relative;width:76%;max-width:48px;height:clamp(58px,13vw,86px);border:2.5px solid var(--ink);border-block-start:0;border-radius:0 0 9px 9px;background:var(--surface);overflow:hidden}
.kd-dr-water{position:absolute;inset-inline:0;inset-block-end:0;background:var(--kd-hot)}
.kd-dr-line{position:absolute;inset-inline:0;inset-block-start:50%;border-block-start:2px dashed var(--accent)}
.kd-dr-dig{font-size:clamp(20px,4.6vw,28px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--muted)}
.kd-dr-cup.is-1 .kd-dr-dig{color:var(--kd-hot)}
.kd-dr-scan{position:absolute;inset-block:-4px;inset-inline-start:0;border:3px solid var(--accent);border-radius:5px;opacity:0;pointer-events:none;transition:opacity .2s}
.kd-dr-scan.is-on{opacity:1}
.kb-demo p.kd-dr-key{display:flex;align-items:center;gap:8px;margin-block-start:10px;font-size:14px;color:var(--muted)}
.kd-dr-key-line{display:inline-block;width:26px;border-block-start:2px dashed var(--accent)}
.kd-dr-read{display:grid;gap:2px;margin-block-start:12px;padding-block:10px;border-block:1px solid var(--line)}
.kd-dr-rl{font-size:14px;color:var(--muted)}
.kb-demo p.kd-dr-eq{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:20px;font-weight:700}
.kd-dr-bits bdi{letter-spacing:.06em}
.kd-dr-chr{font-size:40px;font-weight:900;line-height:1.1;color:var(--kd-hot)}
.kd-dr-chr.is-none{font-size:20px;color:var(--muted)}

/* ai-desk-size: ריבועים של 8 ג'יגה, סרגל אחד לכולם */
.kd-ai-pick .kd-btn{flex:1 1 0;min-width:0;flex-direction:column;gap:2px;padding-inline:8px}
.kd-ai-pn{font-size:15px;font-weight:800}
.kd-ai-ps{font-size:12.5px;font-weight:500;color:var(--muted)}
.kd-ai-row{--q:clamp(13px,3.4vw,18px);margin-block-start:14px}
.kb-demo p.kd-ai-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-block-end:7px;font-size:15.5px;font-weight:700}
.kd-ai-val{font-weight:600;color:var(--muted)}
.is-model .kd-ai-h{font-size:17px}
.is-model .kd-ai-val{font-weight:800;color:var(--kd-hot)}
.kd-ai-grid{display:flex;flex-wrap:wrap;gap:3px}
.kd-ai-sq{display:block;position:relative;width:var(--q);height:var(--q);border-radius:2px;overflow:hidden}
.is-model .kd-ai-sq{background:var(--kd-hot)}
.is-desk .kd-ai-sq{box-shadow:inset 0 0 0 1.5px var(--ink)}
.is-model .kd-ai-sq.is-part{background:var(--kd-hot-soft)}
.kd-ai-sq.is-part b{position:absolute;inset-block:0;inset-inline-start:0}
.is-model .kd-ai-sq.is-part b{background:var(--kd-hot)}
.is-desk .kd-ai-sq.is-part b{background:color-mix(in srgb,var(--ink) 18%,transparent)}
.kd-ai-sq.is-pop{animation:kd-pop .28s ease-out both}
.kb-demo p.kd-ai-sub{margin-block-start:18px;padding-block-start:10px;border-block-start:1px solid var(--line);font-size:14px;color:var(--muted)}
.kd-ai-row.is-enough .kd-ai-h::after{content:'מספיק לו';padding:0 9px;border-radius:999px;background:var(--ok);color:var(--surface);font-size:12.5px;font-weight:800;line-height:1.7}
.kd-sw-avgmove .kd-sw-avg{transition:inset-block-start 1s ease}

/* experts-light: תערובת מומחים כבית חולים. שאלה נכנסת, התורן מדליק 8 מתוך 256, ומונה לפי פרמטרים */
.kd-el-wrap{display:grid;gap:18px}
.kb-demo p.kd-el-h{margin-block-end:7px;font-size:14.5px;font-weight:700;color:var(--ink)}
.kb-demo p.kd-el-h2{margin-block-start:12px}
.kd-el-side{display:grid;align-content:start;min-width:0}
.kd-el-qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-block-end:12px}
.kd-el-qs .kd-btn{min-height:40px;padding:6px 11px;font-size:14.5px;font-weight:600;text-align:start}
.kd-el-words{display:flex;flex-wrap:wrap;gap:5px;margin-block-end:14px;min-height:38px}
.kd-el-word{min-height:38px;padding:4px 10px;background:var(--kd-cell);color:var(--ink);border:1px solid var(--line);border-radius:3px;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.kd-el-word:hover{border-color:var(--ink)}
.kd-el-word.is-done{color:var(--muted)}
.kd-el-word[aria-pressed=true]{background:var(--kd-hot);border-color:var(--kd-hot);color:var(--kd-on-hot)}
.kd-el-router{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:4px}
.kd-el-ricon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:4px;background:var(--kd-hot-soft);color:var(--kd-hot);transition:background .2s,color .2s}
.kd-el-router.is-ping .kd-el-ricon{animation:kd-el-ping .6s ease-out}
.kd-el-is-dense .kd-el-ricon{background:var(--kd-cell);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.kb-demo p.kd-el-rname{font-size:15px;font-weight:800;line-height:1.4}
.kb-demo p.kd-el-rdef{font-size:13.5px;line-height:1.5;color:var(--muted)}
.kb-demo p.kd-el-rtxt{margin-block-start:3px;font-size:15px;line-height:1.5}
.kd-el-count{margin-block-start:12px;padding-block-start:10px;border-block-start:1px solid var(--line)}
.kb-demo p.kd-el-ch{font-size:14.5px;font-weight:700}
.kb-demo p.kd-el-big{margin-block-start:2px;font-size:28px;font-weight:900;line-height:1.2;color:var(--kd-hot)}
.kb-demo p.kd-el-ct{font-size:14px;line-height:1.55;color:var(--muted)}
.kd-el-18{display:flex;gap:3px;margin-block:10px 6px}
.kd-el-18 span{flex:1 1 0;height:16px;border-radius:2px;background:var(--kd-cell);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s}
.kd-el-18 span.is-on{background:var(--kd-hot);box-shadow:none}
.kd-el-board{min-width:0}
.kd-el-shared{display:flex;align-items:center;gap:10px;margin-block-end:8px;font-size:14px;line-height:1.5;color:var(--muted)}
.kb-demo .kd-el-shared p{font-size:14px;line-height:1.5}
.kd-el-shared b{color:var(--ink)}
.kd-el-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;max-width:400px}
.kd-el-cell{display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:2px;background:var(--kd-cell);box-shadow:inset 0 0 0 1px var(--line);font-size:10.5px;font-weight:800;line-height:1;color:var(--kd-on-hot);font-variant-numeric:tabular-nums;transition:background .2s}
.kd-el-cell.is-on{background:var(--kd-hot);box-shadow:none}
.kd-el-cell.is-was{box-shadow:inset 0 0 0 2px var(--kd-hot)}
.kd-el-cell.is-pop{animation:kd-pop .3s ease-out both}
.kd-el-cell.is-shared{flex-shrink:0;width:26px;box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--kd-hot)}
.kb-demo p.kd-el-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-block-start:8px;font-size:13px;color:var(--muted)}
.kd-el-legend span{display:inline-flex;align-items:center;gap:6px}
.kd-el-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;background:var(--kd-cell);box-shadow:inset 0 0 0 1px var(--line)}
.kd-el-legend i.is-on{background:var(--kd-hot);box-shadow:none}
.kd-el-legend i.is-was{box-shadow:inset 0 0 0 2px var(--kd-hot)}
.kd-el-is-dense .kd-el-legend span:nth-child(3){visibility:hidden}
.kd-el-names{display:flex;flex-wrap:wrap;gap:4px;min-height:30px}
.kd-el-name{display:inline-flex;align-items:center;gap:5px;padding-block:1px;padding-inline:3px 7px;border:1px solid var(--line);border-radius:3px;font-size:13.5px;line-height:1.55;color:var(--ink)}
.kd-el-name b{display:grid;place-items:center;width:19px;height:19px;border-radius:2px;background:var(--kd-hot);color:var(--kd-on-hot);font-size:11px;font-variant-numeric:tabular-nums}
.kb-demo p.kd-el-all{font-size:14.5px;font-weight:700;color:var(--ink)}
.kb-demo p.kd-el-cap{margin-block-start:8px;font-size:13.5px;line-height:1.55;color:var(--muted)}
@keyframes kd-el-ping{0%{box-shadow:0 0 0 0 var(--kd-hot)}100%{box-shadow:0 0 0 9px transparent}}
@media(min-width:900px){.kd-el-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}}
@media(max-width:899px){.kd-el-wrap{gap:0}.kd-el-side{display:contents}.kd-el-board{order:1;margin-block:14px}.kd-el-count{order:2;margin-block-start:0}.kb-demo .kd-el-ctl{order:3}}
@media(max-width:600px){.kd-el-grid{gap:2px}.kd-el-cell{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.kd-el-cell.is-pop,.kd-el-router.is-ping .kd-el-ricon{animation:none}}

/* multi-stamp (מאמר 13): הטבעה חוזרת. חותמת עבה שמוזזת בין הטבעות, מול חותמת דקה בהטבעה אחת */
.kd-ms{display:grid;gap:14px}
.kd-ms-pair{display:grid;gap:12px;min-width:0}
.kd-ms-row{min-width:0}
.kb-demo p.kd-ms-key{font-size:13.5px;line-height:1.5;color:var(--muted)}
.kb-demo p.kd-ms-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-block-end:6px}
.kd-ms-name{font-size:15.5px;font-weight:800;margin-inline-end:auto}
.kd-ms-chip{padding:1px 10px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--muted)}
.kd-ms-art{padding:6px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px;transition:border-color .2s}
.kd-ms-row.is-touch .kd-ms-art{border-color:var(--kd-bad)}
.kd-ms-svg{display:block;width:100%;height:auto;overflow:hidden;direction:ltr}
.kd-ms-wafer{fill:color-mix(in srgb,var(--kd-wall) 22%,var(--kd-cell));stroke:var(--line)}
.kd-ms-plate{transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .2s}
.kd-ms-plate.is-off{opacity:0}
.kd-ms-pbody{fill:#062b34}
:root[data-theme=dark] .kd-ms-pbody{fill:#020e12;stroke:#4f6e78}
.kd-ms-slot{fill:#fffbe6}
.kd-ms-ray{fill:#ffe680;opacity:0}
.kd-ms-rays.is-shine .kd-ms-ray{animation:kd-ms-shine .5s ease-out both}
@keyframes kd-ms-shine{0%{opacity:0}35%{opacity:.75}100%{opacity:0}}
.kd-ms-line.is-i0{fill:var(--ink);fill-opacity:.78}
.kd-ms-line.is-i1{fill:var(--accent)}
.kd-ms-line.is-i2{fill:var(--kd-hot)}
.kd-ms-line.is-i3{fill:color-mix(in srgb,var(--kd-hot) 45%,var(--kd-cell))}
.kd-ms-line.is-euv{fill:var(--ink);fill-opacity:.78}
.kd-ms-line.is-in{animation:kd-ms-in .35s ease-out both}
@keyframes kd-ms-in{from{opacity:0}to{opacity:1}}
.kd-ms-hit{fill:none;stroke:var(--kd-bad);stroke-width:2.5;stroke-dasharray:5 3}
.kd-ms-bridge{fill:var(--kd-bad)}
.kd-ms-side{display:grid;align-content:start;gap:4px;padding-block:10px;border-block:1px solid var(--line)}
.kb-demo p.kd-ms-cl{font-size:14px;color:var(--muted)}
.kb-demo p.kd-ms-cl.is-gap{margin-block-start:10px}
.kb-demo p.kd-ms-big{display:flex;align-items:baseline;gap:6px;line-height:1}
.kd-ms-n{font-size:44px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.kd-ms-of{font-size:15px;font-weight:600;color:var(--muted)}
.kb-demo p.kd-ms-why{font-size:14.5px;line-height:1.5;color:var(--ink)}
.kd-ms-cost{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;margin-block:4px 6px}
.kd-ms-clbl{font-size:13.5px;font-weight:700}
.kd-ms-segs{display:flex;gap:4px}
.kd-ms-segs i{display:block;flex:0 0 auto;width:30px;height:14px;border:1px solid var(--line);border-radius:2px;background:transparent;transition:background .2s,border-color .2s}
.kd-ms-segs i.is-on{border-color:transparent}
.kd-ms-segs i.is-i0,.kd-ms-segs i.is-euv{background:color-mix(in srgb,var(--ink) 78%,transparent)}
.kd-ms-segs i.is-i1{background:var(--accent)}
.kd-ms-segs i.is-i2{background:var(--kd-hot)}
.kd-ms-segs i.is-i3{background:color-mix(in srgb,var(--kd-hot) 45%,var(--kd-cell))}
.kd-ms-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(min-width:640px){.kd-ms{grid-template-columns:minmax(0,1fr) 200px;gap:18px}.kd-ms-side{border-block:0;border-inline-start:1px solid var(--line);padding-block:0;padding-inline-start:16px}}
@media(max-width:639px){.kd-ms-name{flex:1 1 100%}.kd-ms-n{font-size:36px}.kb-demo p.kd-ms-cl.is-gap{margin-block-start:6px}}
@media(prefers-reduced-motion:reduce){.kd-ms-plate{transition:none}}

/* ---------- threshold-line (מאמר 4, מה ארה"ב אסרה למכור לסין), 29.10.26 ----------
   ציר אחד של כוח חישוב, שורה לכל שבב. הציר משמאל (חלש) לימין (חזק), לכן הציור LTR והטקסט בתוכו RTL.
   מיקום לפי --x (0 עד 1) בתוך שוליים של --tl-pad */
.kd-tl-years{display:flex;flex-wrap:wrap;gap:6px}
.kd-btn.kd-tl-ybtn{min-height:42px;padding:6px 14px;font-variant-numeric:tabular-nums}
.kd-tl-ybox{margin-block-start:8px;min-height:4.4em}
.kb-demo p.kd-tl-main{font-size:16px;font-weight:650;line-height:1.55;color:var(--ink)}
.kb-demo p.kd-tl-extra{margin-block-start:2px;font-size:14.5px;line-height:1.55;color:var(--muted)}
.kd-tl-chart{--tl-pad:14px;margin-block-start:10px;padding:0 0 4px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px;direction:ltr}
.kd-tl-plot{position:relative;padding-block-start:26px}
.kd-tl-rows{position:relative;z-index:2;display:grid}
.kd-tl-row{position:relative;display:block;width:100%;min-height:42px;margin:0;padding:0;background:transparent;border:0;border-block-start:1px solid var(--line);color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:background .15s}
.kd-tl-row::before{content:'';position:absolute;left:var(--tl-pad);right:var(--tl-pad);top:50%;border-block-start:1px dashed var(--line)}
.kd-tl-row:hover{background:color-mix(in srgb,var(--soft) 70%,transparent)}
.kd-tl-row.is-pick{background:var(--soft);box-shadow:inset 3px 0 0 var(--ink)}
.kd-tl-dot,.kd-tl-lab,.kd-tl-band,.kd-tl-line,.kd-tl-tick{position:absolute;left:calc(var(--tl-pad) + var(--x) * (100% - 2 * var(--tl-pad)))}
.kd-tl-dot{top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--kd-hot);border:2px solid var(--kd-hot);transition:background .25s,border-color .25s}
.kd-tl-row.is-lic .kd-tl-dot{background:var(--kd-bad);border-color:var(--kd-bad)}
.kd-tl-row.is-order .kd-tl-dot{background:var(--surface);border:3px dashed var(--kd-bad)}
.kd-tl-row.is-case .kd-tl-dot{background:var(--accent);border-color:var(--accent)}
.kd-tl-row.is-none .kd-tl-dot{background:transparent;border:2px dashed var(--muted)}
.kd-tl-lab{top:50%;display:grid;gap:0;margin-left:12px;padding:1px 5px;transform:translateY(-50%);background:var(--kd-cell);border-radius:3px;line-height:1.3;white-space:nowrap}
.kd-tl-lab.is-left{margin-left:-12px;transform:translate(-100%,-50%);justify-items:end}
.kd-tl-l1{display:flex;align-items:baseline;gap:6px}
.kd-tl-l2{display:flex;align-items:center;gap:6px}
.kd-tl-lab.is-left .kd-tl-l1,.kd-tl-lab.is-left .kd-tl-l2{flex-direction:row-reverse}
.kd-tl-name{font-size:15px;font-weight:800;color:var(--ink)}
.kd-tl-val{font-size:13.5px;font-weight:600;color:var(--muted)}
.kd-tl-rep{margin-left:4px;font-size:12.5px}
.kd-tl-word{font-size:13.5px;font-weight:800;color:var(--kd-hot)}
.kd-tl-row.is-lic .kd-tl-word,.kd-tl-row.is-order .kd-tl-word{color:var(--kd-bad)}
.kd-tl-row.is-case .kd-tl-word{color:var(--ink)}
.kd-tl-row.is-none .kd-tl-word{font-weight:600;color:var(--muted)}
.kd-tl-row.is-none .kd-tl-name,.kd-tl-row.is-none .kd-tl-val{opacity:.55}
.kd-tl-tag{display:none;padding:0 7px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted)}
.kd-tl-tag.is-hi{border:1.5px solid var(--ink);font-weight:800;color:var(--ink)}
.kd-tl-plot.has-link .kd-tl-row:not(.is-none) .kd-tl-tag{display:inline-block}
.kd-tl-band{z-index:1;top:26px;bottom:0;width:calc(var(--w) * (100% - 2 * var(--tl-pad)));opacity:0;transition:opacity .3s}
.kd-tl-band.is-gray{background:color-mix(in srgb,var(--muted) 17%,transparent)}
.kd-tl-band.is-win{background:color-mix(in srgb,var(--accent) 15%,transparent);border-block-start:3px solid var(--accent)}
.kd-tl-plot.has-gray .kd-tl-band.is-gray,.kd-tl-plot.has-win .kd-tl-band.is-win{opacity:1}
.kd-tl-line{z-index:1;top:22px;bottom:0;width:0;border-left:2.5px solid var(--ink);opacity:0;transition:opacity .3s}
.kd-tl-line.is-2{border-left:2.5px dashed var(--ink)}
.kd-tl-plot.has-line .kd-tl-line:not(.is-2),.kd-tl-plot.has-win .kd-tl-line.is-2{opacity:1}
.kd-tl-lnum{position:absolute;top:-21px;left:0;transform:translateX(-50%);font-size:13.5px;font-weight:800;color:var(--ink);white-space:nowrap}
.kd-tl-line.is-2 .kd-tl-lnum{transform:translateX(-80%)}
.kd-tl-axis{position:relative;height:22px;border-block-start:1.5px solid var(--ink)}
.kd-tl-tick{top:0;padding-block-start:3px;transform:translateX(-50%);font-size:12.5px;color:var(--muted);white-space:nowrap}
.kd-tl-tick::before{content:'';position:absolute;top:-1px;left:50%;height:5px;border-left:1.5px solid var(--ink)}
.kb-demo p.kd-tl-axcap{margin-block-start:6px;font-size:14px;line-height:1.5;color:var(--muted)}
.kb-demo p.kd-tl-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin-block-start:6px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.kd-tl-legend span{display:inline-flex;align-items:center;gap:6px}
.kd-tl-sw{display:inline-block;flex-shrink:0;width:12px;height:12px;border-radius:50%;background:var(--kd-hot)}
.kd-tl-sw.is-lic{background:var(--kd-bad)}
.kd-tl-sw.is-order{background:var(--surface);border:2.5px dashed var(--kd-bad)}
.kd-tl-sw.is-case{background:var(--accent)}
.kd-tl-sw.is-none{background:transparent;border:2px dashed var(--muted)}
.kd-tl-sw.is-lineSw{width:3px;height:14px;border-radius:0;background:var(--ink)}
.kd-tl-sw.is-graySw{width:16px;border-radius:2px;background:color-mix(in srgb,var(--muted) 30%,transparent)}
.kd-tl-sw.is-winSw{width:16px;border-radius:2px;background:color-mix(in srgb,var(--accent) 30%,transparent);border-block-start:2px solid var(--accent)}
.kd-tl-sw.is-tagSw{width:22px;height:12px;border-radius:999px;background:transparent;border:1.5px solid var(--ink)}
.kd-tl-tasks{margin-block-start:12px;padding-block-start:10px;border-block-start:1px solid var(--line)}
.kb-demo p.kd-tl-th{font-size:15px;font-weight:800;color:var(--ink)}
.kb-demo p.kd-tl-task{position:relative;margin-block-start:4px;padding-inline-start:28px;font-size:15px;line-height:1.55;color:var(--ink)}
.kd-tl-check{position:absolute;inset-inline-start:0;top:3px;width:18px;height:18px;border:1.5px solid var(--ink);border-radius:50%}
.kd-tl-task.is-done .kd-tl-check{background:var(--kd-hot);border-color:var(--kd-hot)}
.kd-tl-task.is-done .kd-tl-check::after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--kd-on-hot);border-width:0 2px 2px 0;transform:rotate(45deg)}
.kd-tl-task.is-done .kd-tl-ttext{color:var(--muted)}
.kb-demo p.kd-tl-out{margin-block-start:12px;padding:10px 14px;background:var(--soft);border-radius:4px;font-size:16px}
@media(min-width:640px){.kd-tl-row{min-height:38px}.kd-tl-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.kb-demo p.kd-tl-out{margin-block-start:22px;min-height:8em}}
@media(max-width:520px){.kd-tl-years{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr))}.kd-tl-chart{--tl-pad:10px}.kd-tl-tick.is-minor{display:none}.kd-tl-name{font-size:14px}.kd-tl-val,.kd-tl-word{font-size:12.5px}.kd-tl-rep{font-size:11.5px}.kd-tl-tag{font-size:11.5px;padding:0 5px}.kd-tl-lab{margin-left:10px;padding:1px 3px}.kd-tl-lab.is-left{margin-left:-10px}.kd-btn.kd-tl-ybtn{padding:6px 8px}.kb-demo p.kd-tl-main{font-size:15.5px}}
@media(prefers-reduced-motion:reduce){.kd-tl-dot,.kd-tl-band,.kd-tl-line,.kd-tl-row{transition:none}}

/* ---------- where-it-goes (מאמר 8, מה בטוח ב-AI סיני), 29.10.26 ----------
   מכתב ומעטפה: שורת המכתב ובחירת הדרך, מסלול של תחנות (במחשב לרוחב, בנייד לגובה), ובית עם "מי מחזיק".
   אותו צבע לכל התחנות; ההדגשה (--kd-hot) רק לתחנות "אצלכם" ולמעטפה שלכם. בלי צבע לפי מדינה */
.kd-wg-top{display:grid;gap:12px}
.kb-demo .kd-wg-lab{display:flex;align-items:center;gap:6px;margin-block-end:6px;font-size:14.5px;font-weight:700;color:var(--ink)}
.kd-wg-ic{display:inline-grid;place-items:center;flex-shrink:0;width:22px;height:22px}
.kd-wg-ic svg{width:100%;height:100%}
.kd-wg-ic.is-sm{width:16px;height:16px}
.kd-input.kd-wg-input{width:100%;min-height:44px;font-size:17px}
.kd-wg-pick{display:grid;gap:6px}
.kd-wg-pbtn{display:flex;align-items:center;gap:10px;min-height:52px;padding:7px 12px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s,background .15s}
.kd-wg-pbtn:hover{border-color:var(--ink)}
.kd-wg-pbtn[aria-pressed=true]{background:var(--soft);border:2px solid var(--ink);padding:6px 11px}
.kd-wg-pnum{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1.5px solid currentColor;border-radius:50%;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.kd-wg-pbtn[aria-pressed=true] .kd-wg-pnum{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.kd-wg-ptxt{display:grid;line-height:1.3}
.kd-wg-ptxt b{font-size:15px;font-weight:750}
.kd-wg-ptxt small{font-size:12.5px;color:var(--muted)}
.kb-demo .kd-wg-route{display:flex;flex-direction:column;margin:14px 0 0;padding:0;list-style:none}
.kb-demo .kd-wg-route>li{margin:0;padding-inline-start:0}
.kb-demo .kd-wg-route>li::before,.kb-demo .kd-wg-route>li::marker{content:none}
.kb-demo .kd-wg-route>.kd-wg-st{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-content:start;padding:9px 11px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px;color:var(--ink);opacity:.5;transition:opacity .25s,border-color .25s,background .25s}
.kd-wg-st>*{grid-column:2}
.kd-wg-st>.kd-wg-sthead{grid-column:1;grid-row:1 / span 5}
.kb-demo .kd-wg-route>.kd-wg-st.is-past,.kb-demo .kd-wg-route>.kd-wg-st.is-here{opacity:1}
.kd-wg-sthead{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink)}
.kd-wg-sthead .kd-wg-ic{width:28px;height:28px}
.kd-wg-stnum{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.kd-wg-stname{font-size:15px;font-weight:750;line-height:1.35}
.kd-wg-stsub{font-size:12.5px;line-height:1.35;color:var(--muted)}
.kd-wg-stline{font-size:14px;line-height:1.4;color:var(--muted)}
.kb-demo .kd-wg-route>.kd-wg-st.is-mine{border-color:var(--kd-hot);background:var(--kd-hot-soft)}
.kb-demo .kd-wg-route>.kd-wg-st.is-mine .kd-wg-sthead{color:var(--kd-hot)}
.kb-demo .kd-wg-route>.kd-wg-st.is-here.is-stop{border:2px solid var(--ink);padding:8px 10px}
.kb-demo .kd-wg-route>.kd-wg-st.is-blocked{background:transparent;border:1.5px dashed var(--muted);opacity:.4}
.kb-demo .kd-wg-route>.kd-wg-st.is-blocked.is-shown{opacity:.85}
.kb-demo .kd-wg-route>.kd-wg-st.is-blocked .kd-wg-sthead,.kb-demo .kd-wg-route>.kd-wg-st.is-blocked .kd-wg-stname{color:var(--muted)}
.kb-demo .kd-wg-route>.kd-wg-st.is-blocked.is-shown .kd-wg-stline{color:var(--ink);font-weight:700}
.kd-wg-machine{display:inline-flex;align-items:center;gap:5px;justify-self:start;margin-block-start:6px;padding:1px 9px 1px 7px;border:1.5px solid var(--ink);border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.6;color:var(--ink)}
.kd-wg-slot{display:block;align-self:stretch;min-width:0;max-width:100%}
.kd-wg-slot:empty{display:none}
.kd-wg-env{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-block-start:7px;padding:2px 9px 2px 7px;background:var(--surface);border:1.5px solid var(--kd-hot);border-radius:3px;color:var(--kd-hot);font-size:13px;font-weight:700;line-height:1.5;animation:kd-wg-pop .3s ease-out}
.kd-wg-env .kd-wg-envt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.kd-wg-env.is-kept{background:var(--kd-hot);border-color:var(--kd-hot);color:var(--kd-on-hot)}
.kd-wg-env.is-kept .kd-wg-envt{color:var(--kd-on-hot);white-space:normal}
@keyframes kd-wg-pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.kd-wg-link{position:relative;align-self:center;width:2px;height:18px;background:var(--line);transition:background .25s}
.kd-wg-link.is-on{background:var(--kd-hot)}
.kd-wg-link.is-blocked{width:0;background:none;border-inline-start:2px dashed var(--muted)}
.kd-wg-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:18px;height:18px;background:var(--surface);border:1.5px solid var(--muted);border-radius:50%;font-size:14px;font-weight:800;line-height:1;color:var(--muted)}
.kd-wg-home{display:grid;gap:12px;margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid var(--line);animation:kd-wg-pop .3s ease-out}
.kd-wg-hcol{min-width:0}
.kb-demo p.kd-wg-hk{font-size:13.5px;font-weight:600;color:var(--muted)}
.kb-demo p.kd-wg-hv{margin-block-end:8px;font-size:16px;font-weight:700;line-height:1.45;color:var(--ink)}
.kb-demo p.kd-wg-hv.is-big{font-size:20px;font-weight:850}
.kb-demo p.kd-wg-hv.is-mine{color:var(--kd-hot)}
.kd-wg-en{font-size:.86em;font-weight:500;color:var(--muted)}
.kd-wg-q{margin:0;padding-inline-start:12px;border-inline-start:3px solid var(--line)}
.kb-demo p.kd-wg-qhe{font-size:15.5px;font-weight:600;line-height:1.55;color:var(--ink)}
.kb-demo p.kd-wg-qen{margin-block-start:2px;font-size:14px;line-height:1.5;text-align:start}
.kd-wg-extra{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:3px}
.kd-wg-extra li{font-size:14.5px;line-height:1.5;color:var(--ink)}
.kd-wg-extra b{font-weight:750}
.kb-demo p.kd-wg-src{margin-block-start:8px;font-size:13px;line-height:1.5;color:var(--muted)}
.kd-wg-src a{color:var(--ink);font-weight:600}
.kb-demo p.kd-wg-same{display:flex;align-items:center;gap:8px;margin-block-start:12px;font-size:15px;font-weight:700;line-height:1.5;color:var(--ink)}
.kd-wg-tasks{margin-block-start:12px;padding-block-start:10px;border-block-start:1px solid var(--line)}
.kd-wg-foot .kd-sayrow{margin-block-start:12px}
.kb-demo p.kd-wg-th{font-size:15px;font-weight:800;color:var(--ink)}
.kb-demo p.kd-wg-task{position:relative;margin-block-start:4px;padding-inline-start:28px;font-size:15px;line-height:1.55;color:var(--ink)}
.kd-wg-check{position:absolute;inset-inline-start:0;top:3px;width:18px;height:18px;border:1.5px solid var(--ink);border-radius:50%}
.kd-wg-task.is-done .kd-wg-check{background:var(--kd-hot);border-color:var(--kd-hot)}
.kd-wg-task.is-done .kd-wg-check::after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--kd-on-hot);border-width:0 2px 2px 0;transform:rotate(45deg)}
.kd-wg-task.is-done>span:nth-child(2){color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}
@media(min-width:640px){
  .kd-wg-letterbox{display:flex;align-items:center;gap:12px}
  .kb-demo .kd-wg-letterbox .kd-wg-lab{margin:0;flex-shrink:0}
  .kd-input.kd-wg-input{flex:1 1 auto;max-width:360px;min-height:42px}
  .kd-wg-pickwrap>.kd-wg-lab{display:none}
  .kd-wg-pick{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kd-wg-pbtn{gap:8px;padding:7px 10px}
  .kd-wg-pbtn[aria-pressed=true]{padding:6px 9px}
  .kb-demo .kd-wg-route{flex-direction:row;align-items:stretch}
  .kb-demo .kd-wg-route>.kd-wg-st{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
  .kd-wg-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
  .kd-wg-foot .kd-wg-tasks{margin-block-start:12px;padding-block-start:0;border:0}
  .kd-wg-sthead{flex-direction:row;gap:6px;margin-block-end:4px}
  .kd-wg-link{flex:0 0 18px;width:18px;height:2px}
  .kd-wg-link.is-blocked{width:18px;height:0;border-inline-start:0;border-block-start:2px dashed var(--muted)}
  .kd-wg-home{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:18px}
}
@media(prefers-reduced-motion:reduce){.kb-demo .kd-wg-route>.kd-wg-st,.kd-wg-link,.kd-wg-pbtn{transition:none}.kd-wg-env,.kd-wg-home{animation:none}}

/* whats-in-the-box: שלוש קופסאות (מסעדה, מנה בקופסה, מנה עם מתכון), חמשה פריטים בכל אחת */
.kd-wb-tabs{display:none}
.kd-wb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kd-wb-box{display:flex;flex-direction:column;min-width:0;padding:12px;background:var(--kd-cell);border:1px solid var(--line);border-radius:5px;transition:border-color .2s,box-shadow .2s}
.kd-wb-box.is-answer{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.kd-wb-head{display:flex;align-items:center;gap:10px}
.kd-wb-ic{flex-shrink:0;width:36px;height:34px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kb-demo p.kd-wb-no{font-size:13px;line-height:1.35;color:var(--muted)}
.kb-demo p.kd-wb-ex.is-gets{color:var(--muted)}
.kb-demo p.kd-wb-name{font-size:17px;font-weight:800;line-height:1.3;color:var(--ink)}
.kd-wb-body{position:relative;flex:1;display:flex;flex-direction:column;margin-block-start:10px}
.kd-wb-inner{flex:1;display:flex;flex-direction:column}
.kd-wb-list{display:grid;gap:6px}
.kd-wb-slot{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:5px 10px;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s,background .15s}
.kd-wb-slot:hover{border-color:var(--ink)}
.kd-wb-slot.is-in{background:var(--kd-hot-soft);border-color:var(--kd-hot)}
.kd-wb-slot.is-out{background:transparent;border:1.5px dashed color-mix(in srgb,var(--muted) 55%,transparent)}
.kd-wb-mark{position:relative;flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--kd-hot)}
.kd-wb-mark::after{content:'';position:absolute;left:6px;top:2.5px;width:4px;height:8px;border:solid var(--kd-on-hot);border-width:0 2px 2px 0;transform:rotate(45deg)}
.is-out .kd-wb-mark{background:transparent;border:1.5px dashed var(--muted)}
.is-out .kd-wb-mark::after{display:none}
.kd-wb-st{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.kd-wb-nm{font-size:15px;font-weight:700}
.kd-wb-im{font-size:12.5px;color:var(--muted)}
.is-out .kd-wb-nm{font-weight:600;color:var(--muted)}
.kd-wb-slot.is-cur{outline:2px solid var(--ink);outline-offset:1px}
.kd-wb-slot.is-key{border:2px solid var(--accent)}
.kd-wb-slot.is-out.is-key{border:2px dashed var(--accent)}
.kd-wb-expanel{margin-block-start:12px;padding:9px 14px;border:1px solid var(--line);border-radius:4px;min-height:3.4em}
.kb-demo p.kd-wb-exh{font-size:12.5px;font-weight:700;line-height:1.5;color:var(--muted)}
.kb-demo p.kd-wb-ex{margin-block-start:3px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.kd-wb-lid{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:var(--soft);border:1.5px solid var(--ink);border-radius:4px;color:var(--ink);font:inherit;cursor:pointer;transform-origin:100% 0;transition:background .15s}
.kd-wb-lid:hover{background:var(--surface)}
.kd-wb-lid.is-fly{pointer-events:none;z-index:3}
.kd-wb-q{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--ink);border-radius:50%;font-size:22px;font-weight:800}
.kd-wb-lt{font-size:15px;font-weight:600}
.kd-wb-go{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;background:var(--ink);color:var(--paper);border-radius:3px;font-size:14.5px;font-weight:650}
.kd-wb-quiz{margin-block-start:14px;padding:10px 14px;background:var(--soft);border-radius:4px}
.kb-demo .kd-wb-qh{font-size:15.5px;line-height:1.55;color:var(--ink)}
.kd-wb-qb{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:8px}
.kd-wb-quiz.is-right .kd-btn[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
@media(max-width:719px){
.kd-wb-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-block-end:10px}
.kd-wb-tab{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:48px;padding:6px 4px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;line-height:1.25;text-align:center;cursor:pointer}
.kd-wb-tab[aria-selected=true]{background:var(--soft);border:1.5px solid var(--ink)}
.kd-wb-tn{font-size:13.5px;font-weight:700}
.kd-wb-tk{font-size:11.5px;color:var(--muted)}
.kd-wb-grid{display:block}
.kd-wb-box:not(.is-cur){display:none}
.kd-wb-qb{gap:6px}.kd-wb-qb .kd-btn{padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){.kd-wb-box,.kd-wb-slot,.kd-wb-lid{transition:none}}
.kd-wb-expanel [lang=en],.kd-out [lang=en]{white-space:nowrap}

/* stall-cards (מלחמת השבבים, מאמר 12): שורת דוכנים עם סוכך, פס התנורים, ושני דלפקים לכרטיסים. צבע אחד לכל הדוכנים, זהב רק לתנורים */
.kd-sc-market{--sc-cols:7}
.kd-sc-row{display:grid;grid-template-columns:repeat(var(--sc-cols),minmax(0,1fr));gap:8px}
.kd-sc-stall{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:96px;padding:0 4px 9px;background:var(--kd-cell);border:1px solid var(--line);border-block-start:0;border-radius:0 0 4px 4px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;transition:background .18s,border-color .18s}
.kd-sc-stall:hover{border-color:var(--ink)}
.kd-sc-awn{display:block;width:calc(100% + 10px);height:24px;margin-inline:-5px;margin-block-end:4px;overflow:visible}
.kd-sc-awn-f{fill:var(--soft);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .18s}
.kd-sc-awn-l{fill:none;stroke:var(--ink);stroke-width:1.4;vector-effect:non-scaling-stroke}
.is-oven>.kd-sc-awn .kd-sc-awn-f,.kd-sc-card.is-oven .kd-sc-awn-f{stroke:var(--accent);fill:color-mix(in srgb,var(--accent) 16%,transparent)}
.kd-sc-name{font-size:15px;font-weight:750;line-height:1.2}
.kd-sc-sign{font-size:12.5px;line-height:1.3;color:var(--muted)}
.kd-sc-state{min-height:0;font-size:12px;font-weight:650;line-height:1.3;color:var(--ink)}
.kd-sc-state:empty{display:none}
.kd-sc-stall.is-open{background:var(--soft);border-color:var(--ink)}
.kd-sc-stall.is-open .kd-sc-awn-f{fill:var(--ink)}
.kd-sc-stall.is-oven.is-open .kd-sc-awn-f{fill:var(--accent)}
.kd-sc-stall.is-open .kd-sc-awn-l{stroke:var(--surface)}
.kd-sc-tag{margin-block-start:auto;width:100%;padding:4px 3px;background:var(--surface);border:1px solid var(--ink);border-radius:3px;font-size:12.5px;font-weight:700;line-height:1.3}
.kd-sc-tag.is-unchecked{border-style:dashed;color:var(--muted);font-weight:600}
.kd-sc-ovens{position:relative;margin-block-start:10px;padding:5px 10px;border:1.5px solid var(--accent);border-radius:4px;font-size:14.5px;font-weight:700;text-align:center;color:var(--gold-text)}
.kd-sc-ovens::before{content:"";position:absolute;inset-inline:0;inset-block-end:100%;height:10px;background:repeating-linear-gradient(to left,transparent 0 calc(100%/14 - .75px),var(--accent) calc(100%/14 - .75px) calc(100%/14 + .75px),transparent calc(100%/14 + .75px) calc(100%/7))}
.kd-sc-legend{margin-block-start:6px;font-size:12.5px;line-height:1.7;color:var(--muted)}
.kd-sc-key{display:inline-block;width:22px;height:9px;margin-inline-end:5px;vertical-align:middle;background:var(--soft);border:1.4px solid var(--ink);border-radius:0 0 6px 6px}
.kd-sc-key.is-giant{background:linear-gradient(var(--ink),var(--ink)) no-repeat center/100% 1.4px,var(--soft)}
.kd-sc-key.is-oven{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}
.kd-sc-li{display:inline-block;margin-inline-end:10px}
.kd-sc-counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:12px}
.kd-sc-slot{perspective:900px;min-width:0}
.kd-sc-empty{display:flex;flex-direction:column;justify-content:center;gap:4px;height:100%;min-height:120px;padding:14px 16px;border:1.5px dashed var(--line);border-radius:5px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.kd-sc-empty-n{font-weight:700;color:var(--ink)}
.kd-sc-card{position:relative;height:100%;padding:0 14px 12px;background:var(--surface);border:1.5px solid var(--ink);border-radius:5px;transform-origin:50% 50%}
.kd-sc-card.is-oven{border-color:var(--accent)}
.kd-sc-card.is-flip{animation:kd-sc-flip .42s cubic-bezier(.2,.7,.2,1) both}
@keyframes kd-sc-flip{from{transform:rotateY(-88deg);opacity:.2}to{transform:none;opacity:1}}
.kd-sc-chead{display:flex;flex-direction:column;align-items:flex-start}
.kd-sc-chead .kd-sc-awn{width:calc(100% + 28px);margin-inline:-14px;height:16px;margin-block-end:2px}
.kd-sc-cn{font-size:13px;font-weight:650;color:var(--muted)}
.kd-sc-cname{padding-inline-end:36px;font-size:17px;font-weight:800;line-height:1.3;color:var(--ink)}
.kd-sc-en{font-size:13px;font-weight:500;color:var(--muted)}
.kd-sc-x{position:absolute;inset-block-start:18px;inset-inline-end:6px;display:grid;place-items:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--muted);font-size:22px;line-height:1}
.kd-sc-x:hover{border-color:var(--line);color:var(--ink)}
.kd-sc-qs{margin:4px 0 0;display:grid}
.kd-sc-qs dt{display:flex;align-items:center;gap:7px;padding-block-start:6px;border-block-start:1px solid var(--line);font-size:13px;font-weight:650;color:var(--muted)}
.kd-sc-qs dt:first-child{border-block-start:0;padding-block-start:2px}
.kd-sc-qn{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--line);border-radius:50%;font-size:11px;font-weight:700;color:var(--ink)}
.kd-sc-qs dd{margin:1px 0 6px;display:flex;flex-direction:column;gap:1px}
.kd-sc-qs strong{font-size:16px;font-weight:800;line-height:1.35;color:var(--ink)}
.kd-sc-qs strong.is-unchecked{align-self:flex-start;padding:0 6px;border:1px dashed var(--muted);border-radius:3px;color:var(--muted);font-weight:650}
.kd-sc-more{font-size:13.5px;line-height:1.5;color:var(--muted)}
.kd-sc-cmp{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-block-start:10px}
.kd-sc-cmp-l{font-size:14px;font-weight:650;color:var(--ink)}
.kd-sc-reset{margin-inline-start:auto}
.kd-sc-cmp .kd-btn,.kb-demo[data-demo="stall-cards"] .kd-controls>.kd-btn{min-height:44px;padding:6px 12px;font-size:14px}
@media(max-width:640px){
  .kd-sc-market{--sc-cols:4}
  .kd-sc-row{gap:12px 6px}
  .kd-sc-stall{min-height:88px}
  .kd-sc-name{font-size:14px}
  .kd-sc-sign{font-size:12px}
  .kd-sc-counters{grid-template-columns:minmax(0,1fr)}
  .kd-sc-empty{min-height:96px}
  .kd-sc-cmp-l{width:100%}
  .kd-sc-ovens::before{display:none}
}
@media(prefers-reduced-motion:reduce){.kd-sc-card.is-flip{animation:none}.kd-sc-stall,.kd-sc-awn-f{transition:none}}
/* three-tools (מאמר new-cold-war): שלושה כלים, שני כרטיסים זהים. החלטה 80: אותו צבע ואותו גודל לשני הצדדים */
.kd-tt-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kd-tt-tool{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ic tn" "tl tl";align-items:center;gap:4px 9px;padding:11px 13px 12px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:background .18s,border-color .18s}
.kd-tt-tool:hover{border-color:var(--ink)}
.kd-tt-tool[aria-pressed=true]{background:var(--soft);border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}
.kd-tt-ic{grid-area:ic;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kd-tt-tn{grid-area:tn;font-size:16px;font-weight:750;line-height:1.3}
.kd-tt-num{color:var(--muted);font-weight:650}
.kd-tt-tl{grid-area:tl;font-size:13.5px;line-height:1.5;color:var(--muted)}
.kd-tt-seen{position:absolute;inset-block-start:8px;inset-inline-end:10px;font-size:12px;font-weight:650;color:var(--muted)}
.kd-tt-order{margin-block-start:12px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.kd-tt-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:6px}
.kd-tt-card{min-width:0;padding:10px 16px 12px;background:var(--surface);border:1.5px solid var(--ink);border-radius:5px}
.kd-tt-pair.is-in .kd-tt-body{animation:kd-tt-in .32s cubic-bezier(.2,.7,.2,1) both}
@keyframes kd-tt-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kd-tt-cname{padding-block-end:6px;border-block-end:1px solid var(--line);font-size:18px;font-weight:800;line-height:1.3;color:var(--ink)}
.kd-tt-empty{padding-block:18px 8px;font-size:14.5px;line-height:1.55;color:var(--muted)}
.kd-tt-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:0 14px}
.kd-tt-dl dt,.kd-tt-dl dd{padding-block:6px;border-block-end:1px solid var(--line)}
.kd-tt-dl dt{font-size:13px;font-weight:650;line-height:1.55;color:var(--muted);white-space:nowrap}
.kd-tt-dl dd{margin:0;font-size:15.5px;font-weight:600;line-height:1.5;color:var(--ink)}
.kd-tt-dl dd.is-quote{font-weight:500}
.kd-tt-mark{padding:0 2px;background:var(--kd-hot-soft);color:inherit;border-block-end:2px solid var(--kd-hot);border-radius:2px}
.kd-tt-src{margin-block-start:7px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.kd-tt-src-l{font-weight:650}
.kd-tt-task{margin-block-start:12px;padding:10px 14px;border:1px dashed var(--field-line);border-radius:4px}
.kd-tt-task-h{font-size:14.5px;font-weight:750;color:var(--ink)}
.kd-tt-steps{margin:4px 0 0;padding-inline-start:20px;font-size:14.5px;line-height:1.6;color:var(--muted)}
.kd-tt-steps li.is-now{color:var(--ink)}
.kd-tt-steps li.is-now::marker{font-weight:800}
.kd-tt-steps li.is-done{text-decoration:line-through;text-decoration-color:var(--line)}
.kb-demo[data-demo="three-tools"] .kd-controls{margin-block-start:10px}
.kb-demo[data-demo="three-tools"] .kd-controls .kd-btn{min-height:44px}
.kb-demo[data-demo="three-tools"] .kd-out{margin-block-start:10px}
@media(max-width:640px){
  .kd-tt-pick{grid-template-columns:minmax(0,1fr);gap:8px}
  .kd-tt-tool{padding:10px 12px}
  .kd-tt-seen{inset-block-start:11px}
  .kd-tt-pair{grid-template-columns:minmax(0,1fr)}
  .kd-tt-card{padding:10px 13px 12px}
  .kd-tt-dl{gap:0 10px}
}
@media(prefers-reduced-motion:reduce){.kd-tt-pair.is-in .kd-tt-body{animation:none}.kd-tt-tool{transition:none}}

/* two-voices (מאמר 11 ai-race-dilemma): שני טורים שווים לגמרי. אותו צבע, גופן ומבנה לשניהם; בלי צבע טוב/רע */
.kd-tv-road{margin:0 0 12px;text-align:center}
.kd-tv-road svg{display:block;width:100%;max-width:420px;height:auto;margin-inline:auto}
.kd-tv-asphalt{fill:var(--ink);opacity:.13}
.kd-tv-mid{stroke:var(--muted);stroke-width:2;stroke-dasharray:6 7;opacity:.6}
.kd-tv-beam{fill:var(--kd-hot);opacity:.3}
.kd-tv-car{fill:var(--ink)}
.kd-tv-road figcaption{margin-block-start:4px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.kd-tv-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding-block:10px;border-block:1px solid var(--line)}
.kd-tv-pinfo{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0}
.kd-tv-count{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}
.kd-tv-ptitle{font-size:15.5px;color:var(--muted);line-height:1.5}
.kd-tv-btns{display:flex;gap:8px}
.kd-tv-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:0 14px;margin-block-start:14px}
.kd-tv-col{grid-row:span 3;display:grid;grid-template-rows:subgrid;padding:14px 16px 12px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px;min-width:0}
.kd-tv-head{padding-block-end:8px;border-block-end:1px solid var(--line);font-size:15px;font-weight:700;line-height:1.4;color:var(--ink)}
.kb-demo .kd-tv-q{margin:12px 0 0;padding:0;border:0;font-size:17.5px;font-weight:500;line-height:1.7;color:var(--ink);quotes:none}
.kd-tv-q::before,.kd-tv-q::after{content:none}
.kd-tv-foot{margin-block-start:12px;padding-block-start:8px;border-block-start:1px solid var(--line)}
.kd-tv-who{font-size:14.5px;line-height:1.55;color:var(--ink)}
.kd-tv-who b{font-weight:700}
.kd-tv-who bdi{white-space:nowrap}
.kd-tv-meta{margin-block-start:2px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.kd-tv-src{color:inherit;text-decoration:underline;text-underline-offset:2px}
.kd-tv-src:hover{color:var(--ink)}
.kd-tv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.kd-tv-cols.is-in .kd-tv-q,.kd-tv-cols.is-in .kd-tv-foot{animation:kd-tv-in .22s ease-out both}
@keyframes kd-tv-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){
  .kd-tv-road svg{max-width:300px}
  .kd-tv-cols{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:12px}
  .kd-tv-col{grid-row:auto;display:block}
  .kd-tv-btns{width:100%}
  .kd-tv-btns .kd-btn{flex:1 1 0}
  .kb-demo .kd-tv-q{font-size:17px}
}
/* במחשב: נשאר אנכי (שני הטורים הם כבר הפריסה לרוחב). גובר על demos-layout.css שמחלק לטקסט ובמה */
@media(min-width:900px){
  .kb-demo.kd-tv.is-live[data-demo=two-voices][role]{display:flex;flex-direction:column}
  .kb-demo.kd-tv.is-live[data-demo=two-voices][role]>.kd-stage{margin-block-start:12px}
}
@media(prefers-reduced-motion:reduce){.kd-tv-cols.is-in .kd-tv-q,.kd-tv-cols.is-in .kd-tv-foot{animation:none}}
/* three-tools במחשב: נשאר אנכי (כמו scale-zoom), כי שני הכרטיסים צריכים את כל הרוחב. הסלקטור כפול כדי לגבור על demos-layout.css שנטען אחרי */
@media(min-width:900px){
  .kb-demo.kb-demo.is-live.is-live[data-demo="three-tools"]{display:flex;flex-direction:column}
  .kb-demo.kb-demo.is-live.is-live[data-demo="three-tools"]>.kd-stage{margin-block-start:14px}
  .kb-demo.kb-demo.is-live.is-live[data-demo="three-tools"]>.kd-controls{margin-block-start:10px}
  .kb-demo.kb-demo.is-live.is-live[data-demo="three-tools"]>.kd-controls .kd-btn{flex:0 0 auto}
  .kd-tt-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
}
/* three-tools: גוברים על .prose p/li של המאמר, ותיבת המשימה עם כפתור הסימון */
.kb-demo p.kd-tt-order{font-size:13.5px;line-height:1.5;color:var(--muted)}
.kb-demo p.kd-tt-cname{font-size:18px;line-height:1.3;color:var(--ink)}
.kb-demo p.kd-tt-empty{font-size:14.5px;line-height:1.55;color:var(--muted)}
.kb-demo p.kd-tt-src{font-size:12.5px;line-height:1.5;color:var(--muted)}
.kd-tt-src span[lang=en]{white-space:nowrap}
.kb-demo p.kd-tt-task-h{font-size:14.5px;line-height:1.4;color:var(--ink)}
.kb-demo .kd-tt-steps li{font-size:14px;line-height:1.5;color:var(--muted)}
.kb-demo .kd-tt-steps li.is-now{color:var(--ink)}
.kd-tt-task{padding:8px 14px 10px}
.kd-tt-task-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.kd-tt-task-top .kd-btn{min-height:44px;padding:6px 14px;font-size:14px}
/* three-tools: התג "נפתח" בשורת השם, בלי לעלות על הטקסט */
.kd-tt-tool{grid-template-columns:auto 1fr auto;grid-template-areas:"ic tn st" "tl tl tl"}
.kd-tt-seen{position:static;grid-area:st;align-self:start}
.kd-tt-seen:empty{display:none}
/* three-tools: מסגרת שלמה בפיקסלים כדי ששני הכרטיסים יירנדרו זהים, ושורת ההסבר ברוחב מלא */
.kd-tt-card{border-width:1px}
.kb-demo[data-demo="three-tools"]>.kd-sayrow{align-self:stretch}

/* ---------- two-forces (מאמר 9, שבבים והמחירים שלכם: הקמח והלחם), 29.10.26 ---------- */
.kb-demo .kd-tf-ctl{display:grid;gap:12px}
.kb-demo .kd-tf-pick{display:grid;gap:3px}
.kb-demo .kd-tf-pname{font-size:15.5px;font-weight:750;color:var(--ink)}
.kb-demo .kd-tf-pexp{font-size:14px;line-height:1.5;color:var(--muted)}
.kb-demo .kd-tf-lvls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:5px;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.kb-demo .kd-tf-lvl{min-height:44px;padding:6px 8px;background:var(--kd-cell);border:0;border-inline-start:1px solid var(--line);color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .18s,color .18s}
.kb-demo .kd-tf-lvl:first-child{border-inline-start:0}
.kb-demo .kd-tf-lvl:hover{background:var(--soft)}
.kb-demo .kd-tf-lvl[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.kb-demo .kd-tf-lvl:focus-visible{outline-offset:-3px}
.kb-demo .kd-tf-tasks{margin-block-start:14px;padding-block-start:10px;border-block-start:1px solid var(--line)}
.kb-demo .kd-tf-thead{font-size:15px;font-weight:750}
.kb-demo .kd-tf-tlist{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.kb-demo .kd-tf-task{display:grid;grid-template-columns:20px 14px minmax(0,1fr);align-items:start;gap:7px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.kb-demo .kd-tf-tnum{font-weight:700;color:var(--muted);line-height:1.5}
.kb-demo .kd-tf-chk{width:20px;height:20px;margin-block-start:1px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kb-demo .kd-tf-chk-o{stroke:var(--line)}
.kb-demo .kd-tf-chk-v{stroke:var(--kd-hot);opacity:0;transition:opacity .2s}
.kb-demo .kd-tf-task.is-done .kd-tf-chk-o{stroke:var(--kd-hot);fill:var(--kd-hot-soft)}
.kb-demo .kd-tf-task.is-done .kd-tf-chk-v{opacity:1}
.kb-demo .kd-tf-got{font-weight:700;color:var(--ink)}
.kb-demo .kd-tf-stage{display:grid;gap:10px}
.kb-demo .kd-tf-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.kb-demo .kd-tf-lg{display:inline-flex;align-items:center;gap:4px}
.kb-demo .kd-tf-now{padding:7px 11px;background:var(--soft);border:1px solid var(--line);border-radius:4px;font-size:14.5px;font-weight:650;line-height:1.5;color:var(--ink)}
.kb-demo .kd-tf-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kb-demo .kd-tf-panel{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px 12px;background:var(--kd-cell);border:1px solid var(--line);border-radius:4px}
.kb-demo .kd-tf-ptitle{font-size:14px;font-weight:650;color:var(--muted)}
.kb-demo .kd-tf-res{display:flex;align-items:center;gap:6px;min-height:40px}
.kb-demo .kd-tf-word{font-size:clamp(18px,2.4vw,21px);font-weight:850;line-height:1.15;letter-spacing:-.01em;color:var(--ink)}
.kb-demo .kd-tf-arr,.kb-demo .kd-tf-legic{flex:none;overflow:visible}
.kb-demo .kd-tf-arr-g{transform-box:view-box;transform-origin:22px 20px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.kb-demo .kd-tf-arr-l{fill:none;stroke:var(--ink);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.kb-demo .kd-tf-legic .kd-tf-arr-l{stroke:var(--muted);stroke-width:3}
.kb-demo .kd-tf-panel[data-dir=up] .kd-tf-arr-l,.kb-demo .kd-tf-panel[data-dir=down] .kd-tf-arr-l{stroke:var(--kd-hot)}
.kb-demo .kd-tf-pic{display:block;width:100%;height:auto;max-height:150px;margin-block:2px}
.kb-demo .kd-tf-ink{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.kb-demo .kd-tf-fill{fill:var(--surface)}
.kb-demo .kd-tf-paper{fill:var(--surface);stroke-width:1.6}
.kb-demo .kd-tf-thin{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kb-demo .kd-tf-tick{transition:opacity .35s}
.kb-demo .kd-tf-tick.is-off{opacity:0}
.kb-demo .kd-tf-force{fill:none;stroke:var(--kd-hot);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:d .4s}
.kb-demo .kd-tf-force.is-dn{stroke:var(--ink)}
.kb-demo .kd-tf-caps{display:grid;gap:3px}
.kb-demo .kd-tf-caps p{font-size:13px;line-height:1.5;color:var(--muted)}
.kb-demo .kd-tf-real{display:grid;gap:4px}
.kb-demo .kd-tf-real p{font-size:13.5px;line-height:1.55;color:var(--ink)}
.kb-demo .kd-tf-real b{font-weight:700}
.kb-demo .kd-tf-src{color:var(--muted)}
@media(max-width:520px){.kb-demo .kd-tf-panels{gap:8px}.kb-demo .kd-tf-panel{padding:8px 9px 10px}.kb-demo .kd-tf-res{gap:4px}.kb-demo .kd-tf-res .kd-tf-arr{width:30px;height:30px}.kb-demo .kd-tf-word{font-size:17px}.kb-demo .kd-tf-caps p{font-size:12.5px}}
@media(min-width:900px){.kb-demo.is-live[data-demo=two-forces][data-ready][role]{grid-template-columns:minmax(250px,1fr) minmax(0,1.1fr)}}
@media(prefers-reduced-motion:reduce){.kb-demo .kd-tf-arr-g,.kb-demo .kd-tf-tick,.kb-demo .kd-tf-force,.kb-demo .kd-tf-lvl,.kb-demo .kd-tf-chk-v{transition:none}}

/* fab-map (מאמר taiwan-chips, 29.10.26): מפה סכמטית של מפעלי שבבים. צבע וצורה לפי מצב בלבד, בלי גבולות ובלי צבע לפי מדינה.
   במחשב נשאר אנכי (המפה צריכה את כל הרוחב). :not(#kd-fm-x) כדי לגבור על הפריסה לרוחב של demos-layout.css */
.kb-demo.is-live[data-demo=fab-map]:not(#kd-fm-x){display:flex;flex-direction:column;align-items:stretch}
.kb-demo.is-live[data-demo=fab-map]:not(#kd-fm-x)>.kd-stage{margin-block-start:12px}
.kd-fm{--kd-fm-run:var(--kd-hot);--kd-fm-build:#a36a00;--kd-fm-plan:var(--muted)}
:root[data-theme=dark] .kd-fm{--kd-fm-build:#f0b429}
/* סימן המצב: מלא = פועל, טבעת עבה = בבנייה, טבעת מקווקוות = מתוכנן. ריבוע = חברה שמייצרת גם שבבים משלה */
.kd-fm-mk{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;box-sizing:border-box;vertical-align:-2px}
.kd-fm-mk.is-run{background:var(--kd-fm-run)}
.kd-fm-mk.is-build{border:3px solid var(--kd-fm-build)}
.kd-fm-mk.is-plan{background:repeating-conic-gradient(var(--kd-fm-plan) 0 36deg,transparent 36deg 72deg);-webkit-mask:radial-gradient(circle,transparent 4px,#000 4.5px);mask:radial-gradient(circle,transparent 4px,#000 4.5px)}
.kd-fm-mk.is-other{border-radius:2px}
.kd-fm-mk.is-plan.is-other{-webkit-mask:none;mask:none;background:none;border:2px dashed var(--kd-fm-plan)}
.kd-fm-filters{display:flex;flex-wrap:wrap;gap:6px}
.kd-fm-filters .kd-btn{min-height:40px;padding:6px 14px;font-size:14.5px}
.kb-demo .kd-fm-count{margin-block-start:8px;font-size:16px;font-weight:700;line-height:1.5}
.kd-fm-legend{display:flex;flex-wrap:wrap;gap:2px 16px;margin:4px 0 0;padding:0;list-style:none;font-size:13.5px;line-height:1.6;color:var(--muted)}
.kb-demo .kd-fm-legend li{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;line-height:1.6;color:var(--muted)}
/* במחשב המקרא יושב בתוך המפה, בפינה הריקה למטה */
.kd-fm-legend.is-in{position:absolute;left:1.5%;bottom:3%;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:4px 10px;background:var(--surface);border:1px solid var(--line);border-radius:4px;direction:rtl}
/* במחשב: הנקודות במפה הן הכפתורים, ומתחת למפה רק הכרטיס. השמות והרשימה רק בנייד */
@media(min-width:621px){.kd-fm .kd-fm-tabs,.kd-fm .kd-fm-list{display:none}.kd-fm .kd-fm-detail{display:block}.kd-fm .kd-fm-dl{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);column-gap:14px}.kd-fm .kd-fm-card.is-empty{min-height:0;padding-block:18px}}
/* המפה: רקע ניטרלי עם רשת נקודות עדינה, בלי קווי מתאר. כיוון משמאל לימין כי x הוא מערב-מזרח */
.kd-fm-map{position:relative;direction:ltr;margin-block-start:8px;aspect-ratio:100/42;background-color:var(--kd-cell);background-image:radial-gradient(circle,var(--line) 1px,transparent 1.4px);background-size:14px 14px;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.kd-fm-cl{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;transition:opacity .2s}
.kd-fm-cl.is-above{flex-direction:column-reverse;transform:translate(-50%,calc(-100% + 12px))}
.kd-fm-cl.is-below{transform:translate(-50%,-12px)}
.kd-fm-cl.is-left{flex-direction:row-reverse;transform:translate(calc(-100% + 12px),-50%)}
.kd-fm-cl.is-right{flex-direction:row;transform:translate(-12px,-50%)}
.kd-fm-cl-d{display:flex}
.kd-fm-cl-n{padding:0 3px;background:none;border:0;font:inherit;font-size:13px;font-weight:650;line-height:1.3;color:var(--ink);white-space:nowrap;cursor:pointer;direction:rtl}
.kd-fm-cl.is-sel .kd-fm-cl-n{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.kd-fm-dot{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;background:none;border:0;border-radius:50%;cursor:pointer;transition:opacity .2s,transform .15s}
.kd-fm-dot:hover{transform:scale(1.18)}
.kd-fm-dot.is-sel{box-shadow:0 0 0 2px var(--ink)}
.kd-fm-dot.is-dim,.kd-fm-cl.is-dim .kd-fm-cl-n{opacity:.2}
.kd-fm-pin{position:absolute;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid var(--ink);border-radius:50%}
.kd-fm-island{position:absolute;display:flex;flex-direction:column;justify-content:space-evenly;padding:3px 8px 3px 6px;background:var(--surface);border:1px dashed var(--muted);border-radius:6px;direction:rtl}
.kd-fm-island.is-sel{border:1.5px solid var(--ink)}
.kd-fm-island-t{font-size:12px;font-weight:700;line-height:1.3;color:var(--muted)}
.kd-fm-irow{display:flex;align-items:center;justify-content:space-between;gap:6px}
.kd-fm-irow-n{font-size:12.5px;font-weight:600;white-space:nowrap}
.kd-fm-irow-d{display:flex;direction:ltr}
/* שמות המקומות מתחת למפה */
.kd-fm-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:10px}
.kd-fm-tab{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:4px 9px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:3px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,opacity .2s}
.kd-fm-tab:hover{border-color:var(--ink)}
.kd-fm-tab[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.kd-fm-tab-n{font-size:12.5px;font-weight:700;opacity:.75}
.kd-fm-tab.is-dim{opacity:.45}
/* המפעלים במקום שנבחר (כפתורים קטנים) + כרטיס */
.kd-fm-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;margin-block-start:12px;align-items:start}
.kd-fm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start}
.kb-demo .kd-fm-list-t{grid-column:1/-1;font-size:14px;font-weight:700;line-height:1.4;color:var(--ink)}
.kb-demo .kd-fm-list-g{flex-basis:100%;margin-block-start:2px;font-size:12.5px;font-weight:700;line-height:1.3;color:var(--muted)}
.kd-fm-row{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:3px 9px;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s,background .15s,opacity .2s}
.kd-fm-row:hover{border-color:var(--ink)}
.kd-fm-row[aria-pressed=true]{background:var(--soft);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.kd-fm-row.is-dim{opacity:.4}
.kd-fm-row-t{display:flex;flex-direction:column;min-width:0}
.kd-fm-row-n{font-size:14px;font-weight:650;line-height:1.3}
.kd-fm-row-s{font-size:12.5px;color:var(--muted);line-height:1.35}
.kd-fm-card{padding:12px 14px;background:var(--kd-cell);border:1px solid var(--line);border-radius:6px}
.kd-fm-card.is-empty{display:grid;place-items:center;min-height:150px}
.kb-demo .kd-fm-empty{font-size:15px;line-height:1.6;color:var(--muted);text-align:center}
.kb-demo .kd-fm-tag{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;line-height:1.4;color:var(--muted)}
.kb-demo .kd-fm-name{margin-block-start:4px;font-size:19px;font-weight:800;line-height:1.3}
.kb-demo .kd-fm-en{font-size:13.5px;line-height:1.5;color:var(--muted)}
.kd-fm-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;margin:8px 0 0;font-size:15px;line-height:1.5}
.kd-fm-dl dt{font-weight:700;color:var(--muted);font-size:14px}
.kd-fm-dl dd{margin:0}
.kb-demo .kd-fm-src{margin-block-start:8px;padding-block-start:7px;border-block-start:1px solid var(--line);font-size:12.5px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}
.kb-demo .kd-fm-q{margin-block-start:2px;font-size:12.5px;line-height:1.5;color:var(--muted);text-align:left;overflow-wrap:anywhere}
/* המשימה בשורת התוצאה */
.kd-fm-task-l{font-weight:700}
.kd-fm-task-i{display:inline-block;margin-inline-end:10px;padding-inline-start:18px;position:relative;font-weight:600;color:var(--muted)}
.kd-fm-task-i::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:13px;height:13px;transform:translateY(-50%);border:1.5px solid var(--muted);border-radius:2px;box-sizing:border-box}
.kd-fm-task-i.is-done{color:var(--ink)}
.kd-fm-task-i.is-done::before{background:var(--kd-hot);border-color:var(--kd-hot)}
.kd-fm-task-i.is-done::after{content:"";position:absolute;inset-inline-start:5px;top:calc(50% - 5px);width:3px;height:7px;border:solid var(--kd-on-hot);border-width:0 2px 2px 0;transform:rotate(45deg)}
.kd-fm-task-m{display:block;margin-block-start:2px}
@media(max-width:620px){
  .kd-fm-map{aspect-ratio:100/88}
  .kd-fm-detail{grid-template-columns:minmax(0,1fr)}
  .kd-fm-cl-n{font-size:11.5px;padding:0 2px}
  .kd-fm-dot{width:18px;height:18px}
  .kd-fm-dot .kd-fm-mk{width:11px;height:11px}
  .kd-fm-dot .kd-fm-mk.is-build{border-width:2.5px}
  .kd-fm-dot .kd-fm-mk.is-plan{-webkit-mask:radial-gradient(circle,transparent 3px,#000 3.5px);mask:radial-gradient(circle,transparent 3px,#000 3.5px)}
  .kd-fm-cl.is-above{transform:translate(-50%,calc(-100% + 9px))}
  .kd-fm-cl.is-below{transform:translate(-50%,-9px)}
  .kd-fm-cl.is-left{transform:translate(calc(-100% + 9px),-50%)}
  .kd-fm-cl.is-right{transform:translate(-9px,-50%)}
  .kd-fm-cl-d{flex-wrap:wrap;justify-content:center;max-width:58px}
  .kd-fm-island{padding:2px 5px 2px 3px}
  .kd-fm-island-t{font-size:10.5px}
  .kd-fm-irow-n{font-size:11px}
  .kd-fm-tab,.kd-fm-row{min-height:44px}
  .kd-fm-list{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.kd-fm *{transition:none!important}.kd-fm-dot:hover{transform:none}}