@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&display=swap');
/* ENGINE (armored #articlePage .b2bai) */

#articlePage .b2bai .b2b-card{--b2b-acc:#1f6fb2;--b2b-acc2:#2f8f7d;--b2b-line:#e2e7ee;--b2b-ink:#1c2531;--b2b-soft:#5a6b7e;--b2b-bg:#f7f9fc;
  font-family:'Be Vietnam Pro',Roboto,'Segoe UI',system-ui,Arial,sans-serif;color:var(--b2b-ink);
  background:#fff;border:1px solid var(--b2b-line);border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 1px 3px rgba(20,40,70,.05)}

#articlePage .b2bai .b2b-card h3{font-size:1.15rem;font-weight:700;margin:0 0 14px;color:var(--b2b-ink)}

#articlePage .b2bai .b2b-card h4{font-size:1rem;font-weight:700;margin:0 0 8px}

#articlePage .b2bai .b2b-note{font-size:.84rem;color:var(--b2b-soft);line-height:1.5}

#articlePage .b2bai .b2b-field{margin:14px 0}

#articlePage .b2bai .b2b-field>label{display:block;font-size:.84rem;font-weight:600;margin-bottom:6px;color:var(--b2b-ink)}

#articlePage .b2bai .b2b-v{color:var(--b2b-soft);font-weight:400}

#articlePage .b2bai .b2b-card input[type=range]{width:100%;accent-color:var(--b2b-acc)}

#articlePage .b2bai .b2b-card select{width:100%;padding:9px 11px;border:1px solid var(--b2b-line);border-radius:8px;font:inherit;font-size:.9rem;background:#fff;color:var(--b2b-ink)}

#articlePage .b2bai .b2b-card select:focus{outline:none;border-color:var(--b2b-acc)}

#articlePage .b2bai .b2b-seg{display:flex;gap:6px;flex-wrap:wrap}

#articlePage .b2bai .b2b-seg button{flex:1;min-width:64px;background:var(--b2b-bg);border:1px solid var(--b2b-line);color:var(--b2b-soft);padding:9px 12px;border-radius:7px;cursor:pointer;font:inherit;font-weight:600;font-size:.85rem;transition:.14s}

#articlePage .b2bai .b2b-seg button.on{background:var(--b2b-acc);color:#fff;border-color:var(--b2b-acc);box-shadow:0 2px 10px rgba(0,0,0,.18)}

#articlePage .b2bai .b2b-seg button:hover:not(.on){border-color:var(--b2b-acc);color:var(--b2b-ink)}

#articlePage .b2bai .b2b-out{margin:14px 0;padding:16px;border-radius:10px;background:var(--b2b-bg);border:1px solid var(--b2b-line)}

#articlePage .b2bai .b2b-big{font-size:2rem;font-weight:800;color:var(--b2b-acc);line-height:1}

#articlePage .b2bai .b2b-sub{font-size:.84rem;color:var(--b2b-soft);margin-top:6px}

#articlePage .b2bai .b2b-sub b{color:var(--b2b-ink)}

#articlePage .b2bai .b2b-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}

@media(max-width:640px){#articlePage .b2bai .b2b-grid3{grid-template-columns:1fr}
}
#articlePage .b2bai .b2b-stat{text-align:center;padding:14px;background:var(--b2b-bg);border:1px solid var(--b2b-line);border-radius:10px}

#articlePage .b2bai .b2b-stat b{display:block;font-size:1.8rem;font-weight:800;color:var(--b2b-acc);line-height:1}

#articlePage .b2bai .b2b-stat span{font-size:.78rem;color:var(--b2b-soft)}

#articlePage .b2bai .b2b-prod{border:1px solid var(--b2b-line);border-radius:10px;padding:13px;background:#fff}

#articlePage .b2bai .b2b-prod-h a{font-weight:700;color:var(--b2b-ink);text-decoration:none}

#articlePage .b2bai .b2b-prod-h a:hover{color:var(--b2b-acc)}

#articlePage .b2bai .b2b-chips{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}

#articlePage .b2bai .b2b-chip{font-size:.74rem;padding:4px 10px;border-radius:5px;background:var(--b2b-bg);border:1px solid var(--b2b-line);color:var(--b2b-soft);white-space:nowrap;font-weight:500}


#articlePage .b2bai .b2b-chip.ok{color:#04210f;border-color:#22d07a;background:#22d07a;font-weight:700}

