/* Kvíz „Týka sa ma e-faktúra?“ (SK /efaktura/kviz/, EN /efaktura/en/quiz/).
   Ten istý svet ako stránka e-faktúry (efaktura-v4.css): tmavá noc, meď len na hlavnú akciu.
   Hlavičku a pätu kreslí paper.css, tento súbor sa stará len o <main> a je celý pod body.kv-stranka.
   Mobil najprv: jedna otázka na obrazovku, tlačidlá na celú šírku, cieľ dotyku min. 48 px.
   Hýbe sa len opacity, transform a šírka lišty postupu; pri prefers-reduced-motion nič. */

body.kv-stranka{
  --noc:#0a0908;--ink:#fafafa;--telo:#a8a4a0;--tichy:#8d8884;
  --linka:rgba(255,255,255,.10);--linka-2:rgba(255,255,255,.16);--linka-3:rgba(255,255,255,.28);
  --med:#f2643c;--zhaslo:#ffb59d;--dobre:#5ecf9a;
  --plocha:#15110f;--plocha-2:#1b1714;
  --pero:cubic-bezier(.16,1,.3,1);--tik:cubic-bezier(.2,.7,.2,1);
  background:var(--noc);color:var(--telo);
  font:400 17px/1.6 var(--ui);letter-spacing:-.004em;-webkit-font-smoothing:antialiased}
body.kv-stranka [hidden]{display:none !important}

/* Paper má holé pravidlá pre section, p a nadpisy. Tu sa vracajú na nulu. */
body.kv-stranka main{overflow-x:clip}
body.kv-stranka main section{padding:0;border-top:0;background:none}
body.kv-stranka main h1,body.kv-stranka main h2,body.kv-stranka main h3{margin:0;font-family:var(--ui);font-weight:700;color:var(--ink);text-wrap:balance}
body.kv-stranka main p{margin:0;max-width:none;text-wrap:pretty}
body.kv-stranka main a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--linka-3);text-decoration-thickness:1px;text-underline-offset:4px}
body.kv-stranka main a:hover{text-decoration-color:var(--med)}
body.kv-stranka main :focus-visible{outline:2px solid var(--zhaslo);outline-offset:3px;border-radius:8px}

/* ── Rozloženie ── */
/* Selektory s body.kv-stranka main: paper.css má body.noc h1 a body.noc section so silnejšou váhou. */
body.kv-stranka main .kv{padding:clamp(20px,4vw,56px) 0 clamp(48px,6vw,96px)}
.kv-mriezka{display:grid;gap:24px;align-items:start}
body.kv-stranka .kv-uvod .kicker{margin:0 0 12px}
body.kv-stranka .kv-uvod h1{font-size:clamp(32px,4.4vw,56px);line-height:1.05;letter-spacing:-.03em}
.kv-lead{margin-top:14px !important;max-width:58ch !important;font-size:clamp(16.5px,1.25vw,18.5px);line-height:1.55;color:var(--telo)}
.kv-dokaz{margin-top:14px !important;font-size:14px;line-height:1.5;color:var(--tichy)}
.kv-dokaz a{color:var(--telo) !important}

/* Po prvej odpovedi sa úvod na mobile zmenší, aby otázka ostala nad ohybom. */
body.kv-stranka.kv-bezi .kv-lead,body.kv-stranka.kv-bezi .kv-dokaz{display:none}
body.kv-stranka.kv-bezi .kv-uvod h1{font-size:22px;letter-spacing:-.02em}
body.kv-stranka.kv-bezi .kv-uvod .kicker{display:none}

