/* =========================================================
   form-v2.css: redesigned layout of the whole audit (entry, questions, contact, results).
   Loaded after style.css. Only layout and look; every text comes from app.js unchanged.
   The PDF report (#tisk-report) keeps the print styles of style.css; everything here is
   screen-only so printing is not affected.
   Tokens follow brand/lumos-rebuild/TOKENS.md (emorfiq.com).
   Rule from Martin (2026-11-11): no coloured stroke on the left side of any element.
   ========================================================= */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('fonts/manrope-var-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('fonts/manrope-var-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --e-navy:#1e2049; --e-navy-2:#2a2d57;
  --e-green:#00e5a9; --e-green-strong:#00a37a; --e-green-ink:#046349; --e-green-soft:#ecfffa;
  --e-surface:#f2f5ff; --e-surface-1:#f7f9ff;
  --e-border:#e3e6f5; --e-border-strong:#c9cee6;
  --e-text:#2a2d4f; --e-muted:#676a8c;
  --e-bad:#e0263a; --e-bad-ink:#b0182a; --e-bad-soft:#ffeef0;
  --e-mid:#f0a81c; --e-mid-ink:#8a5600; --e-mid-soft:#fff5db;
  --e-ok:#00a37a;  --e-ok-ink:#046349;  --e-ok-soft:#e6fbf4;
  --e-info:#2f6fed; --e-info-ink:#1b3a86; --e-info-soft:#eaf1ff; --e-info-border:#c6d8ff;
  --e-shadow:0 1px 2px rgba(30,32,73,.04),0 12px 32px rgba(30,32,73,.06);
}
body{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}

@media screen{

/* ---------- shell ---------- */
html{overflow-y:scroll}
body.v2{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--e-surface);color:var(--e-text)}
body.v2 .hd{flex:none;border-bottom-color:var(--e-border)}
body.v2 .hd .in{max-width:1320px;padding:10px 24px}
body.v2 .hd img{display:block;height:48px;width:auto}
body.v2 .wrap{flex:1 0 auto;width:100%;max-width:1240px;padding:44px 24px 64px}
body.v2[data-obr="vysledek"] .wrap{max-width:1088px}
body.v2[data-obr="uvod"] .wrap{max-width:1320px}
body.v2 .card{background:none;border:0;border-radius:0;padding:0;box-shadow:none;animation:none}
body.v2 .bar{background:#e4e8f6}
body.v2 .bar i{background:var(--e-green-strong)}
/* footer: always centred, pinned to the bottom of the viewport on short pages */
body.v2 .pata{flex:none;width:100%;max-width:none;margin:0;padding:18px 24px 26px;font-size:12.5px;color:var(--e-muted)}
body.v2 .pata .in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;max-width:1240px;margin:0 auto;padding:0;text-align:center}
body.v2 .pata a{color:var(--e-muted)}
body.v2:has(.v2-lista.on) .cookie,body.v2.pdfbar-on .cookie{bottom:96px}
body.v2 :focus-visible{outline:3px solid var(--e-green-strong);outline-offset:2px;border-radius:10px}
body.v2 input:focus-visible,body.v2 textarea:focus-visible{outline:0}
.ik{display:block;flex:none}

/* ---------- buttons inside a block + the sticky copy ---------- */
.v2-akce{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}
.v2-zpet{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px;border:1.5px solid var(--e-border-strong);
  border-radius:14px;background:#fff;color:var(--e-navy);font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;
  transition:border-color .14s,background .14s}
.v2-zpet::before{content:'';width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);margin-right:-2px}
.v2-zpet:hover{border-color:var(--e-navy);background:var(--e-surface-1)}
.v2-dal{margin-left:auto;min-width:240px;height:52px;padding:0 28px;border:0;border-radius:14px;background:var(--e-green);
  color:var(--e-navy);font-family:inherit;font-weight:700;font-size:16.5px;cursor:pointer;
  transition:transform .14s,box-shadow .14s,background .14s}
.v2-dal:hover:not(:disabled):not(.cek){transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,229,169,.35)}
.v2-dal:disabled,.v2-dal.cek{background:#e4e8f6;color:#8a8eae}
.v2-dal:disabled{cursor:not-allowed}
.v2-lista{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--e-border);
  box-shadow:0 -10px 30px rgba(30,32,73,.07);transform:translateY(105%);visibility:hidden;
  transition:transform .22s ease,visibility 0s linear .22s}
.v2-lista.on{transform:none;visibility:visible;transition:transform .22s ease}
.v2-lista .in{max-width:1240px;margin:0 auto;padding:12px 24px calc(12px + env(safe-area-inset-bottom));
  display:flex;align-items:center;gap:12px}
.v2-info{flex:1;min-width:0;text-align:center;font-size:14px;color:var(--e-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-info b{color:var(--e-navy);font-weight:700}
.v2-info span{margin-right:14px}
.v2-info em{font-style:normal}
.v2-info + .v2-dal{margin-left:0}

/* ---------- shared pieces ---------- */
.v2-uvod-l{container-type:inline-size}
.v2-h1{font-size:clamp(28px,3.6vw,54px);font-size:clamp(28px,9.35cqi,54px);line-height:1.08;font-weight:800;letter-spacing:-.025em;color:var(--e-navy)}
.v2-h1 span{display:block;white-space:nowrap}
.v2-h1 em{font-style:normal;color:var(--e-green-strong)}
.v2-h2{font-size:clamp(23px,2.3vw,30px);line-height:1.2;font-weight:800;letter-spacing:-.015em;color:var(--e-navy)}
.v2-hint{margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--e-muted)}
.v2-panel{background:#fff;border:1px solid var(--e-border);border-radius:28px;padding:36px;box-shadow:var(--e-shadow)}
.v2-krok{max-width:860px;margin:0 auto;padding:40px}

/* options (audience, turnover, area) */
.v2-opts{display:grid;gap:12px;margin-top:24px}
.v2-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;text-align:left;padding:17px 18px 17px 54px;border:1.5px solid var(--e-border);
  border-radius:16px;background:#fff;color:var(--e-text);font-family:inherit;cursor:pointer;
  transition:border-color .14s,background .14s,box-shadow .14s,opacity .16s}
.v2-opt .rb{position:absolute;left:18px;top:18px;width:22px;height:22px;border:2px solid var(--e-border-strong);border-radius:50%;
  background:#fff;transition:border-color .14s,background .14s}
.v2-opt b{display:block;font-size:17px;line-height:1.3;font-weight:700;color:var(--e-navy)}
.v2-opt small{display:block;margin-top:4px;font-size:14.5px;line-height:1.5;color:var(--e-muted)}
.v2-opt span{display:block;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--e-green-ink)}
.v2-opt:hover{border-color:var(--e-green-strong);box-shadow:0 10px 24px rgba(30,32,73,.09)}
.v2-opt.sel{border-color:var(--e-green-strong);background:var(--e-green-soft);box-shadow:0 0 0 3px rgba(0,163,122,.16)}
.v2-opt.sel:hover{box-shadow:0 0 0 3px rgba(0,163,122,.16),0 10px 24px rgba(30,32,73,.09)}
.v2-opt.sel .rb{border-color:var(--e-green-strong);background:var(--e-green-strong);box-shadow:inset 0 0 0 4px #fff}
/* once something is chosen the rest steps back; hover brings an option back to full strength */
.v2-opts.vybrano .v2-opt:not(.sel){opacity:.5}
.v2-opts.vybrano .v2-opt:not(.sel):hover,.v2-opts.vybrano .v2-opt:not(.sel):focus-visible{opacity:1}
.v2-opts.dva{grid-template-columns:repeat(2,minmax(0,1fr))}
.v2-opts.dlazdice{grid-template-columns:repeat(2,minmax(0,1fr))}
.v2-opts.dlazdice .v2-opt:last-child:nth-child(odd){grid-column:1/-1}
.v2-celk{display:block;margin:18px auto 0;padding:6px 2px;border:0;background:none;font-family:inherit;font-size:15px;font-weight:600;
  color:var(--e-navy);text-decoration:underline;text-decoration-color:var(--e-border-strong);text-underline-offset:5px;cursor:pointer}
.v2-celk:hover{text-decoration-color:var(--e-navy)}

/* ---------- entry ---------- */
.v2-navrat{display:flex;align-items:center;gap:14px;margin-bottom:40px;padding:14px 16px 14px 18px;
  background:var(--e-info-soft);border:1px solid var(--e-info-border);border-radius:16px;color:var(--e-info)}
.v2-navrat .ik{width:24px;height:24px}
.v2-navrat div{flex:1;min-width:0}
.v2-navrat b{display:block;font-size:15.5px;font-weight:700;color:var(--e-info-ink)}
.v2-navrat span{display:block;margin-top:1px;font-size:14px;line-height:1.45;color:#3b4a78}
.v2-navrat button{flex:none;height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--e-navy);color:#fff;
  font-family:inherit;font-weight:700;font-size:15px;cursor:pointer}
.v2-navrat button:hover{background:var(--e-navy-2)}
/* round 12: starting over is its own quiet button beside "Pokračovat" */
.v2-navrat .v2-navrat-ak{flex:none;display:flex;align-items:center;gap:6px}
.v2-navrat button.v2-navrat-znovu{padding:0 14px;background:none;color:var(--e-info-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--e-info-border);text-underline-offset:4px}
.v2-navrat button.v2-navrat-znovu:hover{background:none;text-decoration-color:var(--e-info-ink)}
.v2-uvod{display:grid;grid-template-columns:minmax(0,1fr) 448px;column-gap:88px;align-items:center;padding-right:172px}
.v2-lede{margin-top:20px;font-size:19px;line-height:1.5;color:var(--e-text);max-width:30em;text-wrap:balance}
.v2-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:34px}
.v2-body div{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:16px;line-height:1.45;
  font-weight:600;color:var(--e-navy)}
.v2-body svg{width:24px;height:24px}
.v2-uvod-r{position:relative}
.v2-uvod .v2-panel{position:relative;z-index:1;padding:34px}
.v2-uvod .v2-akce{margin-top:20px}
.v2-uvod .v2-dal{width:100%;min-width:0}
/* Emiq leans with his elbow on the right edge of the block */
.v2-emiq{position:absolute;z-index:2;left:calc(100% - 17px);bottom:-10px;width:188px;height:auto;pointer-events:none;user-select:none}
.v2-emiq-nad{display:none;position:absolute;z-index:2;right:28px;bottom:calc(100% - 11px);width:112px;height:auto;pointer-events:none;user-select:none}
.v2-loga{margin-top:80px;padding-top:44px;border-top:1px solid var(--e-border);text-align:center}
.v2-loga p{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--e-muted)}
.v2-loga .lrada{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px 56px;margin-top:22px}
.v2-loga .lrada img{width:auto;max-width:150px;object-fit:contain}
.v2-loga .l-derm{height:22px}.v2-loga .l-alp{height:18px}.v2-loga .l-vuch{height:34px}.v2-loga .l-ker{height:28px}
.v2-loga .dalsi{margin-top:18px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}