#articlePage .b2bai .b2b-chip.mid{color:#231d00;border-color:#ffd60a;background:#ffd60a;font-weight:700}

#articlePage .b2bai .b2b-chip.low{color:#2a1500;border-color:#ff9a2e;background:#ff9a2e;font-weight:700}

#articlePage .b2bai .b2b-chip.no{color:#fff;border-color:#ff4d4d;background:#ff4d4d;font-weight:700}

#articlePage .b2bai .b2b-chip.info{color:#082e4d;border-color:#56b6ff;background:#56b6ff;font-weight:700}

#articlePage .b2bai .b2b-chip.eq{color:#5a3a9a;border-color:#d8cdef;background:#f1ecfb;font-weight:600}

#articlePage .b2bai .b2b-chip.strong{color:var(--b2b-ink);border-color:var(--b2b-accent);font-weight:700}

#articlePage .b2bai .b2b-modelinfo{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:2px 0 12px}

#articlePage .b2bai .b2b-mi-note{font-size:.78rem;color:var(--b2b-soft);font-style:italic;margin-left:2px}

#articlePage .b2bai select#b-vmodel, #articlePage .b2bai select#b-smodel{width:100%;padding:9px 10px;border:1px solid var(--b2b-line);border-radius:8px;background:#fff;font-size:.9rem;color:var(--b2b-ink)}

#articlePage .b2bai .b2b-prod-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}

#articlePage .b2bai .b2b-prod-f b{color:var(--b2b-ink);font-size:1.05rem}

#articlePage .b2bai .b2b-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}

#articlePage .b2bai .b2b-btn{background:var(--b2b-acc);color:#fff;border:0;border-radius:8px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer}

#articlePage .b2bai .b2b-btn:hover{filter:brightness(1.08)}

#articlePage .b2bai .b2b-tablewrap{overflow-x:auto;border:1px solid var(--b2b-line);border-radius:10px}

#articlePage .b2bai .b2b-table{width:100%;border-collapse:collapse;font-size:.86rem}

#articlePage .b2bai .b2b-table th, #articlePage .b2bai .b2b-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--b2b-line);white-space:nowrap}

#articlePage .b2bai .b2b-table th{color:var(--b2b-soft);font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;font-weight:600}

#articlePage .b2bai .b2b-table a{color:var(--b2b-ink);text-decoration:none;font-weight:600}

#articlePage .b2bai .b2b-table a:hover{color:var(--b2b-acc)}


#articlePage .b2bai .b2b-speed-ctrl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}

@media(max-width:640px){#articlePage .b2bai .b2b-speed-ctrl{grid-template-columns:1fr}
}
#articlePage .b2bai .b2b-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 16px}

#articlePage .b2bai .b2b-tab{display:inline-flex;align-items:center;gap:7px;background:var(--b2b-bg);border:1px solid var(--b2b-line);color:var(--b2b-soft);padding:9px 14px;border-radius:7px;cursor:pointer;font:inherit;font-weight:600;font-size:.85rem;transition:.14s}

#articlePage .b2bai .b2b-tab:hover{border-color:var(--b2b-acc);color:var(--b2b-ink)}

#articlePage .b2bai .b2b-tab.on{background:var(--b2b-acc);color:#fff;border-color:var(--b2b-acc);box-shadow:0 2px 10px rgba(0,0,0,.18)}

#articlePage .b2bai .b2b-tab .b2b-ic svg{width:16px;height:16px}

#articlePage .b2bai .b2b-race{display:grid;grid-template-columns:1fr 1fr;gap:14px}

@media(max-width:640px){#articlePage .b2bai .b2b-race{grid-template-columns:1fr}
}
#articlePage .b2bai .b2b-lane{border:1px solid var(--b2b-line);border-radius:10px;padding:14px;background:var(--b2b-bg)}

#articlePage .b2bai .b2b-lane-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}

#articlePage .b2bai .b2b-lane-h b{font-size:.92rem}

#articlePage .b2bai .b2b-stream{min-height:120px;max-height:160px;overflow:auto;background:#fff;border:1px solid var(--b2b-line);border-radius:8px;padding:12px;font-size:.88rem;line-height:1.5;white-space:pre-wrap}