/* ── Karta kvízu ── */
.kv-karta{position:relative;scroll-margin-top:84px;border-radius:16px;
  background:linear-gradient(180deg,#1d1916 0%,#141110 100%);border:1px solid var(--linka-2);
  box-shadow:0 2px 0 rgba(255,255,255,.06) inset,0 40px 80px -36px rgba(0,0,0,.9);
  padding:20px 16px 18px}
.kv-karta:focus{outline:none}
.kv-nacitava{display:none;color:var(--tichy)}
html.js .kv-nacitava{display:block}
.kv-noscript p{margin:0 0 12px !important}
.kv-noscript p:last-child{margin-bottom:0 !important}

.kv-hlava{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.kv-postup{flex:none;font-size:14px;line-height:1.2;color:var(--telo);font-variant-numeric:tabular-nums}
.kv-lista{flex:1 1 auto;height:4px;border-radius:4px;background:var(--linka);overflow:hidden}
.kv-lista span{display:block;height:100%;width:calc(var(--podiel,0) * 100%);background:var(--med);border-radius:4px;transition:width .35s var(--pero)}

.kv-otazka{font-size:clamp(22px,2.2vw,28px) !important;line-height:1.2;letter-spacing:-.02em}
.kv-otazka:focus,.kv-vysledok-nadpis:focus{outline:none}
.kv-otazka:focus-visible,.kv-vysledok-nadpis:focus-visible{outline:2px solid var(--zhaslo);outline-offset:4px}
.kv-pomoc{margin-top:8px !important;font-size:15px;line-height:1.5;color:var(--tichy)}

.kv-moznosti{display:grid;gap:10px;margin-top:18px}
.kv-moznost{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:56px;padding:14px 14px;
  border:1px solid var(--linka-2);border-radius:12px;background:rgba(255,255,255,.03);color:var(--ink);
  font:500 16.5px/1.35 var(--ui);letter-spacing:-.01em;text-align:left;cursor:pointer;
  transition:border-color .16s var(--tik),background-color .16s var(--tik),transform .12s var(--tik)}
.kv-moznost:hover{border-color:var(--linka-3);background:rgba(255,255,255,.06)}
.kv-moznost:active{transform:scale(.99)}
.kv-moznost[aria-pressed="true"]{border-color:var(--med);background:rgba(242,100,60,.12)}
.kv-kluc{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;margin-top:-1px;border-radius:7px;
  border:1px solid var(--linka-2);font:600 13px/1 var(--ui);color:var(--telo);font-variant-numeric:tabular-nums}
.kv-moznost[aria-pressed="true"] .kv-kluc{border-color:var(--med);color:var(--ink)}
.kv-moznost-text{display:grid;gap:3px;min-width:0}
.kv-moznost-pomoc{font-weight:400;font-size:14px;line-height:1.4;color:var(--tichy)}

.kv-spodok{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;min-height:44px}
.kv-spat{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;margin-left:-10px;border:0;border-radius:10px;
  background:none;color:var(--telo);font:500 15px/1 var(--ui);cursor:pointer}
.kv-spat::before{content:"";width:8px;height:8px;border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-right:2px}
.kv-spat:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.kv-klavesy{display:none;margin-left:auto !important;font-size:13px;color:var(--tichy)}
@media (hover:hover) and (pointer:fine){ .kv-klavesy{display:block} }

/* ── Výsledok ── */
.kv-stitok{display:inline-block;margin-bottom:10px !important;padding:4px 10px;border:1px solid var(--linka-2);border-radius:999px;font-size:13px;line-height:1.2;color:var(--zhaslo)}
.kv-vysledok-nadpis{font-size:clamp(22px,2.3vw,30px) !important;line-height:1.18;letter-spacing:-.022em}
.kv-istota{margin-top:12px !important;padding-left:12px;border-left:2px solid var(--linka-3);font-size:15px;line-height:1.5}
.kv-istota-iste{border-left-color:var(--dobre);color:var(--telo)}
.kv-istota-overit{border-left-color:var(--zhaslo);color:var(--ink)}
.kv-telo{display:grid;gap:12px;margin-top:18px}
.kv-odsek{font-size:16.5px;line-height:1.6;color:var(--telo)}
.kv-ref{white-space:nowrap;font-size:13.5px;color:var(--tichy)}
body.kv-stranka main .kv-ref-a{display:inline-block;padding:2px 3px;color:var(--zhaslo);text-decoration-color:rgba(255,181,157,.4)}

.kv-vyzvy{display:grid;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--linka)}
.kv-vyzvy-nadpis{font-size:15px !important;letter-spacing:.02em;color:var(--telo) !important;font-weight:600 !important}
.kv-vyzva{display:grid;gap:6px}
body.kv-stranka main .kv-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;height:auto;padding:12px 22px;
  border:1px solid transparent;border-radius:999px;background:var(--med);color:#1b0e08;
  font:600 16px/1.25 var(--ui);letter-spacing:-.012em;text-align:center;text-decoration:none;cursor:pointer;
  box-shadow:0 8px 20px -8px rgba(242,100,60,.55);transition:background-color .16s var(--tik),transform .16s var(--tik)}
body.kv-stranka main .kv-cta:hover{background:#ff7a55;color:#1b0e08;transform:translateY(-1px)}
body.kv-stranka main .kv-cta:focus-visible{outline-offset:4px;border-radius:999px}
.kv-vyzva-popis{font-size:14px;line-height:1.45;color:var(--tichy)}
.kv-vyzva-hlavna .kv-vyzva-popis{text-align:center}
body.kv-stranka main .kv-odkaz{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;
  color:var(--ink);font:500 16px/1.3 var(--ui);text-align:left;text-decoration:underline;text-decoration-color:var(--linka-3);
  text-underline-offset:4px;cursor:pointer}
body.kv-stranka main .kv-odkaz:hover{text-decoration-color:var(--med)}

.kv-poznamky{display:grid;gap:12px;margin-top:24px}
.kv-pozn{padding:14px 14px;border:1px solid var(--linka);border-radius:12px;background:rgba(255,255,255,.02)}
.kv-pozn h3{font-size:16px !important;line-height:1.35;margin-bottom:6px !important}
.kv-pozn .kv-odsek{font-size:15.5px}
.kv-pozn-rozbal summary,.kv-zdroje summary,.kv-odpovede summary{display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:44px;cursor:pointer;list-style:none;font:600 16px/1.35 var(--ui);color:var(--ink)}
.kv-pozn-rozbal summary::-webkit-details-marker,.kv-zdroje summary::-webkit-details-marker,.kv-odpovede summary::-webkit-details-marker{display:none}
.kv-pozn-rozbal summary::after,.kv-zdroje summary::after,.kv-odpovede summary::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;
  border-right:1.8px solid var(--telo);border-bottom:1.8px solid var(--telo);transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--tik)}
