/* Písmo Vision a barvy webu idealine.cz.
   Idealine motiv: přebíjí --brand-* z brand-*.css (vyšší specificita, načítá se z index.html).
   Barvy a tvary podle idealine.cz: bílý papír, černý inkoust, žlutý akcent, olivový kicker. */
body .deck,body .eslab,html.deck-page.deck-page,html.eslab-page.eslab-page{
  --brand-bg:#f7f6f1;--brand-surface:#fff;--brand-surface-2:#f1efe7;
  --brand-ink:#111;--brand-ink-soft:#67645d;--brand-heading:#111;
  --brand-accent:#111;--brand-accent-strong:#786510;--brand-accent-soft:#fbf1c4;--brand-on-accent:#fff;
  --brand-border:#dedbd1;--brand-good:#176c45;--brand-good-soft:#dcefe3;--brand-bad:#a22d25;--brand-bad-soft:#f6dcd9;
  --brand-focus:#111;
  --brand-font:"visionregular",Arial,Helvetica,sans-serif;
  --brand-font-ui:"visionregular",Arial,Helvetica,sans-serif;
  --brand-radius:22px;--brand-radius-sm:14px;--brand-shadow:0 22px 70px #1917101a
}

/* nadpisy: černé, husté, jako hero na idealine.cz (Vision Black nahrazuje Arial Black) */
.deck .stage-head h1,.eslab h1{font-family:"visionblack","visionregular",Arial,sans-serif;font-weight:400;letter-spacing:-.03em;line-height:1.04}
.deck .stage h1,.eslab h2{font-weight:700;letter-spacing:-.02em}