#articlePage .b2bai .b2b-stream:empty::before, #articlePage .b2bai .b2b-caption:empty::before{content:'Klikněte na „Spustit ukázku“ — text se začne vypisovat reálnou rychlostí stroje.';color:var(--b2b-soft);font-style:italic;font-size:.84rem}

#articlePage .b2bai .b2b-card .b2b-cursor{display:inline-block;width:7px;height:1.05em;background:var(--b2b-acc);vertical-align:-2px;margin-left:1px;animation:b2bblink 1s steps(2) infinite}

@keyframes b2bblink{0%,50%{opacity:1}50.1%,100%{opacity:0}}
#articlePage .b2bai .b2b-stream.code{font-family:ui-monospace,Menlo,monospace;font-size:.82rem;background:#0f1620;color:#d6e2f0;border-color:#0f1620}

#articlePage .b2bai .b2b-vision{display:flex;gap:12px}

#articlePage .b2bai .b2b-vphoto{flex:none;width:90px;height:90px;border-radius:10px;background:linear-gradient(135deg,#dce6f2,#c3d6ea);display:flex;align-items:center;justify-content:center;font-size:2rem}

#articlePage .b2bai .b2b-vision .b2b-stream{flex:1;min-height:90px}

#articlePage .b2bai .b2b-video{background:#0f1620;border-radius:10px;overflow:hidden}

#articlePage .b2bai .b2b-vbar{height:6px;background:#26313f}
#articlePage .b2bai .b2b-vbar span{display:block;height:100%;width:0;background:var(--b2b-acc);transition:width .1s}

#articlePage .b2bai .b2b-caption{min-height:70px;padding:12px;color:#eef4fb;font-size:.9rem;line-height:1.5;text-align:center;white-space:pre-wrap}

#articlePage .b2bai .b2b-rt{margin-top:8px;font-size:.82rem;font-weight:600;padding:6px 10px;border-radius:7px}

#articlePage .b2bai .b2b-rt.ok{background:#e8f7f1;color:#1c7a5e}
#articlePage .b2bai .b2b-rt.no{background:#fdeee9;color:#b23b2c}
#articlePage .b2bai .b2b-rt.info{background:#eaf3fb;color:#1f5f8f}

#articlePage .b2bai .b2b-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

@media(max-width:620px){#articlePage .b2bai .b2b-matrix{grid-template-columns:1fr}
}
#articlePage .b2bai .b2b-mx{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid var(--b2b-line);border-radius:10px;background:#fff;border-left:4px solid var(--b2b-line)}

#articlePage .b2bai .b2b-mx.ok{border-left-color:#22d07a}
#articlePage .b2bai .b2b-mx.mid{border-left-color:#ffd60a}
#articlePage .b2bai .b2b-mx.low{border-left-color:#ff9a2e}
#articlePage .b2bai .b2b-mx.no{border-left-color:#ff4d4d}

#articlePage .b2bai .b2b-mx-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--b2b-acc)}

#articlePage .b2bai .b2b-ic{display:inline-flex;vertical-align:-2px}

#articlePage .b2bai .b2b-ic svg{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

#articlePage .b2bai .b2b-mx-ic .b2b-ic svg{width:20px;height:20px}

#articlePage .b2bai .b2b-vphoto .b2b-ic svg{width:34px;height:34px;color:#5b7da6;stroke-width:1.4}

#articlePage .b2bai .b2b-stream-off{padding:14px;border:1px dashed var(--b2b-line);border-radius:8px;background:var(--b2b-bg);color:var(--b2b-soft);font-size:.86rem;min-height:60px;display:flex;align-items:center}

#articlePage .b2bai .b2b-stream-off.no{border-color:#f1cfc8;background:#fdeee9;color:#b23b2c}

#articlePage .b2bai .b2b-stream-off.slow{border-color:#f0deb4;background:#fcf4e2;color:#9a6b12}

#articlePage .b2bai .b2b-btn:disabled{opacity:.45;cursor:not-allowed;filter:none}

#articlePage .b2bai .b2b-strongtxt{color:var(--b2b-acc)}

#articlePage .b2bai .b2b-scale{margin-top:12px;display:flex;flex-direction:column;gap:6px}

#articlePage .b2bai .b2b-scale-row{display:grid;grid-template-columns:62px 78px 1fr;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--b2b-line);border-radius:8px;background:var(--b2b-bg);font-size:.86rem}

#articlePage .b2bai .b2b-scale-row.on{border-color:var(--b2b-acc);background:#fff;font-weight:600}