.kv-pozn-rozbal[open] summary::after,.kv-zdroje[open] summary::after,.kv-odpovede[open] summary::after{transform:rotate(225deg) translateY(-2px)}
.kv-pozn-rozbal[open] .kv-odsek{margin-top:6px !important}
.kv-pozn-rozbal{padding-top:4px;padding-bottom:4px}

.kv-zdroje,.kv-odpovede{margin-top:16px;border-top:1px solid var(--linka);padding-top:6px}
.kv-zdroje-uvod{margin:6px 0 10px !important;font-size:14px;color:var(--tichy)}
.kv-zdroje-zoznam{margin:0;padding:0 0 0 22px;display:grid;gap:10px;font-size:14px;line-height:1.5;color:var(--telo);overflow-wrap:anywhere}
.kv-zdroje-zoznam li{scroll-margin-top:96px;border-radius:8px}
.kv-zdroje-zoznam li:focus{outline:none;background:rgba(255,181,157,.06)}
.kv-zdroj-dok{color:var(--ink)}
.kv-citat{font-style:italic;quotes:none}
.kv-odpovede dl{margin:8px 0 0;display:grid;gap:4px 16px}
.kv-odpovede dt{font-size:14px;color:var(--tichy)}
.kv-odpovede dd{margin:0 0 8px;font-size:15.5px;color:var(--ink)}
.kv-odpovede-akcie{display:flex;flex-wrap:wrap;gap:4px 24px;margin:4px 0 6px}

.kv-pod-kartou{display:grid;gap:10px;margin-top:16px}
.kv-preskoc{font-size:15px;line-height:1.5}
.kv-pravne{font-size:13.5px;line-height:1.5;color:var(--tichy)}

/* Farby odsekov: paper.css má body.noc p{color}, preto s body.kv-stranka pred triedou. */
body.kv-stranka .kv-lead,body.kv-stranka .kv-postup,body.kv-stranka .kv-odsek,body.kv-stranka .kv-istota-iste{color:var(--telo)}
body.kv-stranka .kv-dokaz,body.kv-stranka .kv-pomoc,body.kv-stranka .kv-klavesy,body.kv-stranka .kv-vyzva-popis,
body.kv-stranka .kv-zdroje-uvod,body.kv-stranka .kv-pravne,body.kv-stranka .kv-nacitava{color:var(--tichy)}
body.kv-stranka .kv-istota-overit{color:var(--ink)}
body.kv-stranka .kv-stitok{color:var(--zhaslo)}
body.kv-stranka .kv-preskoc{color:var(--telo)}

/* ── Väčšie obrazovky ── */
@media (min-width:600px){
  .kv-karta{padding:26px 26px 22px}
  .kv-moznost{padding:15px 18px}
  body.kv-stranka main .kv-cta{width:auto;justify-self:start}
  .kv-vyzva-hlavna .kv-vyzva-popis{text-align:left}
  .kv-odpovede dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .kv-odpovede dd{margin:0}
}
@media (min-width:1024px){
  .kv-mriezka{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,88px)}
  .kv-uvod{position:sticky;top:104px}
  /* Na desktope je dosť miesta: úvod ostáva celý aj počas kvízu. */
  body.kv-stranka.kv-bezi .kv-lead,body.kv-stranka.kv-bezi .kv-dokaz{display:block}
  body.kv-stranka.kv-bezi .kv-uvod h1{font-size:clamp(32px,4.4vw,56px);letter-spacing:-.03em}
  body.kv-stranka.kv-bezi .kv-uvod .kicker{display:flex}
  .kv-karta{padding:32px 34px 26px}
}

/* ── Pohyb ── */
@media (prefers-reduced-motion:no-preference){
  .kv-karta-js>*{animation:kv-prichod .32s var(--pero) both}
}
@keyframes kv-prichod{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .kv-lista span,.kv-moznost,.kv-cta{transition:none !important}
  .kv-karta-js>*{animation:none !important}
}