/* kicker: číslo části v žluté značce, technický pojem olivově */
.deck .stage-head .stage-kicker{color:#786510;letter-spacing:.14em;font-weight:700}
.deck .stage-head .stage-no{background:#f4d85f;color:#111;border-radius:6px;padding:.15em .5em;letter-spacing:.04em}

/* navigace: žlutá pill tlačítka jako CTA na idealine.cz, sekundární bílá */
.deck .deck-btn{border-radius:999px;font-weight:700;color:#111}
.deck .deck-btn.primary,body .eslab button.primary,body .eslab .chip-btn.active{background:#f4d85f;border-color:#f4d85f;color:#111;font-weight:700}
.deck .deck-btn.primary:hover:not(:disabled),body .eslab button.primary:hover:not(:disabled){background:#d7b91f;border-color:#d7b91f}
.deck .deck-btn:hover:not(:disabled){border-color:#d7b91f}
.deck .deck-switch{border-color:#f4d85f}
.deck .deck-switch-item{color:#111;font-weight:700}
.deck .deck-switch-item.current{background:#f4d85f;color:#111}
.deck .deck-switch-item:not(.current):hover{background:#fbf1c4}
.deck .deck-topic{border-color:#dedbd1;color:#111;border-radius:999px;padding:0 18px;font-weight:700}
.deck .deck-topic:hover{border-color:#d7b91f}

/* takeaway: žlutá podkladová značka */
.deck .stage-takeaway{background:#fbf1c4;border-left-color:#d7b91f}
.deck .stage-takeaway span{color:#786510}

/* podpis: odkazy na idealine.cz a LinkedIn, pod sebou vlevo vedle karty u její spodní hrany.
   Je absolutně umístěný, takže kartě ani stránce nepřidává výšku. */
.deck .stage{position:relative}
.deck .stage-sign{position:absolute;right:100%;bottom:0;width:max-content;margin:0 28px 0 0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:var(--brand-font-ui);font-size:15px;line-height:1.25;font-weight:700;letter-spacing:.01em;white-space:nowrap;color:#111}
.deck .stage-sign a+a{font-weight:400;color:#67645d}
.deck .stage-sign a,.deck .deck-foot a{color:inherit;text-decoration:none;background-image:linear-gradient(#f4d85f,#f4d85f);background-size:100% .35em;background-position:0 88%;background-repeat:no-repeat}
.deck .stage-sign a:hover,.deck .deck-foot a:hover{background-size:100% 100%;color:#111}
/* užší než 16:9 nebo mobil: vedle karty není místo, podpis jde pod kartu na jeden řádek */
@media (max-aspect-ratio:16/9),(width<=720px){
  .deck .stage-sign{right:auto;left:0;bottom:auto;top:100%;margin:6px 0 0;flex-direction:row;gap:14px;font-size:13px}
  .deck main>.more{margin-top:30px}
}

/* lab: horní řádek je stejný jako v prezentaci (přepínač, výběr, Předchozí / počet / Další).
   Základ převzatý z PresentationPage css, protože ten se na stránce labu nenačítá. */
.eslab{font-family:var(--brand-font-ui)}
.eslab .deck-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}
.eslab .deck-switch{border:2px solid #f4d85f;border-radius:999px;display:inline-flex;overflow:hidden}
.eslab .deck-switch-item{min-height:44px;color:#111;align-items:center;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}
.eslab .deck-switch-item.current{background:#f4d85f;color:#111}
.eslab .deck-switch-item:not(.current):hover{background:#fbf1c4}
.eslab .deck-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}
.eslab .deck-count{text-align:center;font-variant-numeric:tabular-nums;min-width:70px;color:var(--brand-ink-soft)}
.eslab .deck-btn{min-height:var(--brand-control-h);font:inherit;color:#111;background:var(--brand-surface);border:2px solid var(--brand-border);border-radius:999px;cursor:pointer;padding:0 18px;font-weight:700}
.eslab .deck-btn:hover:not(:disabled){border-color:#d7b91f}
.eslab .deck-btn:disabled{opacity:.45;cursor:default}
.eslab .deck-topic{min-height:44px;max-width:min(640px,100%);border:2px solid #dedbd1;border-radius:999px;background:var(--brand-surface);color:#111;font:inherit;font-weight:700;padding:0 18px;margin-right:auto;cursor:pointer}
.eslab .deck-topic:hover{border-color:#d7b91f}
.eslab .deck-topic:focus-visible{outline:3px solid #111;outline-offset:2px}
/* výběr tématu / scénáře má v obou částech stejnou šířku, aby přepnutí neposouvalo řádek */
.deck .deck-topic,.eslab .deck-topic{width:min(640px,100%)}

/* lab v6: karta kroku bez hlavičky, záložky Princip / Pokus */
.eslab .scenario .exp-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px}
.eslab .scenario .exp-row p{margin:0;flex:1 1 240px;font-size:16px;line-height:1.4}
.eslab .scenario .exp-row strong{color:#111}
.eslab .scenario h3.sec{margin:0 0 6px;font-size:20px;font-weight:900;letter-spacing:-.01em;color:#111}
.eslab .scenario h3.sec~h3.sec{margin-top:20px;padding-top:16px;border-top:1px solid var(--brand-border)}
.eslab .scenario>p{margin:0 0 4px;font-size:16px;line-height:1.45}
.eslab .scenario h4{margin:14px 0 4px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#786510}
.eslab .scenario .watch{margin:0;padding-left:20px;font-size:16px;line-height:1.4}
.eslab .scenario .watch li+li{margin-top:4px}

/* sbalené části: posledních N událostí, ruční ovládání služeb */
.eslab .event-list-wrap{margin-top:8px}
.eslab .event-list-wrap>summary,.eslab details.panel-fold>summary{cursor:pointer;font-weight:700;color:#111}
.eslab .event-list-wrap>summary{font-size:14px;color:#67645d;padding:4px 0}
.eslab details.panel-fold{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);margin:0 0 14px}
.eslab details.panel-fold>summary{padding:12px 16px}
.eslab details.panel-fold>.panel{border:0;box-shadow:none;margin:0}

/* Zkus to ve svém projektu: jeden řádek pod celým cvičením */
.eslab .lab-try{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:20px 0 32px;padding:16px 20px;background:var(--brand-surface);border:1px solid var(--brand-border);border-top:3px solid #f4d85f;border-radius:var(--brand-radius-sm)}
.eslab .lab-try-title{font-weight:900;color:#111;white-space:nowrap}
.eslab .lab-try-text{margin:0;flex:1 1 380px;font-size:16px;line-height:1.4;color:var(--brand-ink-soft)}
.eslab .lab-try .seg{margin:0}

/* Zkus to: rozbalené zadání pod řádkem */
.eslab .lab-try .ok-text,.eslab .lab-try .bad-text{font-size:14px;font-weight:700}
.eslab .lab-try-prompt{flex-basis:100%;margin:4px 0 0;padding:16px 18px;background:var(--brand-surface-2);border-radius:var(--brand-radius-sm);font-family:var(--brand-font-mono);font-size:14px;line-height:1.5;color:var(--brand-ink);white-space:pre-wrap;overflow-wrap:anywhere}
/* Pokus: víc místa kolem tlačítek */
.eslab .scenario .exp-row{gap:12px 20px;margin:16px 0 20px}
.eslab .scenario .exp-row button.big{padding:12px 22px}
.eslab .scenario h3.sec+p+h3.sec+.exp-row{margin-top:12px}

/* Pokus: ještě víc místa kolem dvou tlačítek */
.eslab .scenario .exp-row{gap:14px 24px;margin:24px 0 28px}
.eslab .scenario .exp-row button.big{padding:14px 26px}
.eslab .scenario .exp-row+.exp-row{padding-top:24px;border-top:1px dashed var(--brand-border)}
/* zadání: náhled na 10 řádků, tlačítko rozbalí celé */
.eslab .lab-try-prompt:not(.open){max-height:calc(10 * 1.5em + 32px);overflow:hidden;-webkit-mask-image:linear-gradient(#000 75%,transparent);mask-image:linear-gradient(#000 75%,transparent)}
.eslab .lab-try .lab-try-more{min-height:40px;font-size:15px}

/* Pokus: ovládání simulace jako Nastavení u nadpisu */
.eslab .scenario .sec-head{position:relative}
.eslab .scenario h3.sec~.sec-head{margin-top:20px;padding-top:16px;border-top:1px solid var(--brand-border)}
.eslab .scenario .sec-head h3.sec{margin:0 0 6px;padding:0;border:0}
.eslab .sim-settings>summary{position:absolute;right:0;top:0;cursor:pointer;list-style:none;font-size:14px;font-weight:700;color:#111;padding:6px 14px;border:1px solid var(--brand-border);border-radius:999px;background:var(--brand-surface)}
.eslab .scenario h3.sec~.sec-head .sim-settings>summary{top:12px}
.eslab .sim-settings>summary::-webkit-details-marker{display:none}
.eslab .sim-settings[open]>summary{background:#fbf1c4;border-color:#d7b91f}
.eslab .sim-settings .nav-sim{margin:8px 0 4px;padding:12px;border-radius:var(--brand-radius-sm);background:var(--brand-surface-2);gap:8px 10px}