#articlePage .b2bai .b2b-scale-n{font-weight:700;color:var(--b2b-ink)}

#articlePage .b2bai .b2b-scale-v{color:var(--b2b-soft)}

#articlePage .b2bai .b2b-scale-m{color:var(--b2b-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#articlePage .b2bai .b2b-mx b{font-size:.9rem}
#articlePage .b2bai .b2b-mx-h{font-size:.76rem;color:var(--b2b-soft)}

#articlePage .b2bai .b2b-mx .b2b-chip{margin-left:auto}

#articlePage .b2bai .b2b-verdict{margin-top:8px;min-height:1.6em}


#articlePage .b2bai .b2b-faq h3.b2b-faq-h{font-size:1.02rem;font-weight:700;color:var(--b2b-acc);margin:20px 0 6px}

#articlePage .b2bai .b2b-faq h3.b2b-faq-h:first-child{margin-top:0}

#articlePage .b2bai .b2b-faq-q{border-bottom:1px solid var(--b2b-line)}

#articlePage .b2bai .b2b-faq-q>summary{cursor:pointer;list-style:none;position:relative;padding:11px 26px 11px 2px;font-weight:600;font-size:.92rem;color:var(--b2b-ink)}

#articlePage .b2bai .b2b-faq-q>summary::-webkit-details-marker{display:none}

#articlePage .b2bai .b2b-faq-q>summary::after{content:'+';position:absolute;right:6px;top:10px;font-size:1.15rem;color:var(--b2b-soft);font-weight:400;line-height:1}

#articlePage .b2bai .b2b-faq-q[open]>summary::after{content:'–'}

#articlePage .b2bai .b2b-faq-q>summary:hover{color:var(--b2b-acc)}

#articlePage .b2bai .b2b-faq-a{padding:0 2px 13px;font-size:.88rem;line-height:1.6;color:var(--b2b-soft)}

#articlePage .b2bai .b2b-faq-calc{display:inline-block;margin-top:9px;font-weight:600;font-size:.85rem;color:var(--b2b-acc);text-decoration:none}

#articlePage .b2bai .b2b-faq-calc:hover{text-decoration:underline}


/* ARTICLE */
/* ============================================================================
   B2B AI – Rozcestník kalkulaček (Alza článek)
   Design vychází z popisku AlzaPC VisionBox PRO (root "AI B2B", varianta pd--alza).
   Akcent = brandová fialová #a23bd0. Vše scopnuté pod #articlePage .b2bai.
   Kalkulačky renderuje engine z CDN; tělo dostane tmavý fialový motiv.
   ========================================================================== */

#articlePage .b2bai{
  --ai-bg:#0a0d12; --ai-ink:#dfe8f2; --ai-soft:#9fb0c4; --ai-white:#fff;
  --ai-acc:#a23bd0; --ai-acc2:#b95fe0; --ai-line:rgba(122,152,192,.22);
  --ai-glass:rgba(17,25,36,.55);
  position:relative; max-width:none; margin:0;
  color:var(--ai-ink) !important; line-height:1.55;
  font-family:'Be Vietnam Pro',Roboto,'Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  /* PŘESNĚ stejné pozadí jako AI B2B popisek (varianta pd--alza) — jeden designovaný obrázek
     s fialovými/modrými zářemi a jemnou tečkovanou texturou, roztažený přes celou stránku */
  background:#070910 url('https://cdn.alza.cz/Foto/LegendFoto/EN/Files/ostatni/b2bai/la-A-bg-alza.jpg') 0 0/100% 100% no-repeat !important;
  width:100%;
  padding:0 0 10px;
}
/* (starfield SVG odstraněn — pozadí teď nese přímo la-A-bg-alza.jpg jako v popisku) */
#articlePage .b2bai > *{position:relative; z-index:1}
#articlePage .b2bai *{box-sizing:border-box}
#articlePage .b2bai a{color:var(--ai-acc); text-decoration:none}
#articlePage .b2bai a:hover{color:var(--ai-white)}

/* ---- HERO ----------------------------------------------------------------- */
#articlePage .b2bai-hero{text-align:center; padding:54px 22px 36px}
#articlePage .b2bai-kicker{margin:0 0 14px; font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ai-acc) !important;}
#articlePage .b2bai-hero__t{margin:0 auto 16px; max-width:760px; color:var(--ai-white) !important; font-weight:800; font-size:2.5rem; line-height:1.08; text-transform:uppercase;}
#articlePage .b2bai-hero__sub{margin:0 auto; max-width:660px; color:#b3c0d1 !important; font-size:1.06rem;}