/* ---------- question: everything that belongs to it sits in one block ---------- */
.v2-q{max-width:1060px;margin:0 auto;padding:30px 40px 32px}
.v2-q-hd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:14px;color:var(--e-muted)}
.v2-q-hd span b{color:var(--e-navy);font-weight:700}
.v2-q-hd em{font-style:normal;white-space:nowrap}
.v2-q-hd em b{color:var(--e-navy);font-weight:700}
/* progress: thin line with a point per question */
.v2-kroky{position:relative;display:flex;align-items:center;justify-content:space-between;height:14px;margin-top:12px}
.v2-kroky .cara{position:absolute;left:3px;right:3px;top:50%;height:1.5px;margin-top:-.75px;background:#dfe3f3}
.v2-kroky .cara span{display:block;height:100%;background:var(--e-green-strong);transition:width .25s ease}
.v2-kroky i{position:relative;width:7px;height:7px;border-radius:50%;background:#fff;border:1.5px solid #c3c9e2}
.v2-kroky i.ok{background:var(--e-green-strong);border-color:var(--e-green-strong)}
.v2-kroky i.ted{width:13px;height:13px;margin:0 -3px;border-color:var(--e-green-strong);background:var(--e-green-strong);box-shadow:inset 0 0 0 2.5px #fff}
.v2-q-top{display:flex;flex-direction:column;justify-content:flex-end;margin-top:36px}
h2.ot.v2-ot{margin:0;max-width:30em;font-size:clamp(22px,2.1vw,28px);line-height:1.28;font-weight:700;letter-spacing:-.012em;
  color:var(--e-navy);text-wrap:balance}
/* label with its icon on one line, the explanation starts under the icon */
.v2-vysv{margin-top:16px;font-size:14.5px;line-height:1.5;color:var(--e-muted)}
.v2-vysv b{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--e-navy)}
.v2-vysv .ik{width:16px;height:16px;color:#8e93b5}
.v2-vysv p{margin-top:4px;max-width:66em;text-wrap:pretty}
.v2-odp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.v2-a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:18px 20px 20px;
  background:var(--e-surface-1);border:1.5px solid var(--e-border);border-radius:18px;color:var(--e-text);font-family:inherit;cursor:pointer;
  transition:border-color .14s,background .14s,box-shadow .14s,opacity .16s}
.v2-a .tag{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 9px;border-radius:99px;font-style:normal;
  font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.v2-a .tag::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--c)}
.v2-a.bad{--c:var(--e-bad)}.v2-a.mid{--c:var(--e-mid)}.v2-a.ok{--c:var(--e-ok)}
.v2-a.bad .tag{background:var(--e-bad-soft);color:var(--e-bad-ink)}
.v2-a.mid .tag{background:var(--e-mid-soft);color:var(--e-mid-ink)}
.v2-a.ok .tag{background:var(--e-ok-soft);color:var(--e-ok-ink)}
.v2-a .tx{display:block}
.v2-a .tx b{display:block;font-size:16px;line-height:1.4;font-weight:700;color:var(--e-navy)}
.v2-a .tx small{display:block;margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--e-muted)}
.v2-a .rb{position:absolute;right:16px;top:19px;width:22px;height:22px;border:2px solid var(--e-border-strong);border-radius:50%;
  background:#fff;transition:border-color .14s,background .14s}
.v2-a:hover{border-color:var(--e-border-strong);background:#fff;box-shadow:var(--e-shadow)}
.v2-a.bad.sel{border-color:var(--e-bad);background:#fff7f8;box-shadow:0 0 0 3px rgba(224,38,58,.13)}
.v2-a.mid.sel{border-color:var(--e-mid);background:#fffaec;box-shadow:0 0 0 3px rgba(240,168,28,.2)}
.v2-a.ok.sel{border-color:var(--e-ok);background:#f2fdf9;box-shadow:0 0 0 3px rgba(0,163,122,.16)}
.v2-a.sel .rb{border-color:var(--c);background:var(--c);box-shadow:inset 0 0 0 4px #fff}
.v2-odp.vybrano .v2-a:not(.sel){opacity:.5}
.v2-odp.vybrano .v2-a:not(.sel):hover,.v2-odp.vybrano .v2-a:not(.sel):focus-visible{opacity:1}
/* under the answers, centred: optional note (opens on click) and the skip link */
.v2-pod{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:22px;text-align:center}
.v2-pozn{width:100%}
.v2-pozn summary{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:99px;list-style:none;cursor:pointer;
  font-size:15px;font-weight:700;color:var(--e-navy);transition:background .14s}
.v2-pozn summary::-webkit-details-marker{display:none}
.v2-pozn summary:hover{background:var(--e-surface)}
.v2-pozn summary i{width:8px;height:8px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);transition:transform .16s,margin .16s}
.v2-pozn[open] summary i{transform:rotate(-135deg);margin-top:4px}
.v2-pozn-in{max-width:640px;margin:6px auto 10px}
.v2-pozn-in p{font-size:14.5px;line-height:1.5;color:var(--e-muted)}
.v2-pozn textarea{display:block;width:100%;margin-top:12px;padding:13px 16px;min-height:76px;border:1.5px solid var(--e-border-strong);
  border-radius:14px 14px 4px 14px;background:#fff;color:var(--e-text);font:inherit;font-size:15.5px;line-height:1.45;text-align:left;resize:vertical;overflow:auto;max-height:60vh}
.v2-pozn textarea:focus{outline:0;border-color:var(--e-green-strong);box-shadow:0 0 0 3px rgba(0,163,122,.1)}
.v2-skip{padding:8px 14px;border:0;border-radius:99px;background:none;font-family:inherit;color:var(--e-muted);font-size:14.5px;font-weight:600;
  cursor:pointer;text-decoration:underline;text-decoration-color:var(--e-border-strong);text-underline-offset:5px}
.v2-skip:hover{color:var(--e-navy);text-decoration-color:var(--e-navy)}
.v2-skip.on{color:var(--e-green-ink);text-decoration-color:var(--e-green-strong)}
.v2-q .v2-akce{margin-top:22px;padding-top:22px;border-top:1px solid var(--e-border)}

/* ---------- contact ---------- */
.v2-kontakt{max-width:620px;margin:0 auto}
.v2-kontakt-hd{text-align:center}
.v2-kontakt-hd .v2-hint{text-wrap:balance}
.v2-kontakt-box{position:relative;margin-top:118px}
/* 9.8 % of the picture (the fingers) lies over the top edge of the form */
.v2-emiq-peek{position:absolute;z-index:2;left:50%;bottom:calc(100% - 11px);width:164px;height:auto;margin-left:-82px;pointer-events:none;user-select:none}
.v2-form{display:grid;gap:18px}
.v2-f label.lbl{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:15px;font-weight:700;color:var(--e-navy)}
.v2-f label.lbl em{font-style:normal;font-size:13px;font-weight:500;color:var(--e-muted)}
.v2-f input,.v2-f textarea{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1.5px solid var(--e-border-strong);
  border-radius:14px;background:#fff;color:var(--e-text);font:inherit;font-size:16.5px}
.v2-f input::placeholder,.v2-f textarea::placeholder{color:#a3a7c2}
.v2-f input:focus,.v2-f textarea:focus{outline:0;border-color:var(--e-green-strong);box-shadow:0 0 0 3px rgba(0,163,122,.1)}
.v2-souhlas{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:2px 2px;cursor:pointer}
.v2-souhlas input{position:absolute;opacity:0;width:0;height:0}
.v2-souhlas i{position:relative;width:22px;height:22px;border:2px solid var(--e-border-strong);border-radius:6px;background:#fff}
.v2-souhlas input:checked+i{background:var(--e-green-strong);border-color:var(--e-green-strong)}
.v2-souhlas input:checked+i::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;
  border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.v2-souhlas input:focus-visible+i{outline:3px solid var(--e-green-strong);outline-offset:2px}
.v2-souhlas span{font-size:14.5px;line-height:1.5;color:var(--e-text)}
.v2-souhlas a{color:var(--e-green-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* round 12: consent in the meeting form when none is on record; a missing consent is marked on the box itself */
.r12-souhlas{margin:4px 0 16px}
.v2-souhlas.chybi i{border-color:var(--e-bad);box-shadow:0 0 0 4px var(--e-bad-soft)}
.v2-souhlas.chybi span{color:var(--e-bad-ink)}
#c-chyba .v2-chyba{margin:0 0 14px}
.v2-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.v2-vice{border:1.5px solid var(--e-border);border-radius:14px;background:var(--e-surface-1)}
.v2-vice summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none}
.v2-vice summary::-webkit-details-marker{display:none}
.v2-vice summary b{font-size:15px;font-weight:700;color:var(--e-navy)}
.v2-vice summary em{font-style:normal;font-size:13px;color:var(--e-muted)}
.v2-vice summary i{margin-left:auto;width:9px;height:9px;border-right:2px solid var(--e-navy);border-bottom:2px solid var(--e-navy);
  transform:rotate(45deg);transition:transform .16s}
.v2-vice[open] summary i{transform:rotate(-135deg)}
.v2-vice-in{display:grid;gap:16px;padding:4px 16px 18px}
.v2-kontakt .v2-akce{flex-direction:column-reverse;align-items:stretch;gap:6px;margin-top:26px}
.v2-kontakt .v2-dal{flex:none;width:100%;min-width:0;height:58px;margin:0;font-size:17.5px}
.v2-kontakt .v2-zpet{align-self:center;height:44px;border:0;background:none;color:var(--e-muted)}
.v2-kontakt .v2-zpet:hover{background:none;color:var(--e-navy)}
.v2-chyba{padding:12px 16px;border-radius:12px;background:var(--e-bad-soft);color:var(--e-bad-ink);font-size:15px;font-weight:600}

/* =========================================================
   RESULTS
   ========================================================= */
body.v2 #krok .krok{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--e-green-ink)}

/* areas: what is done has a green check, what is not has a dashed circle */
.r2-nad{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.r2-nad h2{font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.015em;color:var(--e-navy)}
.r2-nad p{margin-top:4px;font-size:14.5px;color:var(--e-muted)}
.r2-meter{display:flex;gap:6px;padding-bottom:6px}
.r2-meter i{width:48px;height:6px;border-radius:3px;background:#dce1f2}
.r2-meter i.ok{background:var(--e-green-strong)}
/* round 13: the list is one block, up to four tiles in a row. Round 14 (Martin 2026-11-12): a plain white card, no green box;
   the shown tile = light green with a green border; a tile not filled in is dimmed except its button; action buttons are navy */
/* round 15 (Martin 2026-11-12): no block at all around the list; heading and tiles sit on the page, in line with the cards below */
.r13-nav{padding:6px 0 8px}
.r2-obl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.r2-obl.n1{grid-template-columns:minmax(0,1fr)}
.r2-obl.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.r2-obl.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.r2-ob{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px 14px;align-items:center;min-height:78px;padding:16px 18px;border:1px solid var(--e-border);border-radius:18px;background:#fff;
  font-family:inherit;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}
.r2-ob-ic .ik{display:block;width:28px;height:28px}
.r2-ob-tx{min-width:0}
.r2-ob-tx b{display:block;font-size:16px;line-height:1.3;font-weight:700;color:var(--e-navy)}
.r2-ob-tx small{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--e-muted)}
/* the action of a tile or row that is not filled in: navy, like the PDF buttons */
.r2-ob-ak{flex:none;display:inline-flex;align-items:center;gap:2px;height:40px;padding:0 12px 0 18px;border-radius:12px;background:var(--e-navy);color:#fff;font-size:14.5px;font-weight:700;
  transition:transform .14s,box-shadow .14s,background .14s}
.r2-ob-ak .ik{width:16px;height:16px}
.r2-ob.todo,.r2-ob.navic{background:transparent;border:1.5px dashed var(--e-border-strong)}
.r2-ob:not(.on):hover{border-color:var(--e-border-strong);background:#fff;box-shadow:var(--e-shadow)}
.r2-ob.todo:hover,.r2-ob.navic:hover{border-style:solid;border-color:var(--e-green-strong)}
.r2-ob:hover .r2-ob-ak,body.v2 #krok button.r13-todo:hover .r2-ob-ak{transform:translateY(-1px);background:var(--e-navy-2);box-shadow:0 10px 22px rgba(30,32,73,.22)}
.r2-ob.todo > :not(.r2-ob-ak),.r2-ob.navic > :not(.r2-ob-ak),body.v2 #krok button.r13-todo > :not(.r2-ob-ak),body.v2 #krok .chk.kat.jdi > :not(u){opacity:.5;transition:opacity .16s}
.r2-ob.todo:hover > *,.r2-ob.navic:hover > *,body.v2 #krok button.r13-todo:hover > *,body.v2 #krok .chk.kat.jdi:hover > *{opacity:1}
.r2-ob.on{cursor:default;border:1.5px solid var(--e-green-strong);background:var(--e-green-soft)}
.r2-ob.on .r2-ob-tx small{color:var(--e-green-ink);font-weight:600}
/* four in a row: the action sits under the text so the name keeps its room */
.r2-obl.n4 .r2-ob{gap:6px 12px;padding:16px}
.r2-obl.n4 .r2-ob-tx b{font-size:15.5px}
.r2-obl.n4 .r2-ob.todo,.r2-obl.n4 .r2-ob.navic{grid-template-columns:28px minmax(0,1fr)}
.r2-obl.n4 .r2-ob.todo .r2-ob-ic,.r2-obl.n4 .r2-ob.navic .r2-ob-ic{grid-row:1 / span 2}
.r2-obl.n4 .r2-ob-ak{grid-column:2;justify-self:start;height:34px;margin-top:6px;padding:0 10px 0 14px;font-size:14px}
@media (max-width:1100px){ .r2-obl.n3,.r2-obl.n4{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* header of the result: light, a lot of air, one big statement */
.r2-hero{margin-top:22px;padding:52px 52px 44px;border-radius:32px;background:#fff;border:1px solid var(--e-border);box-shadow:var(--e-shadow)}
.r2-hero-top{display:grid;grid-template-columns:minmax(0,1fr) 424px;gap:40px;align-items:center}
.r2-hl{margin-top:16px;font-size:clamp(36px,4.6vw,58px);line-height:1.04;font-weight:800;letter-spacing:-.03em;color:var(--e-navy);text-wrap:balance}
.r2-hl b{font-weight:800}
.r2-hl b.bad{color:var(--e-bad)}.r2-hl b.mid{color:#d98e00}.r2-hl b.ok{color:var(--e-green-strong)}
.r2-sub{margin-top:18px;max-width:30em;font-size:18px;line-height:1.5;color:var(--e-muted)}
.r2-sub b{color:var(--e-navy);font-weight:700}
.r3-vice{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:6px 0;border:0;background:none;font-family:inherit;font-size:15.5px;font-weight:700;color:var(--e-navy);cursor:pointer}
.r3-vice span{text-decoration:underline;text-decoration-color:var(--e-border-strong);text-decoration-thickness:1.5px;text-underline-offset:6px;transition:text-decoration-color .14s}
.r3-vice .ik{width:18px;height:18px;color:var(--e-green-strong);transition:transform .18s}
.r3-vice:hover span{text-decoration-color:var(--e-navy)}
.r3-vice:hover .ik{transform:translateY(3px)}
@property --r4-uhel{syntax:'<angle>';inherits:false;initial-value:0deg}
/* round 14 (Martin 2026-11-12): same colours, but a mesh of four soft blobs that visibly drift behind the content instead of a
   sliding linear wash. Each blob is a radial gradient whose centre is an animated custom property (own path, own tempo). */
@property --m1x{syntax:'<percentage>';inherits:false;initial-value:12%}
@property --m1y{syntax:'<percentage>';inherits:false;initial-value:18%}
@property --m2x{syntax:'<percentage>';inherits:false;initial-value:88%}
@property --m2y{syntax:'<percentage>';inherits:false;initial-value:82%}
@property --m3x{syntax:'<percentage>';inherits:false;initial-value:78%}
@property --m3y{syntax:'<percentage>';inherits:false;initial-value:10%}
@property --m4x{syntax:'<percentage>';inherits:false;initial-value:30%}
@property --m4y{syntax:'<percentage>';inherits:false;initial-value:95%}
.r2-pdf,body.v2 #krok .pdfblok{
  border:2px solid transparent;
  background:radial-gradient(34% 62% at var(--m4x) var(--m4y),rgba(255,255,255,.9),rgba(255,255,255,0) 100%) padding-box,
    radial-gradient(40% 74% at var(--m1x) var(--m1y),rgba(0,229,169,.55),rgba(0,229,169,0) 100%) padding-box,
    radial-gradient(42% 78% at var(--m2x) var(--m2y),rgba(112,140,255,.42),rgba(112,140,255,0) 100%) padding-box,
    radial-gradient(36% 66% at var(--m3x) var(--m3y),rgba(95,224,238,.5),rgba(95,224,238,0) 100%) padding-box,
    linear-gradient(135deg,#e1fdf4 0%,#ecefff 72%) padding-box,
    conic-gradient(from var(--r4-uhel),#00e5a9 0deg,#c4f6e7 70deg,#93a8ff 150deg,#d7defc 215deg,#5fe0ee 290deg,#00e5a9 360deg) border-box;
  animation:r14-b1 11s ease-in-out infinite,r14-b2 13s ease-in-out infinite,r14-b3 9s ease-in-out infinite,r14-b4 15s ease-in-out infinite,r4-kruh 3.5s linear infinite}
@keyframes r14-b1{0%,100%{--m1x:12%;--m1y:18%}25%{--m1x:58%;--m1y:86%}50%{--m1x:92%;--m1y:30%}75%{--m1x:40%;--m1y:8%}}
@keyframes r14-b2{0%,100%{--m2x:88%;--m2y:82%}25%{--m2x:46%;--m2y:12%}50%{--m2x:6%;--m2y:70%}75%{--m2x:62%;--m2y:96%}}
@keyframes r14-b3{0%,100%{--m3x:78%;--m3y:10%}33%{--m3x:20%;--m3y:55%}66%{--m3x:70%;--m3y:92%}}
@keyframes r14-b4{0%,100%{--m4x:30%;--m4y:95%}33%{--m4x:80%;--m4y:45%}66%{--m4x:15%;--m4y:15%}}
@keyframes r4-kruh{to{--r4-uhel:360deg}}
@media (prefers-reduced-motion:reduce){.r2-pdf,body.v2 #krok .pdfblok{animation:none}}
.r3-pdfbar{background:radial-gradient(40% 160% at 12% 50%,rgba(0,229,169,.22),rgba(0,229,169,0) 70%),
    radial-gradient(40% 160% at 88% 50%,rgba(112,140,255,.16),rgba(112,140,255,0) 70%),linear-gradient(135deg,#e1fdf4 0%,#ecefff 72%)}
.r2-pdf{position:relative;display:flex;align-items:center;min-height:196px;padding:28px 172px 28px 28px;border-radius:24px}
.r2-pdf h3{margin-top:6px;font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--e-navy)}
body.v2 #krok .pdf-btn{display:inline-flex;align-items:center;gap:10px;height:50px;margin-top:18px;padding:0 20px 0 16px;border:0;border-radius:14px;
  background:var(--e-navy);color:#fff;font-family:inherit;font-size:15.5px;font-weight:700;white-space:nowrap;cursor:pointer;
  box-shadow:0 10px 22px rgba(30,32,73,.22);transition:transform .14s,box-shadow .14s,background .14s}
body.v2 #krok .pdf-btn:hover{background:var(--e-navy-2);transform:translateY(-1px);box-shadow:0 14px 26px rgba(30,32,73,.26)}
body.v2 #krok .pdf-btn .ik{width:20px;height:20px}
.r2-emiq{position:absolute;right:-14px;bottom:-24px;width:172px;height:auto;pointer-events:none;user-select:none}
.r2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px 32px;margin-top:44px;padding-top:36px;border-top:1px solid var(--e-border)}
.r2-stat{--c:#cfd4e6}
.r2-stat.bad{--c:var(--e-bad)}.r2-stat.mid{--c:#f5b53d}.r2-stat.ok{--c:#19c796}.r2-stat.nic{--c:#cfd4e6}
.r2-stat-l{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--e-muted)}
.r2-stat-l i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.r2-stat b{display:block;margin-top:8px;font-size:46px;line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--e-navy)}
.r2-tiles{display:flex;flex-wrap:wrap;gap:6px;min-height:22px;margin-top:16px}
.r2-tiles i{width:22px;height:22px;border-radius:7px;background:var(--c)}
.r2-note{margin-top:22px;font-size:13px;color:var(--e-muted)}
body.v2 #krok .r2-hero .cv-pruh{height:8px;margin-top:28px;gap:4px;border-radius:99px;background:none}
body.v2 #krok .r2-hero .cv-pruh i{border-radius:99px}
body.v2 #krok .r2-hero .cv-pruh i.bad{background:var(--e-bad)}
body.v2 #krok .r2-hero .cv-pruh i.mid{background:#f5b53d}
body.v2 #krok .r2-hero .cv-pruh i.ok{background:#19c796}

/* sections: Překážky / Možná rezerva / Dobrý základ */
body.v2 #krok .blok{margin-top:60px}
body.v2 #krok .blok>h3{display:flex;align-items:center;gap:12px;margin:0;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.015em;color:var(--e-navy)}
body.v2 #krok .blok>h3 i{flex:none;width:12px;height:12px;margin:0;border-radius:50%}
body.v2 #krok .blok>h3 em{margin:0;padding:3px 11px;border-radius:99px;font-style:normal;font-size:14px;font-weight:800;vertical-align:0}
body.v2 #krok .bl-bad>h3 i{background:var(--e-bad)} body.v2 #krok .bl-bad>h3 em{background:var(--e-bad-soft);color:var(--e-bad-ink)}
body.v2 #krok .bl-mid>h3 i{background:var(--e-mid)} body.v2 #krok .bl-mid>h3 em{background:var(--e-mid-soft);color:var(--e-mid-ink)}
body.v2 #krok .bl-ok>h3 i{background:var(--e-ok)}   body.v2 #krok .bl-ok>h3 em{background:var(--e-ok-soft);color:var(--e-ok-ink)}
body.v2 #krok .podnadpis{margin:10px 0 22px;max-width:46em;font-size:15.5px;line-height:1.55;color:var(--e-muted)}

/* one result card */
body.v2 #krok .rk{--soft:var(--e-surface);--ink:var(--e-navy);display:block;margin:0 0 16px;padding:30px 32px 32px;border:1px solid var(--e-border);border-radius:24px;
  background:#fff;box-shadow:0 1px 2px rgba(30,32,73,.03)}
body.v2 #krok .rk.bad{--soft:var(--e-bad-soft);--ink:var(--e-bad-ink)}
body.v2 #krok .rk.mid{--soft:var(--e-mid-soft);--ink:var(--e-mid-ink)}
body.v2 #krok .rk.ok{--soft:var(--e-ok-soft);--ink:var(--e-ok-ink)}
.r2-k-hd{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start}
.r2-k-n{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--ink);font-size:14px;font-weight:800}
body.v2 #krok .rk-tema{margin:3px 0 0;font-size:19.5px;line-height:1.35;font-weight:700;letter-spacing:-.005em;color:var(--e-navy)}
body.v2 #krok .rk .rk-shrn{margin:18px 0 0;padding:14px 18px;border-radius:14px;background:var(--soft);font-size:15.5px;line-height:1.55;font-weight:500;color:var(--e-text)}
body.v2 #krok .rk .rk-pozn{margin:10px 0 0;padding:12px 18px;border-radius:14px;background:var(--e-surface);font-size:14.5px;line-height:1.5;color:var(--e-text)}
body.v2 #krok .rk .rk-pozn b{display:inline;font-size:inherit;font-weight:700;color:var(--e-navy)}

/* "Co říkají čísla": the number is the picture */
body.v2 #krok .vy-h{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--e-muted)}
body.v2 #krok .vy-h .ik{width:16px;height:16px;color:var(--e-green-strong)}
body.v2 #krok .rk .r2-cisla{margin-top:26px}
.r2-cisla-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.r2-num{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start;padding:24px 26px;border-radius:18px;background:var(--e-surface-1)}
.r2-cisla.n1 .r2-num{grid-template-columns:minmax(150px,max-content) minmax(0,1fr);gap:8px 36px;align-items:center;padding:26px 30px}
.r2-num strong{display:block;max-width:9em;font-size:38px;line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--e-navy)}
.r2-cisla.n1 .r2-num strong{font-size:44px}
body.v2 #krok .rk .r2-num p{margin:0;font-size:15px;line-height:1.5;color:var(--e-text)}
body.v2 #krok .rk .r2-num p.co{margin-top:6px;font-weight:700;color:var(--e-navy)}
body.v2 #krok .rk .r2-num .zdr{display:block;margin-top:10px;font-size:12.5px;color:var(--e-muted)}
body.v2 #krok .rk .r2-num .zdr a{color:inherit;text-decoration:underline;text-decoration-color:var(--e-border-strong);text-underline-offset:3px}
body.v2 #krok .rk .r2-num .zdr a:hover{color:var(--e-navy);text-decoration-color:var(--e-navy)}

/* "Jak to řešíme v Emorfiq": opens inside its own block, like an FAQ item */
.r2-acc{margin-top:22px;border:1px solid var(--e-border);border-radius:18px;background:#fff;transition:border-color .16s,background .16s}
.rk.otevrena .r2-acc{border-color:var(--e-border-strong);background:var(--e-surface-1)}
/* the whole row reacts to hover, like the answers of a question */
.r2-acc{transition:border-color .16s,background .16s,box-shadow .16s}
.r2-acc:has(> .rk-tog:hover){border-color:var(--e-border-strong);box-shadow:var(--e-shadow)}
body.v2 #krok .r13-ob{transition:border-color .16s,box-shadow .16s}
body.v2 #krok .r13-ob:has(> .obhd:hover),body.v2 #krok button.r13-ob:hover{border-color:var(--e-border-strong);box-shadow:var(--e-shadow)}
body.v2 #krok .rk-tog{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin:0;padding:16px 16px 16px 22px;border:0;border-radius:18px;
  background:none;font-family:inherit;font-size:16px;font-weight:700;color:var(--e-navy);text-align:left;cursor:pointer}
/* arrow down while closed, arrow up once the block is open (Martin 2026-11-12, round 4) */
body.v2 #krok .rk-tog:hover .r3-sip,.obhd:hover .r3-sip{background:var(--e-green-strong)}
.r3-sip{flex:none;position:relative;width:34px;height:34px;border-radius:10px;background:var(--e-navy);transition:background .16s}
.r3-sip::before{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-6px 0 0 -4.5px;border-right:2px solid #fff;border-bottom:2px solid #fff;
  border-radius:1px;transform:rotate(45deg);transition:transform .22s,margin .22s}
.rk.otevrena > .r2-acc > .rk-tog .r3-sip::before,.r13-ob.open > .obhd .r3-sip::before{transform:rotate(225deg);margin-top:-2px}
body.v2 #krok .rk-det{padding:2px 22px 24px}
body.v2 #krok .rk-det > :first-child{margin-top:0}
body.v2 #krok .rk-det .vy-musi > .vy-h{display:none}
body.v2 #krok .vy-blok{margin-top:28px}
body.v2 #krok .vy-musi ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;border-radius:0;background:none}
body.v2 #krok .vy-musi li{position:static;margin:0;padding:18px 18px 20px;border-radius:16px;background:#e4faf2;font-size:14.5px;line-height:1.5;color:var(--e-text)}
body.v2 #krok .vy-musi li::before{content:'';display:block;position:static;width:26px;height:26px;margin:0 0 14px;border:0;border-radius:8px;transform:none;
  background:var(--e-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 12.4l3.2 3.2L17 8.8' stroke='%231E2049' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/26px no-repeat}
body.v2 #krok .vy-musi li strong{display:block;margin-bottom:4px;font-size:15.5px;line-height:1.35;font-weight:700;color:var(--e-navy)}
body.v2 #krok .vy-kl{margin-top:12px;padding:22px 24px;border:1px solid var(--e-border);border-radius:16px;background:#fff}
body.v2 #krok .vy-kl.s-obr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.r3-kl-hd{display:flex;align-items:center;gap:14px}
.r3-logo{flex:none;display:flex;align-items:center;justify-content:center;width:100px;height:58px;border:1px solid var(--e-border);border-radius:12px;background:#fff}
body.v2 #krok .r3-logo img{display:block;width:auto;height:auto;max-width:72px;max-height:36px;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;object-fit:contain}
body.v2 #krok .r3-kl-hd + .vy-sit{margin-top:16px}
body.v2 #krok .vy-kl .vy-kdo{display:block;font-size:17px;font-weight:800;color:var(--e-navy)}
body.v2 #krok .vy-kl .vy-obor{display:block;margin-top:2px;font-size:13.5px;color:var(--e-muted)}
body.v2 #krok .rk .vy-kl p{margin:0;font-size:15px;line-height:1.55;color:var(--e-text)}
body.v2 #krok .rk .vy-kl p.vy-sit{margin-top:12px}
body.v2 #krok .vy-kl ul{margin:10px 0 0;padding-left:18px}
body.v2 #krok .vy-kl li{margin:5px 0;font-size:14.5px;line-height:1.5;color:var(--e-text)}
body.v2 #krok .vy-kl li::marker{color:var(--e-green-strong)}
body.v2 #krok .rk .vy-kl p.vy-vys{margin-top:14px;padding:12px 16px;border-radius:12px;background:#e4faf2;font-size:15px;line-height:1.45;font-weight:700;color:var(--e-green-ink)}
body.v2 #krok a.zdroj{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:0;border:0;font-size:13.5px;font-weight:700;color:var(--e-navy);
  text-decoration:underline;text-decoration-color:var(--e-border-strong);text-underline-offset:4px}
body.v2 #krok a.zdroj:hover{text-decoration-color:var(--e-navy)}
body.v2 #krok .ukazka{position:relative;max-width:none;margin:0;border:1px solid var(--e-border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 4px rgba(30,32,73,.04),0 14px 32px rgba(30,32,73,.10);cursor:zoom-in}
body.v2 #krok .vy-blok > .ukazka{max-width:680px}
body.v2 #krok .ukazka img{display:block;width:100%;height:auto;min-height:60px;object-fit:contain;background:var(--e-surface)}   /* contain: a wide banner keeps its shape inside the 60 px minimum */
body.v2 #krok .ukazka .lupa{top:10px;right:10px;background:rgba(30,32,73,.88)}
body.v2 #krok .ukazka figcaption{padding:10px 14px;border-top:1px solid var(--e-border);font-size:12.5px;line-height:1.45;color:var(--e-muted)}

/* overall result, "Po oblastech" (round 13): one block; finished areas open, areas not filled in are dashed rows */
body.v2 #krok .blok.r13-po{margin-top:56px;padding:34px 36px 36px;border:1px solid var(--e-border);border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(30,32,73,.03)}
body.v2 #krok .blok.r13-po > .podnadpis{margin-bottom:24px}
body.v2 #krok .obl{display:grid;gap:12px}
body.v2 #krok .r13-ob{display:block;width:100%;padding:0;border:1px solid var(--e-border);border-radius:20px;background:#fff;overflow:hidden;font-family:inherit;text-align:left}
body.v2 #krok .r13-ob.open{border-color:var(--e-border-strong)}
body.v2 #krok .obhd,body.v2 #krok button.r13-todo{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:16px;align-items:center;width:100%;padding:18px 18px 18px 22px;
  font-family:inherit;text-align:left;cursor:pointer}
body.v2 #krok .obhd{border:0;background:none}
body.v2 #krok .obhd:hover{background:none}
.r13-ic{display:block;width:28px;height:28px}
.r13-ic .ik{display:block;width:28px;height:28px}
body.v2 #krok .r13-ob .jm b{display:block;font-size:18px;line-height:1.3;font-weight:700;color:var(--e-navy)}
body.v2 #krok .r13-ob .jm em{display:block;margin-top:3px;font-style:normal;font-size:13.5px;color:var(--e-muted)}
/* counts in the order and the shape used everywhere: obstacle, reserve, fine; rounded squares like the card numbers */
.r13-poc{display:flex;gap:6px}
.r13-poc i{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:10px;font-style:normal;font-size:14px;font-weight:800}
.r13-poc i.bad{background:var(--e-bad-soft);color:var(--e-bad-ink)}
.r13-poc i.mid{background:var(--e-mid-soft);color:var(--e-mid-ink)}
.r13-poc i.ok{background:var(--e-ok-soft);color:var(--e-ok-ink)}
body.v2 #krok .obhd .r3-sip{display:block;margin:0;height:34px;border-radius:10px;overflow:visible}
body.v2 #krok button.r13-todo{grid-template-columns:28px minmax(0,1fr) auto;border:1.5px dashed var(--e-border-strong);background:transparent}
body.v2 #krok button.r13-todo:hover{border-style:solid;border-color:var(--e-green-strong);background:#fff}
body.v2 #krok .obdet{padding:4px 24px 24px;background:var(--e-surface-1)}
body.v2 #krok .r13-ob .obdet .blok{margin-top:28px}
body.v2 #krok .r13-ob .obdet .blok>h3{font-size:20px}
body.v2 #krok .r13-ob .obdet .rk{padding:26px 28px 28px;margin-bottom:14px}

/* skipped questions */
body.v2 #krok .mohlo .mohlo-it{margin:0 0 10px;padding:18px 22px;border:1px solid var(--e-border);border-radius:16px;background:#fff}
body.v2 #krok .mohlo .mohlo-it b{display:block;font-size:16px;line-height:1.35;font-weight:700;color:var(--e-navy)}
body.v2 #krok .mohlo .mohlo-it p{margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--e-muted)}
body.v2 #krok .cisto{padding:18px 22px;border-radius:16px;background:var(--e-ok-soft);font-size:15.5px;line-height:1.55;color:var(--e-ok-ink)}

/* next step: remaining areas */
body.v2 #krok .dalsi-obl{margin-top:60px;padding:36px;border:1.5px solid #8fe3c8;border-radius:28px;background:linear-gradient(135deg,#eafcf6 0%,#fff 62%);box-shadow:var(--e-shadow)}
.r3-dalsi-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.r3-dalsi-stav{display:flex;align-items:center;gap:14px;padding-bottom:6px;font-size:14.5px;font-weight:600;color:var(--e-muted);white-space:nowrap}
.r3-dalsi-stav .r2-meter{padding:0}
.r3-hot{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:center;min-height:78px;padding:16px 18px;border:1px solid var(--e-border);border-radius:18px;background:#fff}
.r3-hot .ik{width:28px;height:28px}
.r3-hot b{display:block;font-size:16px;line-height:1.3;font-weight:700;color:var(--e-navy)}
.r3-hot small{display:block;margin-top:3px;font-size:13.5px;font-weight:500;color:var(--e-muted)}
body.v2 #krok .dalsi-obl h3{margin-top:8px;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.015em;color:var(--e-navy)}
body.v2 #krok .dalsi-obl .checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;margin-top:22px}
body.v2 #krok .chk.kat.jdi{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:78px;padding:16px 18px;border:1.5px dashed var(--e-border-strong);
  border-radius:18px;background:#fff;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .14s,background .14s}
body.v2 #krok .chk.kat.jdi i{width:28px;height:28px;margin:0;border:0;border-radius:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Ccircle cx='14' cy='14' r='12.75' stroke='%23AAB1CF' stroke-width='1.5' stroke-dasharray='4 3.4'/%3E%3Cpath d='M9.1 14.3l3.3 3.4 6.5-6.9' stroke='%23AAB1CF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/28px no-repeat}
body.v2 #krok .chk.kat.jdi b{display:block;font-size:16px;line-height:1.3;font-weight:700;color:var(--e-navy)}
body.v2 #krok .chk.kat.jdi small{display:block;margin-top:3px;font-size:13.5px;font-weight:500;color:var(--e-muted)}
body.v2 #krok .chk.kat.jdi u{grid-column:auto;justify-self:end;display:inline-flex;align-items:center;height:44px;min-width:0;margin:0;padding:0 24px;border:0;border-radius:12px;
  background:var(--e-navy);color:#fff;font-size:15px;font-weight:700;text-decoration:none;transition:box-shadow .14s,transform .14s,background .14s}
body.v2 #krok .chk.kat.jdi:hover{border-style:solid;border-color:var(--e-green-strong)}
body.v2 #krok .chk.kat.jdi:hover u{transform:translateY(-1px);background:var(--e-navy-2);box-shadow:0 10px 22px rgba(30,32,73,.22)}
body.v2 #krok .hotovo-vse{margin-top:60px;padding:44px 36px;border-radius:28px;background:var(--e-navy);color:#fff;text-align:center}
body.v2 #krok .hotovo-vse .krok{color:var(--e-green)}
body.v2 #krok .hotovo-vse h3{margin-top:8px;font-size:28px;font-weight:800;letter-spacing:-.015em;color:#fff}
body.v2 #krok .hotovo-vse p{margin-top:8px;font-size:16px;color:rgba(255,255,255,.8)}

/* buttons of the original lower blocks */
body.v2 #krok .btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:240px;height:52px;margin-top:22px;padding:0 28px;border:0;border-radius:14px;
  background:var(--e-green);color:var(--e-navy);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:transform .14s,box-shadow .14s,background .14s}
body.v2 #krok .btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,229,169,.3)}
body.v2 #krok .btn.dark{background:var(--e-navy);color:#fff}
body.v2 #krok .btn.dark:hover{background:var(--e-navy-2);box-shadow:0 10px 22px rgba(30,32,73,.22)}
body.v2 #krok .btn.ghost{border:1.5px solid var(--e-border-strong);background:#fff;color:var(--e-navy);font-weight:600}
body.v2 #krok .btn.ghost:hover{border-color:var(--e-navy);box-shadow:none}
body.v2 #krok > .btn.ghost{display:flex;margin:16px auto 0}

/* PDF block at the end */
body.v2 #krok .pdfblok{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-height:324px;margin-top:64px;padding:40px 380px 40px 44px;border-radius:28px;overflow:hidden}
body.v2 #krok .pdfblok > div:first-child{max-width:34em}
body.v2 #krok .pdfblok .r2-emiq{right:48px;bottom:20px;width:292px}
body.v2 #krok .pdfblok h3{margin-top:8px;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.015em;color:var(--e-navy)}
body.v2 #krok .pdfblok p{margin-top:8px;font-size:15.5px;line-height:1.55;color:#474a6e}
body.v2 #krok .pdfblok .pdf-jak{margin-top:4px;font-size:13px}
body.v2 #krok .pdfblok .btn{min-width:0;margin-top:0;padding:0 22px}
body.v2 #krok .pdfblok .btn.dark{gap:10px;padding-left:18px;box-shadow:0 10px 22px rgba(30,32,73,.22)}
body.v2 #krok .pdfblok .btn.dark::before{content:'';width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 4v11M7.5 10.5L12 15l4.5-4.5M5 19.5h14' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
body.v2 #krok .pdf-bts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
/* bar that follows the visitor while the two PDF cards are out of sight */
.r3-pdfbar{position:fixed;left:0;right:0;bottom:0;z-index:50;border-top:1px solid #c9eee2;box-shadow:0 -10px 30px rgba(30,32,73,.08);
  transform:translateY(calc(100% + 48px));visibility:hidden;transition:transform .26s ease,visibility 0s linear .26s}
.r3-pdfbar.on{transform:none;visibility:visible;transition:transform .26s ease}
.r3-pdfbar .in{display:flex;align-items:center;gap:20px;max-width:1088px;margin:0 auto;padding:12px 24px calc(12px + env(safe-area-inset-bottom))}
.r3-pdfbar .tx{flex:1;min-width:0}
.r3-pdfbar .tx b{display:block;font-size:16px;line-height:1.3;font-weight:800;color:var(--e-navy)}
.r3-pdfbar .tx span{display:block;margin-top:1px;font-size:13.5px;line-height:1.4;color:var(--e-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v2 #krok .r3-pdfbar .pdf-btn{flex:none;margin-top:0}
.r3-pdfbar-emiq{flex:none;align-self:flex-end;width:88px;height:auto;margin:-60px 0 -6px -8px;pointer-events:none;user-select:none}

/* meeting, who we are, references */
/* light block: Emiq's navy body would disappear on the navy one */
body.v2 #krok .cta{position:relative;display:block;margin-top:64px;padding:56px 44px 52px;border:1px solid var(--e-border);border-radius:32px;background:#fff;
  box-shadow:var(--e-shadow);color:var(--e-text);text-align:center;overflow:visible}
body.v2 #krok .cta .lide{display:none}
body.v2 #krok .cta h2{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--e-navy)}
body.v2 #krok .cta > p{max-width:38em;margin:14px auto 0;padding:0;font-size:16.5px;line-height:1.6;color:var(--e-muted);text-wrap:balance}
body.v2 #krok .cta .cta-form{max-width:600px;margin:34px auto 0;padding:28px;border:1px solid var(--e-border);border-radius:24px;background:var(--e-surface-1);text-align:left}
body.v2 #krok .cta .cta-form label.lbl{color:var(--e-navy);font-weight:700}
body.v2 #krok .cta .cta-form input,body.v2 #krok .cta .cta-form textarea{border:1.5px solid var(--e-border-strong);border-radius:14px;background:#fff;color:var(--e-text);font-family:inherit}
body.v2 #krok .cta .cta-form input::placeholder,body.v2 #krok .cta .cta-form textarea::placeholder{color:#a3a7c2}
body.v2 #krok .cta .cta-form input:hover,body.v2 #krok .cta .cta-form textarea:hover{border-color:#aab1cf}
body.v2 #krok .cta .cta-form input:focus,body.v2 #krok .cta .cta-form textarea:focus{outline:0;border-color:var(--e-green-strong);box-shadow:0 0 0 3px rgba(0,163,122,.1)}
body.v2 #krok .cta .cta-form .btn{display:flex;width:100%;margin:22px 0 0}
body.v2 #krok .cta .cta-form .pod{color:var(--e-muted)}
body.v2 #krok .cta .cta-form .ok{background:var(--e-ok-soft);color:var(--e-ok-ink)}
/* Emiq stands next to the form and points at the button */
.r3-cta-emiq{position:absolute;z-index:2;left:calc(50% + 300px - 18px);bottom:46px;width:196px;height:auto;pointer-events:none;user-select:none}
body.v2 #krok .kdo,body.v2 #krok .refs{margin-top:20px;padding:40px;border:1px solid var(--e-border);border-radius:28px;background:#fff}
body.v2 #krok .kdo{position:relative;overflow:hidden;padding:56px 44px 44px;background:linear-gradient(180deg,#fff 0%,#f6f8ff 46%,#eef2ff 100%);text-align:center}
body.v2 #krok .kdo h2,body.v2 #krok .refs h2{margin-top:8px;font-size:clamp(24px,2.6vw,32px);line-height:1.18;font-weight:800;letter-spacing:-.02em;color:var(--e-navy)}
body.v2 #krok .kdo>p{max-width:42em;margin:14px auto 0;font-size:16px;line-height:1.6;color:var(--e-text);text-wrap:balance}
body.v2 #krok .kdo video{display:block;width:100%;margin:0;border-radius:20px}
.r4-video{position:relative;isolation:isolate;margin-top:40px}
/* lines: artwork and motion of the hero on emorfiq.com (hero_lines), sized for this block */
.r4-lines{position:absolute;inset:0;z-index:0;pointer-events:none}
.r4-lines svg{position:absolute;left:50%;top:calc(50% - 150px);width:2100px;height:560px;max-width:none;transform:translate(-50%,-50%);overflow:visible}
@keyframes r4-l1{0%,100%{transform:translate(0,0)}25%{transform:translate(-45px,16px)}50%{transform:translate(-70px,-8px)}75%{transform:translate(-32px,-20px)}}
@keyframes r4-l2{0%,100%{transform:translate(0,0)}25%{transform:translate(38px,-24px)}50%{transform:translate(64px,6px)}75%{transform:translate(30px,22px)}}
@keyframes r4-l3{0%,100%{transform:translate(0,0)}25%{transform:translate(-30px,-26px)}50%{transform:translate(20px,-44px)}75%{transform:translate(44px,-14px)}}
.r4-l1{animation:r4-l1 14s ease-in-out infinite;will-change:transform}
.r4-l2{animation:r4-l2 18s ease-in-out infinite;will-change:transform}
.r4-l3{animation:r4-l3 16s ease-in-out infinite;will-change:transform}
@media (prefers-reduced-motion:reduce){.r4-l1,.r4-l2,.r4-l3{animation:none}}
.r4-glass{position:relative;z-index:1;width:74%;margin:0 auto;padding:14px;border:2px solid #fff;border-radius:34px;background-color:#ffffff1f;
  background-image:linear-gradient(0deg,#e8e8ff3d,#ffffff4d);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 8px 32px #1e214814}
body.v2 #krok .kdo-fakta{position:relative;z-index:1;gap:12px;max-width:860px;margin:36px auto 0;border:0;border-radius:0;background:none;overflow:visible}
body.v2 #krok .kdo-fakta>div{padding:22px 16px;border:1px solid #fff;border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 6px 20px rgba(30,32,73,.05);text-align:center}
body.v2 #krok .kdo-fakta b{font-size:24px;font-weight:800;color:var(--e-navy)}
body.v2 #krok .kdo-fakta span{margin-top:6px;font-size:13.5px;color:var(--e-muted)}
body.v2 #krok .refs-sk{margin-top:28px}
body.v2 #krok .refs-sk h3{margin:0 0 14px;padding:0;border:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--e-muted)}
body.v2 #krok .refs-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.v2 #krok .refs-grid>div{grid-column:auto;justify-self:stretch;width:auto;height:84px;padding:16px 18px;border:0;border-radius:14px;background:var(--e-surface-1)}
body.v2 #krok .refs .fine{margin-top:24px;font-size:13.5px;color:var(--e-muted)}
body.v2 #krok .akce{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
body.v2 #krok .akce button{grid-column:auto;height:46px;padding:0 20px;border:1.5px solid var(--e-border-strong);border-radius:12px;background:#fff;
  font-family:inherit;font-size:14.5px;font-weight:600;color:var(--e-navy);cursor:pointer}
body.v2 #krok .akce button:hover{border-color:var(--e-navy);color:var(--e-navy)}

/* ---------- desktop: the answers and the buttons stay at the same place from question to question ---------- */
@media (min-width:1101px){
  .v2-q-top{min-height:158px}
  .v2-odp{min-height:219px}
}
/* low laptop screens: tighter spacing so "Pokračovat" stays in view on most questions */
@media (min-width:1101px) and (max-height:820px){
  body.v2 .wrap{padding-top:16px}
  .v2-q{padding-top:20px;padding-bottom:22px}
  .v2-q-top{margin-top:24px;min-height:150px}
  h2.ot.v2-ot{font-size:26px}
  .v2-vysv{margin-top:12px}
  .v2-odp{margin-top:18px}
  .v2-pod{margin-top:10px;gap:0}
  .v2-q .v2-akce{margin-top:10px;padding-top:14px}
  .v2-kontakt-box{margin-top:104px}
  .v2-emiq-peek{width:144px;margin-left:-72px;bottom:calc(100% - 10px)}
}
/* ---------- tablet ---------- */
@media (max-width:1100px){
  .v2-uvod{grid-template-columns:minmax(0,1fr);row-gap:112px;padding-right:0}
  .v2-emiq{display:none}
  .v2-emiq-nad{display:block}
  .r3-cta-emiq{display:none}
  .r4-glass{width:88%}
  body.v2 #krok .pdfblok{min-height:272px;padding-right:290px}
  body.v2 #krok .pdfblok .r2-emiq{right:24px;bottom:16px;width:244px}
  .r2-hero{padding:40px 36px 36px}
  .r2-hero-top{grid-template-columns:minmax(0,1fr);gap:32px}
  .r2-pdf{max-width:460px}
  body.v2 #krok .refs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.v2 #krok .cta{padding:44px 32px 40px}
}
/* ---------- phone ---------- */
@media (max-width:760px){
  body.v2 .hd .in{padding:8px 16px}
  body.v2 .hd img{height:40px}
  body.v2 .wrap{padding:24px 16px 40px}
  body.v2 .pata{padding:14px 16px 22px}
  .v2-panel{padding:22px 18px;border-radius:22px}
  .v2-krok{padding:24px 18px}
  .v2-uvod .v2-panel{padding:22px 18px}
  .v2-uvod{row-gap:92px}
  .v2-emiq-nad{right:18px;bottom:calc(100% - 9px);width:96px}
  .v2-kontakt-box{margin-top:96px}
  .v2-emiq-peek{width:132px;margin-left:-66px;bottom:calc(100% - 9px)}
  .v2-lede{margin-top:14px;font-size:17px}
  .v2-body{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
  .v2-loga{margin-top:44px;padding-top:30px}
  .v2-loga .lrada{gap:20px 36px}
  .v2-navrat{flex-wrap:wrap;margin-bottom:26px}
  .v2-navrat button{width:100%}
  .v2-navrat .v2-navrat-ak{flex:1 1 100%;flex-direction:column-reverse;gap:2px}
  .v2-opts.dva,.v2-opts.dlazdice{grid-template-columns:minmax(0,1fr)}
  .v2-q{padding:20px 16px 20px}
  .v2-q-top{margin-top:28px}
  .v2-odp{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:20px}
  .v2-a{padding:15px 16px 16px;gap:9px}
  .v2-a .rb{top:16px}
  .v2-a .tx b{font-size:16px}
  .v2-a .tx small{margin-top:6px;font-size:14px}
  .v2-akce{gap:10px;margin-top:22px}
  .v2-zpet{height:50px;padding:0 14px;font-size:14px}
  .v2-dal{flex:1;min-width:0;height:50px;padding:0 16px;font-size:16px}
  .v2-lista .in{padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px}
  .v2-info{display:none}
  body.v2:has(.v2-lista.on) .cookie,body.v2.pdfbar-on .cookie{bottom:82px}
  .r2-nad{align-items:flex-start;flex-direction:column;gap:12px}
  .r2-meter{padding:0}
  .r2-obl,.r2-obl.n3,.r2-obl.n4{grid-template-columns:minmax(0,1fr)}
  .r13-nav{padding:2px 0 4px}
  .r2-hero{margin-top:18px;padding:28px 20px 26px;border-radius:24px}
  .r2-sub{font-size:16.5px}
  .r2-pdf{min-height:172px;padding:22px 124px 22px 20px;border-radius:20px}
  .r2-pdf h3{font-size:19px}
  .r2-emiq{right:-8px;bottom:-16px;width:138px}
  .r2-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:30px;padding-top:26px}
  .r2-stat b{font-size:38px}
  .r2-tiles i{width:18px;height:18px;border-radius:6px}
  body.v2 #krok .blok{margin-top:44px}
  body.v2 #krok .blok>h3{font-size:22px}
  body.v2 #krok .rk{padding:20px 18px 20px;border-radius:20px}
  body.v2 #krok .rk-tema{font-size:17.5px}
  .r2-cisla.n1 .r2-num,.r2-num{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}
  .r2-cisla.n1 .r2-num strong,.r2-num strong{font-size:34px}
  body.v2 #krok .rk-tog{padding:14px 12px 14px 16px;font-size:15.5px}
  body.v2 #krok .rk-det{padding:2px 16px 18px}
  body.v2 #krok .vy-kl{padding:18px}
  body.v2 #krok .vy-kl.s-obr{grid-template-columns:minmax(0,1fr);gap:16px}
  body.v2 #krok .vy-musi ul{grid-template-columns:minmax(0,1fr);gap:10px}
  body.v2 #krok .vy-musi li{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;padding:14px 16px}
  body.v2 #krok .vy-musi li::before{grid-row:1 / span 2;margin:0}
  body.v2 #krok .vy-musi li strong{grid-column:2}
  .r3-logo{width:84px;height:50px}
  body.v2 #krok .r3-logo img{max-width:60px;max-height:30px}
  .r3-dalsi-hd{flex-direction:column;align-items:flex-start;gap:12px}
  .r3-pdfbar .in{gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .r3-pdfbar .tx span{display:none}
  .r3-pdfbar .tx b{font-size:15px}
  .r3-pdfbar-emiq{display:none}
  body.v2 #krok .r3-pdfbar .pdf-btn{height:46px;padding:0 16px 0 12px;font-size:15px}
  body.v2 #krok .blok.r13-po{margin-top:44px;padding:24px 16px 18px;border-radius:24px}
  body.v2 #krok .obhd{grid-template-columns:28px minmax(0,1fr) auto;gap:10px 12px;padding:16px 14px}
  body.v2 #krok .obhd .r13-poc{grid-column:2;grid-row:2}
  body.v2 #krok .obhd .r3-sip{grid-column:3;grid-row:1}
  body.v2 #krok button.r13-todo{grid-template-columns:28px minmax(0,1fr);gap:10px 12px;padding:16px 14px}
  body.v2 #krok button.r13-todo .r2-ob-ak{grid-column:2;justify-self:start}
  body.v2 #krok .obdet{padding:4px 12px 14px}
  body.v2 #krok .r13-ob .obdet .rk{padding:18px 16px}
  body.v2 #krok .dalsi-obl,body.v2 #krok .kdo,body.v2 #krok .refs{padding:24px 20px;border-radius:24px}
  body.v2 #krok .dalsi-obl,body.v2 #krok .pdfblok,body.v2 #krok .hotovo-vse,body.v2 #krok .cta{margin-top:44px}
  body.v2 #krok .pdfblok{min-height:0;padding:26px 20px 204px;border-radius:24px}
  body.v2 #krok .pdfblok .r2-emiq{right:14px;bottom:12px;width:190px}
  body.v2 #krok .pdfblok .btn,body.v2 #krok .hotovo-vse .btn{width:100%;min-width:0}
  body.v2 #krok .cta{border-radius:24px;padding:32px 16px 16px}
  body.v2 #krok .cta > p{margin-top:12px}
  body.v2 #krok .cta .cta-form{margin-top:24px;padding:18px}
  body.v2 #krok .kdo-fakta{grid-template-columns:minmax(0,1fr);margin-top:24px}
  body.v2 #krok .kdo{padding:32px 16px 20px}
  .r4-video{margin-top:26px}
  .r4-glass{width:100%;padding:8px;border-radius:22px}
  body.v2 #krok .kdo video{border-radius:14px}
  .r4-lines svg{top:calc(50% - 70px);width:1500px;height:400px}
  body.v2 #krok .refs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v2 #krok .akce button{flex:1 1 100%}
}

/* ---------- round 11: new card elements from Matěj's brief (markup d11* in form-v2.js) ----------
   steps (pruchod), boxes (boxy), comparison (srovnani) and admin screens (ukazka). Drawn in CSS, no pictures.
   Each block is its own container, so the same element fits the full card and the narrower client block. */
body.v2 #krok .d11{margin-top:30px;container-type:inline-size}
body.v2 #krok .vy-kl .d11{margin-top:20px;padding-top:20px;border-top:1px solid var(--e-border)}
body.v2 #krok .d11 .d11-h{margin:0 0 16px;font-size:16.5px;line-height:1.35;font-weight:700;letter-spacing:-.005em;color:var(--e-navy)}
body.v2 #krok .d11 ol,body.v2 #krok .d11 ul{margin:0;padding:0;list-style:none}
body.v2 #krok .d11 li{position:relative;margin:0;font-size:14.5px;line-height:1.5;color:var(--e-text)}
body.v2 #krok .d11 li::marker{content:none}
body.v2 #krok .d11 li strong{display:block;margin-bottom:4px;font-size:15.5px;line-height:1.35;font-weight:700;color:var(--e-navy)}
body.v2 #krok .rk .d11 li p{margin:0;font-size:14.5px;line-height:1.5;color:var(--e-text)}
body.v2 #krok .d11 > a.zdroj{margin-top:16px}

/* steps: numbered squares joined by a hairline while they sit in one row */
.d11-flow.n3{--d11-n:3}.d11-flow.n4{--d11-n:4}.d11-flow.n5{--d11-n:5}.d11-flow.n6{--d11-n:6}
body.v2 #krok .d11-flow ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 22px}
.d11-n{display:grid;place-items:center;width:28px;height:28px;margin-bottom:12px;border-radius:9px;background:var(--e-navy);color:#fff;font-size:13.5px;font-weight:800;line-height:1}
@container (min-width:700px){
  body.v2 #krok .d11-flow ol{grid-template-columns:repeat(var(--d11-n,4),minmax(0,1fr));gap:22px}
  body.v2 #krok .d11-flow li:not(:last-child)::after{content:'';position:absolute;left:38px;right:-12px;top:13px;border-top:2px solid var(--e-border-strong);border-radius:2px}
}
@container (max-width:420px){
  body.v2 #krok .d11-flow ol{grid-template-columns:minmax(0,1fr);gap:16px}
  body.v2 #krok .d11-flow li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:14px}
  .d11-n{grid-row:1 / span 2;margin:0}
  body.v2 #krok .d11-flow li strong,body.v2 #krok .rk .d11-flow li p{grid-column:2}
}

/* boxes */
body.v2 #krok .d11-boxy ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@container (max-width:640px){ body.v2 #krok .d11-boxy ul{grid-template-columns:repeat(2,minmax(0,1fr))} }
@container (max-width:420px){ body.v2 #krok .d11-boxy ul{grid-template-columns:minmax(0,1fr);gap:10px} body.v2 #krok .d11-boxy li{padding:14px 16px 16px} }
body.v2 #krok .d11-boxy li{padding:18px 18px 20px;border:1px solid var(--e-border);border-radius:16px;background:#fff}

/* comparison: the rows of both sides share one grid, so the points line up */
.d11-vs-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(var(--d11-r,4),auto);column-gap:12px}
.d11-vs-g > div{display:grid;grid-row:1 / -1;grid-template-rows:subgrid;padding:22px 22px 14px;border-radius:16px}
.d11-vs-g > .a{background:var(--e-bad-soft)}
.d11-vs-g > .b{background:#e4faf2}
body.v2 #krok .d11-vs-g > div > strong{display:block;padding-bottom:12px;font-size:16px;line-height:1.35;font-weight:700;color:var(--e-navy)}
body.v2 #krok .d11-vs-g ul{display:grid;grid-row:2 / -1;grid-template-rows:subgrid}
body.v2 #krok .d11-vs-g li{padding:10px 0 10px 34px;border-top:1px solid rgba(30,32,73,.08);font-size:14.5px;line-height:1.5}
body.v2 #krok .d11-vs-g li::before{content:'';position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:7px;
  background:var(--e-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 12.4l3.2 3.2L17 8.8' stroke='%231E2049' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}
body.v2 #krok .d11-vs-g .a li::before{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='%23E0263A' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/22px no-repeat}
@container (max-width:560px){
  .d11-vs-g{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:12px}
  .d11-vs-g > div{display:block;grid-row:auto;padding:18px 18px 10px}
  body.v2 #krok .d11-vs-g ul{display:block}
}

/* a client with more screenshots: they stand under each other in the picture column */
.d11-obr{display:grid;gap:16px;align-content:start;min-width:0}

/* admin screens: the same zoomable figure as in "Z praxe" */
.d11-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
@container (max-width:560px){ .d11-figs{grid-template-columns:minmax(0,1fr)} }

}  /* @media screen */
@media print{.v2-lista,.r3-pdfbar,.r3-logo,.r3-cta-emiq,.r2-emiq{display:none !important}}

/* =========================================================
   PDF report (round 7, 2026-11-12): the A4 report of app.js in Emorfiq graphics. Print only.
   Markup: reportHtml() of app.js, dressed by reportHtml() in form-v2.js (wrapper .tr2, off with PDF_V2 = false).
   Manrope, stacked logo, drawn marks instead of emoji, no coloured side stripes, light and airy.
   A question is an open section under a hairline, not a boxed card, so it may continue on the next page.
   ========================================================= */
@media print{
@page{size:A4;margin:15mm 16mm 17mm;
  @bottom-left{content:"Audit e‑shopu · Emorfiq";font-family:Manrope,sans-serif;font-size:7.5pt;color:#8a8eab}
  @bottom-right{content:"Strana " counter(page) " z " counter(pages);font-family:Manrope,sans-serif;font-size:7.5pt;color:#8a8eab}
}
#tisk-report .tr2{
  font-family:'Manrope',system-ui,sans-serif;font-size:9.4pt;line-height:1.55;color:#2a2d4f;

  a{color:#046349;text-decoration:none}
  .tr2-zn{flex:none;display:inline-block;width:2.6mm;height:2.6mm;border-radius:50%;background:#c9cee6}
  .tr2-zn.bad{background:#e0263a} .tr2-zn.mid{background:#f0a81c} .tr2-zn.ok{background:#00a37a} .tr2-zn.nic{background:#c9cee6}
  .tr-krok{font-size:7.6pt;font-weight:800;letter-spacing:.12em;color:#00a37a}

  /* ---- first page ---- */
  .tr-hd{align-items:flex-start;padding-bottom:0;border-bottom:0}
  .tr-hd img{height:13.5mm}
  .tr-hd p{font-size:8.4pt;line-height:1.5;color:#676a8c}
  .tr-titul{margin-top:11mm}
  .tr-titul h1{margin-top:2.2mm;font-size:28pt;font-weight:800;line-height:1.06;letter-spacing:-.028em;color:#1e2049}
  .tr-kont{gap:3.4mm 8mm;margin-top:7.5mm;padding:4.4mm 0;border-radius:0;background:none;border-top:.6pt solid #e3e6f5;border-bottom:0}
  .tr-kont > div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:3mm;align-content:start}
  .tr2-ik{grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;width:8mm;height:8mm;margin-top:.2mm;border-radius:2.4mm;background:#f4f6ff;color:#00a37a}
  .tr2-ik svg{display:block;width:4.2mm;height:4.2mm}
  .tr-kont dt{font-size:7pt;font-weight:700;letter-spacing:.09em;color:#676a8c}
  .tr-kont dd{margin-top:.8mm;font-size:10pt;font-weight:600;color:#1e2049}

  .tr-hero{margin-top:3mm;padding:8mm 8mm 7.5mm !important;border:0 !important;border-radius:6mm !important;background:#f4f6ff !important}
  .tr-hero h2{font-size:25pt;font-weight:800;line-height:1.08;letter-spacing:-.028em;color:#1e2049}
  .tr-hero h2 em{font-style:normal}
  .tr-hero h2 em.bad{color:#e0263a} .tr-hero h2 em.mid{color:#c98500} .tr-hero h2 em.ok{color:#00a37a}
  .tr-hero .cv-cisla{gap:4mm;margin-top:6mm}
  .tr-hero .cv-cisla > div{position:relative;padding:4.4mm 5mm 4mm;border:0;border-radius:4mm;background:#fff}
  .tr-hero .cv-cisla .tr2-zn{position:absolute;top:4.8mm;right:5mm;width:3mm;height:3mm}
  .tr-hero .cv-cisla b{font-size:26pt;font-weight:800;line-height:1;letter-spacing:-.02em;color:#1e2049}
  .tr-hero .cv-cisla span{margin-top:1.6mm;font-size:9.4pt;font-weight:600;color:#676a8c}
  .tr-hero .cv-pruh{display:none}
  .tr-hero .cv-cisla.tr2-ctyri{grid-template-columns:repeat(4,minmax(0,1fr));gap:3mm}
  .tr2-pol{display:flex;flex-wrap:wrap;gap:1mm;margin-top:3.4mm}
  .tr2-pol:empty{display:none}
  .tr2-pol i{width:3.3mm;height:3.3mm;border-radius:.95mm;background:#c9cee6}
  .cv-cisla .bad .tr2-pol i{background:#e0263a} .cv-cisla .mid .tr2-pol i{background:#f0a81c} .cv-cisla .ok .tr2-pol i{background:#00a37a}
  .cv-pruh i.bad{background:#e0263a} .cv-pruh i.mid{background:#f0a81c} .cv-pruh i.ok{background:#00a37a}
  .cv-pruh i.skip{display:block;margin:0;padding:0;background:#c9cee6}
  /* style.css styles every .skip as a text link and hides it in print; the report parts with that class are reset here */
  .cv-pruh i.skip::after,.tr-sez.skip::after,.tr-sk.skip::after{content:none}

  .tr-tab{margin-top:6.5mm;font-size:9.6pt}
  .tr-tab th{padding:2.4mm 2.5mm;font-size:7pt;font-weight:700;letter-spacing:.08em;color:#676a8c;border-bottom:.6pt solid #e3e6f5}
  .tr-tab th .tr2-zn{width:2.2mm;height:2.2mm;margin-right:1.6mm;vertical-align:-.1mm}
  .tr-tab td{padding:2.7mm 2.5mm;border-bottom:.6pt solid #e3e6f5;font-weight:700;color:#1e2049}
  .tr-tab td:first-child{font-weight:600}
  .tr-tab td i,.tr-tab td i[class]{width:4.8mm;height:4.8mm;margin-right:2.4mm;border-radius:0;vertical-align:-1mm;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Ccircle cx='14' cy='14' r='13' fill='%2300A37A'/%3E%3Cpath d='M8.9 14.4l3.4 3.5 6.8-7.2' stroke='%23fff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

  .tr-top{margin-top:8mm;padding:0;border:0;border-radius:0}
  .tr-top h3{font-size:13pt;font-weight:800;letter-spacing:-.01em;color:#1e2049}
  .tr-top ol{gap:0;margin-top:3mm}
  .tr-top li{align-items:center;gap:3.5mm;padding:3mm 0;border-top:.6pt solid #e3e6f5}
  .tr-top li:last-child{border-bottom:.6pt solid #e3e6f5}
  .tr-top li b{font-size:10.4pt;font-weight:700;line-height:1.35;color:#1e2049}
  .tr-top li small{margin-top:.3mm;font-size:8.4pt;color:#676a8c}
  .tr-top > p{margin-top:4mm;font-size:8.6pt;color:#676a8c}
  /* overall result (more areas): the three points sit side by side so the first page stays one page */
  .tr2-uvod.tr2-vice .tr-top ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm}
  .tr2-uvod.tr2-vice .tr-top li{align-items:flex-start;gap:2.6mm;padding:3mm 4mm;border:0;border-radius:3.5mm;background:#f4f6ff}
  .tr2-uvod.tr2-vice .tr-top li .tr2-zn{margin-top:1.3mm}
  .tr2-uvod.tr2-vice .tr-top li b{font-size:9.6pt}
  .tr2-uvod.tr2-vice .tr-top > p{margin-top:2.4mm}
  .tr2-uvod.tr2-vice .tr-top{margin-top:6mm}
  .tr2-uvod.tr2-vice .tr-top ol{margin-top:2.6mm}
  .tr2-uvod.tr2-vice .tr-titul{margin-top:9mm}
  .tr2-uvod.tr2-vice .tr-tab{margin-top:5.5mm}
  .tr2-uvod.tr2-vice .tr-hero{margin-top:6.5mm;padding:7mm 8mm 7mm !important}

  /* Round 12: the cover fills its page by its own height instead of a forced page break after it. With usual data nothing
     changes (the first area still opens page 2). With a long address, a long e-mail and a comment together the cover
     runs over, and the block that does not fit continues on page 2 with the first area right under it; before, that
     block stood on page 2 alone and the rest of the page stayed empty. 262 mm = A4 minus the page margins, less 3 mm. */
  .tr2-uvod{min-height:262mm}
  .tr2-uvod + .tr-obl{break-before:auto;margin-top:13mm}
  .tr-obl-hd{break-inside:avoid;break-after:avoid}

  /* ---- one area ---- */
  .tr-obl-hd{align-items:flex-end;padding:0 0 6mm;border:0;border-bottom:.6pt solid #e3e6f5;border-radius:0;background:none}
  .tr-obl-hd .tr-krok{color:#00a37a}
  .tr-obl-hd h2{margin-top:1.5mm;font-size:23pt;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:#1e2049}
  .tr-obl-hd p{padding:1.6mm 4mm;border-radius:99px;background:#e6fbf4;font-size:9.4pt;font-weight:700;color:#046349}
  .tr-obl-hd.u-rezervy p{background:#fff5db;color:#8a5600}
  .tr-obl-hd.u-spatne p,.tr-obl-hd.u-kriticke p{background:#ffeef0;color:#b0182a}

  .tr-sk,.tr-sk.skip{display:flex;gap:2.6mm;margin-top:9mm;padding:0;font-size:14.5pt;font-weight:800;letter-spacing:-.015em;color:#1e2049;text-decoration:none;cursor:auto}
  .tr-sk .tr2-zn{width:3mm;height:3mm}
  .tr-sk em{padding:.3mm 2.6mm;font-size:8.4pt;font-weight:800;background:#f2f5ff;color:#1e2049}
  .tr-sk.bad em{background:#ffeef0;color:#b0182a} .tr-sk.mid em{background:#fff5db;color:#8a5600} .tr-sk.ok em{background:#e6fbf4;color:#046349}
  .tr-skp{margin-top:1mm;font-size:9.2pt;color:#676a8c}

  .tr-it{position:relative;margin-top:9.4mm;padding:.6mm 0 0 11.5mm;border:0;border-radius:0;background:none;break-inside:auto}
  .tr-it::before{content:'';position:absolute;left:0;right:0;top:-4.7mm;border-top:.6pt solid #e3e6f5}
  .tr2-celek{break-inside:avoid}
  .tr-it-hd{position:relative;display:block;break-inside:avoid;break-after:avoid}
  .tr-nb{position:absolute;left:-11.5mm;top:0;width:7.6mm;height:7.6mm;border-radius:2.4mm;background:#ffeef0;color:#b0182a;font-size:9.4pt;font-weight:800}
  .tr-it.mid .tr-nb{background:#fff5db;color:#8a5600}
  .tr-pod{font-size:7.2pt;font-weight:800;letter-spacing:.09em;color:#676a8c}
  .tr-it h4{margin-top:.4mm;font-size:12.2pt;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:#1e2049}
  .tr-verd{margin:3.2mm 0 0;padding:3mm 4mm;border-radius:3mm;background:#ffeef0;font-size:9.6pt;font-weight:600;line-height:1.5;color:#1e2049;break-inside:avoid}
  .tr-it.mid .tr-verd{background:#fff5db}
  .tr-odp,.tr-text{margin-top:3mm;padding-left:0;font-size:9.6pt}
  .tr-odp b,.tr-pozn b{font-weight:700;color:#1e2049}
  .tr-pozn{margin:2.4mm 0 0;padding:2.6mm 4mm;border-radius:3mm;background:#f4f6ff;font-size:9.2pt;break-inside:avoid}

  /* "Co říkají čísla": one tile per number */
  .tr-zdr{display:grid;grid-template-columns:repeat(auto-fit,minmax(60mm,1fr));gap:2mm 3mm;margin-top:4mm;font-size:8.6pt;color:#676a8c;break-inside:avoid}
  .tr-zdr b,.tr-emq b,.tr-praxe b,.tr-data b{font-size:7.2pt;font-weight:800;letter-spacing:.1em;color:#676a8c}
  .tr-zdr b{grid-column:1/-1}
  .tr-zdr p{margin:0;padding:3.2mm 4.5mm;border-radius:3.5mm;background:#f4f6ff;font-size:8.8pt;line-height:1.5;color:#2a2d4f}
  .tr-zdr p strong{display:block;margin-bottom:.8mm;font-size:15pt;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#1e2049}
  .tr-zdr p em{font-style:normal;font-weight:700;color:#1e2049}
  .tr-zdr p a{color:#676a8c;text-decoration:underline;text-decoration-color:#c9cee6;text-underline-offset:.6mm}

  /* "Jak to řešíme v Emorfiq": light green block, check marks as rounded squares */
  .tr-emq{margin-top:3mm;padding:4.2mm 5.5mm;border:0;border-radius:4mm;background:#e9fbf5;break-inside:avoid}
  .tr-emq.s-obr{grid-template-columns:minmax(0,1fr) 58mm;gap:6mm}
  .tr-emq b{color:#046349}
  .tr-emq p{margin-top:1.4mm;font-size:9.2pt;line-height:1.55}
  .tr-emq ul{margin:2mm 0 0;padding:0;list-style:none}
  .tr-emq li{position:relative;margin:1.3mm 0 0;padding-left:6.4mm;font-size:9pt;line-height:1.5}
  .tr-emq li::before{content:'';position:absolute;left:0;top:.5mm;width:3.9mm;height:3.9mm;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='1' y='1' width='22' height='22' rx='7' fill='%2300E5A9'/%3E%3Cpath d='M7 12.4l3.2 3.2L17 8.8' stroke='%231E2049' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  .tr-emq li strong{font-weight:700;color:#1e2049}
  .tr-emq img{border-radius:2.4mm;border:.6pt solid #cfe9e0}
  .tr-emq figcaption{margin-top:1.4mm;font-size:7.2pt;line-height:1.35;color:#676a8c}

  /* "Z praxe" */
  .tr-dukaz{gap:3mm;margin-top:3mm}
  .tr-praxe,.tr-data{position:relative;padding:4.2mm 5.5mm;border-radius:4mm;background:#f4f6ff;break-inside:avoid}
  .tr-praxe b,.tr-data b{color:#1e2049}
  .tr2-logo{position:absolute;top:4mm;right:4.5mm;display:flex;align-items:center;justify-content:center;width:23mm;height:9.5mm;border-radius:2.4mm;background:#fff}
  .tr2-logo + b{display:flex;align-items:center;min-height:9.5mm;margin-top:-.2mm;padding-right:26mm}
  .tr2-logo img{display:block;max-width:17mm;max-height:6mm;width:auto;height:auto}
  .tr-praxe p,.tr-data p{margin-top:1.4mm;font-size:9pt;line-height:1.5}
  .tr-praxe ul{margin:1.6mm 0 0;padding-left:4.4mm}
  .tr-praxe li{margin:.8mm 0;font-size:9pt;line-height:1.5}
  .tr-praxe li::marker{color:#00a37a}
  .tr-praxe ul + p{margin-top:3mm;padding:2.8mm 4mm;border-radius:3mm;background:#e0f8ef}
  .tr-praxe p strong{margin-top:0;font-size:9pt;font-weight:700;color:#046349}
  .tr-praxe a,.tr-data a{margin-top:2.4mm;font-size:8.4pt;font-weight:700;color:#046349}
  .tr-praxe a::after{content:' \2197'}

  /* "V pořádku" and "Přeskočeno" */
  .tr-sez.skip{display:block;margin:0;padding:0;font-size:inherit;font-weight:inherit;color:inherit;text-decoration:none;cursor:auto}
  .tr-sez{break-inside:avoid}
  .tr-sez ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9mm;columns:auto;margin-top:3mm}
  .tr-sez li{position:relative;padding:2.6mm 0 2.6mm 6.6mm;border-bottom:.6pt solid #e3e6f5}
  .tr-sez li::before{content:'';position:absolute;left:0;top:3.1mm;width:3.9mm;height:3.9mm;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='1' y='1' width='22' height='22' rx='7' fill='%2300E5A9'/%3E%3Cpath d='M7 12.4l3.2 3.2L17 8.8' stroke='%231E2049' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  .tr-sez.skip li::before{background:#e3e6f5;border-radius:1.15mm}
  .tr-sez.skip li b{font-weight:600}
  .tr-sez li b{font-size:9.2pt;font-weight:700;color:#1e2049}
  .tr-sez li span{margin-top:.5mm;font-size:8.5pt;line-height:1.45;color:#676a8c}
  .tr-okv{color:#676a8c}

  /* ---- closing page ---- */
  .tr2-konec{margin-top:12mm}
  .tr2-cta{position:relative;break-inside:avoid}
  .tr-zaver{margin-top:0;padding:8.5mm 50mm 8.5mm 10mm;border:0;border-radius:6mm;background:#e9fbf5}
  .tr-zaver h2{font-size:22pt;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:#1e2049}
  .tr-zaver p{margin-top:3.5mm;font-size:10.2pt;line-height:1.55;color:#2a2d4f}
  .tr-kontakt{flex-direction:column;align-items:flex-start;gap:2.2mm;margin-top:5.5mm;font-size:10pt;font-weight:700}
  .tr-kontakt a{display:flex;align-items:center;gap:2.4mm;color:#1e2049;white-space:nowrap}
  .tr-kontakt svg{flex:none;width:6.8mm;height:6.8mm;padding:1.55mm;border-radius:2.4mm;background:#fff;color:#00a37a}
  .tr-zaver .tr-online{margin-top:5.5mm}
  .tr-online a{display:inline-block;padding:2.8mm 6mm;border-radius:3mm;background:#1e2049;font-size:9.6pt;font-weight:700;color:#fff}
  .tr2-emiq{position:absolute;right:0;bottom:7mm;width:47mm;height:auto}

  .tr2-kdo{margin-top:9.5mm;break-inside:avoid}
  .tr2-kdo h2,.tr2-refs h2{margin-top:1.5mm;font-size:17pt;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#1e2049}
  .tr2-kdo p{max-width:150mm;margin-top:2.6mm;font-size:9.8pt;line-height:1.6}
  .tr2-fakta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4mm;margin-top:5mm}
  .tr2-fakta > div{padding:4.4mm 5.5mm;border-radius:4mm;background:#f4f6ff}
  .tr2-fakta b{display:block;font-size:16pt;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#1e2049}
  .tr2-fakta span{display:block;margin-top:1.4mm;font-size:8.8pt;line-height:1.4;color:#676a8c}

  .tr2-refs{margin-top:8.5mm;break-inside:avoid}
  .tr2-sk{margin-top:4mm}
  .tr2-sk h3{font-size:7.2pt;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#676a8c}
  .tr2-loga{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2.6mm;margin-top:2.4mm}
  .tr2-loga span{display:flex;align-items:center;justify-content:center;height:10.5mm;border:.6pt solid #e3e6f5;border-radius:3mm}
  .tr2-loga img{display:block;max-width:66%;max-height:6.6mm;width:auto;height:auto}
  .tr2-fine{margin-top:4mm;font-size:8.6pt;color:#676a8c}
}
/* ---- round 11: new card elements from the brief (steps, boxes, comparison, admin screens) ---- */
#tisk-report .d11{margin-top:3mm;padding:4.4mm 5.5mm 4.8mm;border-radius:4mm;background:#f4f6ff;break-inside:avoid}
#tisk-report .d11 .d11-h{margin:0 0 3mm;font-family:inherit;font-size:9.8pt;font-weight:800;line-height:1.3;letter-spacing:-.005em;text-transform:none;color:#1e2049}
#tisk-report .d11 ol,#tisk-report .d11 ul{margin:0;padding:0;list-style:none}
#tisk-report .d11.d11 li{position:relative;margin:0;padding:0;font-size:8.5pt;line-height:1.5;color:#2a2d4f}
#tisk-report .d11.d11 li strong{display:block;margin:0 0 .6mm;font-size:8.9pt;font-weight:700;line-height:1.35;color:#1e2049}
#tisk-report .d11.d11 li p{margin:0;padding:0;border-radius:0;background:none;font-size:8.5pt;line-height:1.5;color:#2a2d4f}
#tisk-report .d11.d11 > a.zdroj{display:inline-block;margin-top:3mm;font-size:8.4pt;font-weight:700;color:#046349}
#tisk-report .d11.d11 > a.zdroj::after{content:' \2197'}

#tisk-report .d11-flow ol{display:grid;grid-template-columns:repeat(var(--d11-n,4),minmax(0,1fr));gap:4mm}
#tisk-report .d11-n{display:flex;align-items:center;justify-content:center;width:5.4mm;height:5.4mm;margin-bottom:2mm;border-radius:1.7mm;background:#1e2049;color:#fff;font-size:7.8pt;font-weight:800;line-height:1}
#tisk-report .d11-flow li:not(:last-child)::after{content:'';position:absolute;left:7.4mm;right:-2mm;top:2.5mm;border-top:.9pt solid #c9cee6}
/* inside "Z praxe" the steps stand on the block of the client; with two clients side by side they run down */
#tisk-report .tr-praxe .d11{margin-top:3mm;padding:3.2mm 0 0;border-top:.6pt solid #dfe3f2;border-radius:0;background:none}
#tisk-report .tr-dukaz.dva .d11-flow ol{grid-template-columns:minmax(0,1fr);gap:2.2mm}
#tisk-report .tr-dukaz.dva .d11-flow li{display:grid;grid-template-columns:5.4mm minmax(0,1fr);column-gap:2.6mm}
#tisk-report .tr-dukaz.dva .d11-flow li::after{content:none}
#tisk-report .tr-dukaz.dva .d11-flow .d11-n{grid-row:1 / span 2;margin:0}
#tisk-report .tr-dukaz.dva .d11-flow li strong,#tisk-report .tr-dukaz.dva .d11-flow li p{grid-column:2}

#tisk-report .d11-boxy ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4mm}
#tisk-report .d11.d11-boxy li{padding:3mm 3.6mm 3.4mm;border-radius:3mm;background:#fff}

#tisk-report .d11-vs,#tisk-report .d11-ukaz{padding:0;border-radius:0;background:none}
#tisk-report .d11-vs .d11-h,#tisk-report .d11-ukaz .d11-h{margin-top:1.4mm}
#tisk-report .d11-vs-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(var(--d11-r,4),auto);column-gap:3mm}
#tisk-report .d11-vs-g > div{display:grid;grid-row:1 / -1;grid-template-rows:subgrid;padding:4mm 5mm 2.6mm;border-radius:4mm}
#tisk-report .d11-vs-g > .a{background:#ffeef0}
#tisk-report .d11-vs-g > .b{background:#e9fbf5}
#tisk-report .d11-vs-g > div > strong{display:block;padding-bottom:2mm;font-size:9.4pt;font-weight:800;line-height:1.3;color:#1e2049}
#tisk-report .d11-vs-g ul{display:grid;grid-row:2 / -1;grid-template-rows:subgrid}
#tisk-report .d11.d11-vs li{padding:1.7mm 0 1.7mm 6.4mm;border-top:.6pt solid rgba(30,32,73,.09)}
#tisk-report .d11-vs li::before{content:'';position:absolute;left:0;top:2mm;width:3.9mm;height:3.9mm;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='1' y='1' width='22' height='22' rx='7' fill='%2300E5A9'/%3E%3Cpath d='M7 12.4l3.2 3.2L17 8.8' stroke='%231E2049' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#tisk-report .d11-vs .a li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='1' y='1' width='22' height='22' rx='7' fill='%23fff'/%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='%23E0263A' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}

#tisk-report .d11-obr{display:grid;gap:3mm;align-content:start;min-width:0}
#tisk-report .d11-obr figure{margin:0}
#tisk-report .d11-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4mm;align-items:start}
#tisk-report .d11-figs figure{margin:0}
#tisk-report .d11-figs img{display:block;width:100%;height:auto;border:.6pt solid #dfe3f2;border-radius:2.4mm}
#tisk-report .d11-figs figcaption{margin-top:1.4mm;font-size:7.2pt;line-height:1.35;color:#676a8c}
}  /* @media print: PDF report */

/* =========================================================
   Round 16: exit popup + the Turnstile corner (screen only)
   ========================================================= */
@media screen{
#r16-ts{position:fixed;right:16px;bottom:16px;z-index:70}
.r16-pop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:rgba(30,32,73,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:r16-in .22s ease both}
.r16-box{position:relative;width:100%;max-width:500px;max-height:calc(100vh - 48px);overflow:auto;padding:40px 40px 34px;border-radius:28px;background:#fff;box-shadow:0 30px 80px rgba(30,32,73,.28);animation:r16-up .26s cubic-bezier(.2,.8,.2,1) both}
.r16-x{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:var(--e-surface-1);color:var(--e-navy);cursor:pointer;transition:background .14s}
.r16-x:hover{background:#e6e9f7}
.r16-x .ik{width:18px;height:18px}
.r16-nad{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--e-green-ink)}
.r16-box h2{margin-top:10px;padding-right:36px;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--e-navy);text-wrap:balance}
.r16-tx{margin-top:12px;font-size:16px;line-height:1.55;color:var(--e-muted)}
.r16-dal{display:block;width:100%;min-width:0;margin:26px 0 0}
.r16-poz{margin-top:28px;padding-top:24px;border-top:1px solid var(--e-border)}
.r16-poz h3{font-size:17px;line-height:1.3;font-weight:800;color:var(--e-navy)}
.r16-poz > p{margin-top:4px;font-size:15px;line-height:1.5;color:var(--e-muted)}
.r16-rad{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin:14px 0 14px}
.r16-rad input{margin-top:0}
.r16-odeslat{padding:0 22px;border:0;border-radius:14px;background:var(--e-navy);color:#fff;font-family:inherit;font-size:15.5px;font-weight:700;cursor:pointer;transition:background .14s,transform .14s,box-shadow .14s}
.r16-odeslat:hover{background:var(--e-navy-2);transform:translateY(-1px);box-shadow:0 10px 22px rgba(30,32,73,.22)}
#r16-chyba .v2-chyba{margin-top:14px}
.r16-poz .r16-ok{margin-top:0;padding:14px 16px;border-radius:12px;background:var(--e-ok-soft);color:var(--e-ok-ink);font-size:15.5px;font-weight:700}
@keyframes r16-in{from{opacity:0}}
@keyframes r16-up{from{opacity:0;transform:translateY(14px) scale(.985)}}
@media (prefers-reduced-motion:reduce){.r16-pop,.r16-box{animation:none}}
@media (max-width:560px){
  .r16-pop{padding:12px;place-items:end center}
  .r16-box{padding:30px 22px 24px;border-radius:24px}
  .r16-box h2{font-size:24px}
  .r16-rad{grid-template-columns:minmax(0,1fr)}
  .r16-odeslat{height:50px}
}
}  /* @media screen: round 16 */