/* rozcestník – 4 dlaždice (kotvy) — bez ikon */
#articlePage .b2bai-tiles{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; max-width:920px; margin:34px auto 0;}
#articlePage .b2bai-tile{display:flex; flex-direction:column; gap:6px; align-items:flex-start; text-align:left; padding:20px 20px 18px; border-radius:14px; background:var(--ai-glass); border:1px solid var(--ai-line); color:var(--ai-ink) !important; transition:.16s;}
#articlePage .b2bai-tile:hover{border-color:var(--ai-acc); transform:translateY(-3px); color:var(--ai-ink) !important}
#articlePage .b2bai-tile__t{font-weight:700; font-size:1.05rem; color:var(--ai-white) !important}
#articlePage .b2bai-tile__d{font-size:.84rem; color:var(--ai-soft) !important}

/* ---- STICKY MINI-NAV ------------------------------------------------------ */
#articlePage .b2bai-nav{position:sticky; top:0; z-index:30; margin-top:8px; background:rgba(8,11,16,.86); backdrop-filter:blur(10px); border-top:1px solid var(--ai-line); border-bottom:1px solid var(--ai-line);}
#articlePage .b2bai-nav__in{display:flex; flex-wrap:wrap; gap:6px; justify-content:center; max-width:1040px; margin:0 auto; padding:9px 16px;}
#articlePage .b2bai-nav a{font-size:.86rem; font-weight:600; color:var(--ai-soft) !important; padding:7px 14px; border-radius:999px; border:1px solid transparent; transition:.14s;}
#articlePage .b2bai-nav a:hover{color:var(--ai-white) !important}
#articlePage .b2bai-nav a.is-on{color:var(--ai-white) !important; background:rgba(162,59,208,.16); border-color:rgba(162,59,208,.45);}

/* ---- SEKCE ---------------------------------------------------------------- */
#articlePage .b2bai-sec{padding:48px 0 8px; scroll-margin-top:60px}
#articlePage .b2bai-sec__head{max-width:760px; margin:0 auto 22px; text-align:center}
#articlePage .b2bai-sec__num{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin-bottom:12px; border-radius:50%; background:rgba(162,59,208,.16); border:1px solid rgba(162,59,208,.45); color:var(--ai-acc); font-weight:800; font-size:1.05rem;}
#articlePage .b2bai-sec__head h2{margin:0 0 8px; color:var(--ai-white) !important; font-weight:800; font-size:1.7rem; line-height:1.15; text-transform:uppercase;}
#articlePage .b2bai-sec__head p{margin:0 auto; max-width:620px; color:var(--ai-soft) !important; font-size:1rem}
#articlePage .b2bai-sec--alt{background:transparent; border:0;}  /* žádné švy — pozadí je souvislé přes celou stránku */

/* ---- ACCORDION (každá kalkulačka schovaná) ------------------------------- */
#articlePage .b2bai-acc{max-width:820px; margin:12px auto; border:1px solid var(--ai-line); border-radius:14px; background:rgba(11,16,24,.66); overflow:hidden; transition:border-color .15s;}
#articlePage .b2bai-acc.is-open{border-color:rgba(162,59,208,.5)}
#articlePage .b2bai-acc__head{display:flex; align-items:center; gap:16px; width:100%; text-align:left; padding:18px 20px; cursor:pointer; font:inherit; color:var(--ai-ink); background:transparent; border:0;}
#articlePage .b2bai-acc__head:hover{background:rgba(162,59,208,.06)}
#articlePage .b2bai-acc__txt{display:flex; flex-direction:column; gap:3px; flex:1; min-width:0}
#articlePage .b2bai-acc__t{font-weight:700; font-size:1.12rem; color:var(--ai-white)}
#articlePage .b2bai-acc__d{font-size:.88rem; color:var(--ai-soft)}
#articlePage .b2bai-acc__chev{flex:none; width:30px; height:30px; border-radius:50%; border:1px solid var(--ai-line); position:relative; transition:.2s}
#articlePage .b2bai-acc__chev::before{content:""; position:absolute; left:50%; top:46%; width:8px; height:8px; border-right:2px solid var(--ai-acc); border-bottom:2px solid var(--ai-acc); transform:translate(-50%,-50%) rotate(45deg);}
#articlePage .b2bai-acc.is-open .b2bai-acc__chev{background:rgba(162,59,208,.16); border-color:rgba(162,59,208,.5); transform:rotate(180deg)}
#articlePage .b2bai-acc__body{display:none; padding:0 16px 16px}
#articlePage .b2bai-acc.is-open .b2bai-acc__body{display:block}
#articlePage .b2bai-calc{margin:0}
#articlePage .b2bai-calc__ph{padding:26px; border-radius:14px; text-align:center; color:var(--ai-soft); background:#0b111a; border:1px solid #1d2733; font-size:.9rem;}

/* ---- DARK THEME pro kalkulačky z enginu (přebíjí la-engine.css) ----------- */
#articlePage .b2bai .b2b-card{--b2b-bg:#121a25; --b2b-line:#28384a; --b2b-ink:#eef3f9; --b2b-soft:#9fb0c4; --b2b-acc:#a23bd0; background:#0b111a; border:1px solid #1d2733; color:#dfe8f2; margin:0;}
#articlePage .b2bai .b2b-card h3,#articlePage .b2bai .b2b-card h4{color:#fff}
#articlePage .b2bai .b2b-card select,#articlePage .b2bai .b2b-card input,#articlePage .b2bai .b2b-prod,#articlePage .b2bai .b2b-stream,#articlePage .b2bai .b2b-mx{background:#121a25 !important; color:#eef3f9; border-color:#28384a;}
#articlePage .b2bai .b2b-stream.code{background:#070b11 !important; color:#d6e2f0}
#articlePage .b2bai .b2b-prod-h a,#articlePage .b2bai .b2b-prod-f b,#articlePage .b2bai .b2b-scale-n,#articlePage .b2bai .b2b-scale-m{color:#fff}
#articlePage .b2bai .b2b-btn{color:#fff !important}
#articlePage .b2bai .b2b-scale-row.on{background:rgba(162,59,208,.18) !important; border-color:var(--b2b-acc)}
#articlePage .b2bai .b2b-stat,#articlePage .b2bai .b2b-out,#articlePage .b2bai .b2b-lane{background:#121a25; border-color:#28384a}
#articlePage .b2bai .b2b-table th,#articlePage .b2bai .b2b-table td{border-color:#28384a}
/* segmentové přepínače — vzdušnější formátování */
#articlePage .b2bai .b2b-seg{gap:8px}
#articlePage .b2bai .b2b-seg button,#articlePage .b2bai .b2b-tab{min-width:104px; padding:11px 14px; line-height:1.25; font-size:.84rem; white-space:normal;}
/* živá ukázka — sjednotit výšku hlavičky drah, ať generování začíná VŽDY ve stejné výšce */
#articlePage .b2bai .b2b-lane-h{align-items:flex-start; min-height:3em}
#articlePage .b2bai .b2b-lane-h b{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em}

/* ---- CTA do katalogu + tlačítka ------------------------------------------ */
#articlePage #qa{padding-top:6px}   /* menší mezera mezi poslední kalkulačkou a CTA */
#articlePage .b2bai-cta{max-width:900px; margin:14px auto 10px; padding:34px 26px; text-align:center; border-radius:18px; background:linear-gradient(135deg,#1c1230,#120b1f 60%,#241038); border:1px solid rgba(162,59,208,.3);}
#articlePage .b2bai-cta h2{margin:0 0 8px; color:var(--ai-white) !important; font-weight:800; font-size:1.5rem; text-transform:uppercase}
#articlePage .b2bai-cta p{margin:0 auto 20px; max-width:560px; color:var(--ai-soft) !important}
#articlePage .b2bai-btn{display:inline-flex; align-items:center; gap:8px; padding:13px 30px; border-radius:999px; font-weight:700; color:#fff !important; background:var(--ai-acc); border:1px solid var(--ai-acc); transition:.15s;}
#articlePage .b2bai-btn:hover{filter:brightness(1.1); color:#fff !important}

/* ---- DISCLAIMER ----------------------------------------------------------- */
#articlePage .b2bai-disc{max-width:900px; margin:30px auto 0; padding:16px 20px; border-radius:12px; background:rgba(17,25,36,.5); border:1px solid var(--ai-line); color:var(--ai-soft) !important; font-size:.82rem; text-align:center;}

/* ---- RESPONSIVE ----------------------------------------------------------- */
@media (max-width:880px){#articlePage .b2bai-hero__t{font-size:2rem} #articlePage .b2bai-tiles{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#articlePage .b2bai-hero{padding:40px 18px 28px} #articlePage .b2bai-hero__t{font-size:1.7rem} #articlePage .b2bai-tiles{grid-template-columns:1fr} #articlePage .b2bai-sec__head h2{font-size:1.4rem} #articlePage .b2bai-acc__head{padding:16px}}

/* FONT-ARMOR — sjednotit písmo na všech prvcích (Alza globál jinak přebíjí drobné texty) */
#articlePage .b2bai, #articlePage .b2bai *{font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important; font-style:normal !important;}
/* monospace-keep: code ukázka rychlosti zůstane mono i přes font-armor */
#articlePage .b2bai .b2b-stream.code,#articlePage .b2bai code,#articlePage .b2bai pre{font-family:ui-monospace,Menlo,Consolas,'Courier New',monospace !important;}

/* ===== RESPONZIVITA-ENGINE — engine má viewport media-queries → v užším article sloupci přetéká.
   Přepíšeme mřížky na container-responsive (auto-fit) a povolíme zmenšení flex/grid prvků. ===== */
#articlePage .b2bai-tiles{grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important}
#articlePage .b2bai .b2b-grid3{grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important}
#articlePage .b2bai .b2b-matrix{grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important}
#articlePage .b2bai .b2b-race{grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important}
#articlePage .b2bai .b2b-speed-ctrl{grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important}
/* flex/grid potomci se musí umět zmenšit (jinak min-content přetéká sloupec) */
#articlePage .b2bai .b2b-grid3>*,#articlePage .b2bai .b2b-matrix>*,#articlePage .b2bai .b2b-race>*,
#articlePage .b2bai .b2b-speed-ctrl>*,#articlePage .b2bai .b2b-mx,#articlePage .b2bai .b2b-vision,
#articlePage .b2bai .b2b-stat,#articlePage .b2bai .b2b-lane{min-width:0 !important}
#articlePage .b2bai select,#articlePage .b2bai input{max-width:100% !important}
#articlePage .b2bai .b2b-card,#articlePage .b2bai .b2b-mx,#articlePage .b2bai .b2b-stat{overflow-wrap:anywhere}
#articlePage .b2bai .b2b-tablewrap{overflow-x:auto}
/* nic nepřeteče sloupec */
#articlePage .b2bai img,#articlePage .b2bai table{max-width:100% !important}

/* ===== SKLÁDAČ MODELŮ — zarovnat řádek slotu (select + Q4/FP8/FP16 + ×) ===== */
#articlePage .b2bai #b-co-slots>div{flex-wrap:wrap !important; align-items:center !important; gap:8px !important}
#articlePage .b2bai .b2b-co-sel{flex:1 1 240px !important; min-width:0 !important}
#articlePage .b2bai .b2b-co-q{display:inline-flex; align-items:center}
#articlePage .b2bai .b2b-co-q .b2b-seg{flex-wrap:nowrap !important; gap:6px}
#articlePage .b2bai .b2b-co-q .b2b-seg button{min-width:0 !important; padding:8px 12px !important; white-space:nowrap !important}
#articlePage .b2bai .b2b-co-del{flex:none; align-self:center}

/* ===== CITELNOST-OVERFLOW — enginové prvky na tmavém motivu (bledé texty + přetékání) ===== */
/* chipy se LÁMOU, nepřetékají kartu */
#articlePage .b2bai .b2b-chip{white-space:normal !important; max-width:100%; overflow-wrap:anywhere; height:auto}
#articlePage .b2bai .b2b-chips{flex-wrap:wrap}
#articlePage .b2bai .b2b-prod,#articlePage .b2bai .b2b-mx{overflow:hidden}
/* engine de-emphasis přes inline opacity je na tmavém nečitelné → zčitelnit (čistá soft barva) */
#articlePage .b2bai .b2b-scale-m span,#articlePage .b2bai .b2b-big span,#articlePage .b2bai .b2b-modelinfo span,#articlePage .b2bai .b2b-tab span[style*="opacity"]{opacity:1 !important; color:#9fb0c4 !important}
/* primární názvy vždy jasné a jednotné */
#articlePage .b2bai .b2b-mx b,#articlePage .b2bai .b2b-lane-h b,#articlePage .b2bai .b2b-stat b,#articlePage .b2bai .b2b-prod-h a,#articlePage .b2bai .b2b-scale-n,#articlePage .b2bai .b2b-scale-m{color:#eef3f9 !important}
/* o něco jasnější soft barva pro popisky na tmavém */
#articlePage .b2bai .b2b-card{--b2b-soft:#aeb9c9}
#articlePage .b2bai .b2b-note,#articlePage .b2bai .b2b-mx-h,#articlePage .b2bai .b2b-sub,#articlePage .b2bai .b2b-scale-v,#articlePage .b2bai .b2b-mi-note{color:#aeb9c9 !important}

/* ===== COMPOSER-ALIGN-V2 + globální čitelnost inline-opacity ===== */
/* jednotná výška řádku slotu (42px) → select, Q4/FP8/FP16 i × zarovnané na jedné ose */
#articlePage .b2bai #b-co-slots>div{display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:8px !important}
#articlePage .b2bai .b2b-co-sel{flex:1 1 240px !important; min-width:0 !important; height:42px !important}
#articlePage .b2bai .b2b-co-q{display:inline-flex !important; align-items:center; height:42px}
#articlePage .b2bai .b2b-co-q .b2b-seg{flex-wrap:nowrap !important; gap:6px; height:42px; align-items:stretch}
#articlePage .b2bai .b2b-co-q .b2b-seg button{min-width:0 !important; height:42px !important; padding:0 14px !important; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap !important}
#articlePage .b2bai .b2b-co-del{flex:none !important; width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; background:#121a25 !important; color:#9fb0c4 !important; border:1px solid #28384a !important; border-radius:7px; font-size:1.1rem; line-height:1; cursor:pointer}
#articlePage .b2bai .b2b-co-del:hover{color:#fff !important; border-color:var(--ai-acc) !important}
/* VŠECHNY engine de-emphasis texty přes inline opacity → čitelné */
#articlePage .b2bai [style*="opacity"]{opacity:1 !important}
/* výsledek composeru: jasné názvy + GB, soft jen (q4) */
#articlePage .b2bai #b-co-verdict{color:#eef3f9}
#articlePage .b2bai #b-co-verdict b{color:#fff}
#articlePage .b2bai #b-co-verdict span[style*="opacity"]{color:#9fb0c4 !important}

/* ===== VERDICT-DIRECT — barvit PŘÍMO prvky (ne dědičnost), jinak Alza přímé pravidlo na span vyhraje ===== */
#articlePage .b2bai #b-co-verdict span:not(.b2b-chip),#articlePage .b2bai #b-co-verdict b{color:#eef3f9 !important}
#articlePage .b2bai #b-co-verdict span[style*="opacity"]{color:#9fb0c4 !important; opacity:1 !important}

/* ===== COMPOSER-ALIGN-V3 — neprůstřelné zarovnání (vše přímé !important, ať to Alza nepřebije) ===== */
#articlePage .b2bai #b-co-slots>div{display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:8px !important}
#articlePage .b2bai #b-co-slots>div>*{align-self:center !important}
#articlePage .b2bai .b2b-co-sel{flex:1 1 240px !important; min-width:0 !important; height:42px !important; box-sizing:border-box !important; margin:0 !important}
#articlePage .b2bai .b2b-co-q{display:inline-flex !important; align-items:center !important; height:42px !important}
#articlePage .b2bai .b2b-co-q .b2b-seg{display:inline-flex !important; flex-wrap:nowrap !important; gap:6px !important; height:42px !important; align-items:stretch !important; margin:0 !important}
#articlePage .b2bai .b2b-co-q .b2b-seg button{min-width:0 !important; height:42px !important; padding:0 14px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; white-space:nowrap !important; margin:0 !important}
#articlePage .b2bai .b2b-co-del{flex:none !important; width:42px !important; height:42px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; background:#121a25 !important; color:#9fb0c4 !important; border:1px solid #28384a !important; border-radius:7px !important; cursor:pointer !important; margin:0 !important}
#articlePage .b2bai .b2b-co-del:hover{color:#fff !important; border-color:var(--ai-acc) !important}
/* HOOK-SCROLL */
#articlePage .b2bai-acc{scroll-margin-top:72px}