/* ============================================================================
   Štát v číslach — statvcislach.sk
   Dizajn: Návrh 2 „Novinárske dáta" (rozhodnutie 5.9.2026, etalón §3).
   Tokeny sú záväzné pre celý portál vrátane modulových stránok.
   ========================================================================= */

:root{
  --bg:#FBFBF9;
  --ink:#131313;
  --red:#C11733;
  --grey:#66655F;
  --rule:#E3E2DC;
  --paper:#fff;
  --text:#25241f;
  --sirka:1160px;
  --nadpis:"Barlow Condensed",Impact,sans-serif;
  --serif:"Source Serif 4",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--serif);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
main a:not(.tlacidlo):not(.brand){
  color:var(--red);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:2px;
}
main a:not(.tlacidlo):not(.brand):hover{background:rgba(193,23,51,.08)}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.tabular,td.cislo,th.cislo{font-variant-numeric:tabular-nums}
.preskoc{position:absolute;left:-9999px}
.preskoc:focus{position:static;display:inline-block;padding:8px 14px;background:var(--ink);color:#fff}

/* ---------- hlavička ---------------------------------------------------- */
.top{border-bottom:1px solid var(--rule)}
.top-inner{
  max-width:var(--sirka);margin:0 auto;padding:12px 32px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--grey);
}
.top-inner .dot{color:var(--red)}

.navbar{border-bottom:2px solid var(--ink);background:var(--bg);position:sticky;top:0;z-index:20}
.nav-inner{
  max-width:var(--sirka);margin:0 auto;padding:14px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.brand{
  font-family:var(--nadpis);font-weight:800;font-size:22px;
  text-transform:uppercase;letter-spacing:.02em;
  display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
}
.brand .sq{width:11px;height:11px;background:var(--red);display:inline-block}
.navlinks{display:flex;gap:26px;align-items:center}
.skupina{position:relative}
.skupina-tl{
  font-family:var(--nadpis);font-weight:600;font-size:16px;
  text-transform:uppercase;letter-spacing:.03em;color:var(--grey);
  background:none;border:0;border-bottom:2px solid transparent;
  padding:6px 0 4px;cursor:pointer;white-space:nowrap;
}
.skupina-tl::after{content:"";display:inline-block;margin-left:7px;vertical-align:3px;
  border:4px solid transparent;border-top-color:currentColor;border-bottom-width:0}
.skupina-tl:hover,.skupina.otvorena .skupina-tl{color:var(--ink)}
.skupina.on .skupina-tl{color:var(--ink);border-bottom-color:var(--red)}
.skupina-menu{
  display:none;position:absolute;top:100%;left:-14px;min-width:230px;z-index:30;
  background:var(--paper);border:1px solid var(--rule);border-top:2px solid var(--ink);
  box-shadow:0 10px 24px rgba(19,19,19,.10);padding:6px 0;
}
.skupina:last-child .skupina-menu{left:auto;right:-14px}
.skupina:hover .skupina-menu,.skupina:focus-within .skupina-menu,.skupina.otvorena .skupina-menu{display:block}
.skupina-menu a{
  display:block;padding:9px 16px;font-family:var(--serif);font-size:15.5px;color:var(--text);
  border-left:3px solid transparent;
}
.skupina-menu a:hover{background:var(--bg);border-left-color:var(--rule)}
.skupina-menu a.on{border-left-color:var(--red);font-weight:600;color:var(--ink)}
.menu-tl{display:none}

/* ---------- rozloženie -------------------------------------------------- */
main{display:block}
.obal{max-width:var(--sirka);margin:0 auto;padding:0 32px}
.sekcia{max-width:var(--sirka);margin:0 auto;padding:34px 32px}
.hlavicka-str{max-width:var(--sirka);margin:0 auto;padding:38px 32px 8px}
.kicker{
  font-family:var(--mono);color:var(--red);font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;margin-bottom:12px;
}
h1{
  font-family:var(--nadpis);font-weight:800;font-size:56px;line-height:.98;
  letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;margin:0 0 18px;
}
h1.big{font-size:76px;max-width:14ch}
h1 em,h1 .cerv{font-style:normal;color:var(--red)}
h2{font-family:var(--nadpis);font-weight:800;font-size:30px;text-transform:uppercase;
   letter-spacing:.01em;margin:0 0 14px;text-wrap:balance}
h3{font-family:var(--nadpis);font-weight:700;font-size:15px;text-transform:uppercase;
   letter-spacing:.05em;color:var(--red);margin:0 0 10px}
h4{font-family:var(--nadpis);font-weight:700;font-size:20px;margin:0 0 4px}
p{margin:0 0 16px}
.dek{font-size:19px;line-height:1.55;color:#33322D;max-width:60ch;margin:0 0 26px}
.mono{font-family:var(--mono)}
.mala{font-family:var(--mono);font-size:11.5px;color:var(--grey)}
hr.linka{border:0;border-top:1px solid var(--rule);margin:34px 0}

/* ---------- čísla dňa --------------------------------------------------- */
.numbers{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin:30px 0 40px;
}
.numbers .n{padding:18px 20px;border-right:1px solid var(--rule)}
.numbers .n:last-child{border-right:none}
.numbers .n b{
  font-family:var(--nadpis);font-weight:800;font-size:46px;display:block;
  line-height:1;font-variant-numeric:tabular-nums;
}
.numbers .n span{
  font-family:var(--mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--grey);display:block;margin-top:4px;
}

/* ---------- mriežka a karty --------------------------------------------- */
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:start}
.grid-karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.karta{border:1px solid var(--rule);background:var(--paper);padding:20px;margin-bottom:16px}
.karta .cap{font-family:var(--mono);font-size:10px;text-transform:uppercase;
  letter-spacing:.07em;color:var(--grey);margin-bottom:8px}
.karta .meta{font-family:var(--mono);font-size:11px;color:var(--grey)}
.karta .val{font-family:var(--nadpis);font-weight:800;font-size:30px;color:var(--red);
  margin-top:8px;font-variant-numeric:tabular-nums}
.karta h4 a{text-decoration:none}
.zvyraz{border-left:3px solid var(--red);padding-left:16px}

/* ---------- tabuľky ----------------------------------------------------- */
.tabobal{overflow-x:auto;border:1px solid var(--rule);background:var(--paper)}
table{border-collapse:collapse;width:100%;font-size:14.5px}
caption{text-align:left;font-family:var(--mono);font-size:11px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--grey);padding:10px 12px}
th{
  font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--grey);font-weight:500;text-align:left;padding:10px 12px;
  border-bottom:1px solid var(--ink);background:var(--paper);
}
td{padding:9px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
tbody tr:hover{background:#F4F3EE}
td.cislo,th.cislo{text-align:right;font-family:var(--mono);font-size:13px}
td .mono{font-size:12.5px}
table a{color:var(--red)}

/* ---------- filtre ------------------------------------------------------ */
.filtre{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:0 0 18px}
.pole{display:flex;flex-direction:column;gap:5px}
.pole label{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--grey)}
.pole input,.pole select{
  font-family:var(--serif);font-size:15px;padding:9px 11px;
  border:1px solid var(--rule);background:var(--paper);color:var(--ink);min-width:210px;
}
.pole input:focus,.pole select:focus{border-color:var(--red)}
.pocitadlo{font-family:var(--mono);font-size:11.5px;color:var(--grey);margin:0 0 12px}
.tlacidlo{
  display:inline-block;font-family:var(--nadpis);font-weight:700;font-size:15px;
  text-transform:uppercase;letter-spacing:.04em;padding:10px 18px;
  border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;
}
.tlacidlo.druhy{background:transparent;color:var(--ink)}
.tlacidlo:hover{background:var(--red);border-color:var(--red);color:#fff}

/* ---------- profil ------------------------------------------------------ */
.profil-hlava{border-bottom:2px solid var(--ink);padding-bottom:20px;margin-bottom:26px}
.profil-hlava .funkcia{font-family:var(--mono);font-size:12.5px;color:var(--grey);
  text-transform:uppercase;letter-spacing:.05em}
.udaje{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:15px;margin:0}
.udaje dt{font-family:var(--mono);font-size:11px;text-transform:uppercase;
  letter-spacing:.05em;color:var(--grey);padding-top:3px}
.udaje dd{margin:0;font-weight:600}
.rok-blok{border-top:1px solid var(--rule);padding-top:20px;margin-top:24px}
.rok-blok .rok{font-family:var(--nadpis);font-weight:800;font-size:34px;line-height:1}
.priznanie{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 26px;margin-top:14px}
.polozka{border-top:1px solid var(--rule);padding-top:9px}
.polozka .k{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--grey);margin-bottom:3px}
.polozka .v{font-size:15px;white-space:pre-line}
.zdroj{font-family:var(--mono);font-size:11.5px;color:var(--grey);
  border-top:1px dashed var(--rule);margin-top:18px;padding-top:10px}
.znacka{
  display:inline-block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.05em;border:1px solid var(--rule);padding:3px 8px;color:var(--grey);
  margin:0 6px 6px 0;
}
.znacka.cerv{border-color:var(--red);color:var(--red)}

/* ---------- graf -------------------------------------------------------- */
.graf-obal{border:1px solid var(--rule);background:var(--paper);padding:18px 20px 14px}
.graf-obal .cap{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.07em;color:var(--grey);margin-bottom:10px}
.graf-plocha{position:relative;height:320px}
.graf-plocha.maly{height:200px}

/* ---------- oznam / pripravujeme --------------------------------------- */
.oznam{border:1px solid var(--rule);border-left:3px solid var(--red);
  background:var(--paper);padding:18px 20px;margin:22px 0}
.oznam .cap{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.07em;color:var(--red);margin-bottom:6px}

/* ---------- päta -------------------------------------------------------- */
.pata{border-top:2px solid var(--ink);margin-top:56px}
.pata-inner{
  max-width:var(--sirka);margin:0 auto;padding:22px 32px 40px;
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11.5px;color:var(--grey);
}
.pata-inner .sq{width:9px;height:9px;background:var(--red);display:inline-block}
.pata-inner a{color:var(--grey);text-decoration:underline}
.pata-inner a:hover{color:var(--red)}

/* ---------- responzívne ------------------------------------------------- */
@media (max-width:860px){
  body{font-size:16px}
  .top-inner,.nav-inner,.sekcia,.hlavicka-str,.obal,.pata-inner{padding-left:18px;padding-right:18px}
  h1{font-size:38px}
  h1.big{font-size:44px;max-width:none}
  h2{font-size:24px}
  .dek{font-size:17px}
  .grid2{grid-template-columns:1fr;gap:30px}
  .numbers{grid-template-columns:1fr}
  .numbers .n{border-right:none;border-bottom:1px solid var(--rule)}
  .numbers .n:last-child{border-bottom:none}
  .numbers .n b{font-size:38px}
  .priznanie{grid-template-columns:1fr}
  .filtre{flex-direction:column;align-items:stretch}
  .pole input,.pole select{min-width:0;width:100%}
  .menu-tl{
    display:inline-block;font-family:var(--nadpis);font-weight:700;font-size:15px;
    text-transform:uppercase;letter-spacing:.04em;padding:7px 14px;
    border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;
  }
  .navlinks{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0}
  .navlinks.otvorene{display:flex}
  .skupina{border-top:1px solid var(--rule)}
  .skupina-tl{width:100%;text-align:left;padding:12px 0}
  .skupina-menu{position:static;display:none;box-shadow:none;border:0;padding:0 0 8px;min-width:0;background:transparent}
  .skupina:hover .skupina-menu,.skupina:focus-within .skupina-menu{display:none}
  .skupina.otvorena .skupina-menu{display:block}
}

@media print{
  .navbar,.top,.filtre,.tlacidlo{display:none}
  body{background:#fff}
}

/* --- odovzdanie štátu: doklad pri každom čísle -------------------------- */
.doklad{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--grey);text-decoration:none;border-bottom:1px dotted var(--rule);
  margin-left:5px;vertical-align:super}
.doklad:hover{color:var(--red);border-bottom-color:var(--red)}
.bezdokladu{font-family:var(--mono);font-size:10.5px;color:#9A9891;font-style:normal}
.tag{display:inline-block;font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--red);border:1px solid var(--red);border-radius:2px;padding:1px 5px;vertical-align:middle}

/* ---------- strom siete spojitostí (krok 4e, 6.9.2026) ------------------ */
.strom{font-family:var(--serif);font-size:15px}
.strom ul{list-style:none;margin:0;padding:0 0 0 22px;border-left:1px solid var(--rule)}
.strom>ul{padding-left:0;border-left:0}
.strom li{position:relative;padding:5px 0 5px 16px}
.strom ul li::before{
  content:"";position:absolute;left:-1px;top:16px;width:12px;height:1px;background:var(--rule);
}
.strom details>summary{cursor:pointer;list-style:none}
.strom details>summary::-webkit-details-marker{display:none}
.strom details>summary::before{
  content:"▸";display:inline-block;width:14px;color:var(--grey);
  font-size:12px;transition:transform .12s;
}
.strom details[open]>summary::before{content:"▾"}
.strom .uzol-nazov{font-weight:600}
.strom .ico{font-family:var(--mono);font-size:12px;color:var(--grey)}
.strom .rola{color:var(--text)}
.strom .obdobie{font-family:var(--mono);font-size:12px;color:var(--grey)}
.strom .anon{font-style:italic}
.strom .siva{color:var(--grey)}
.strom .stitok{
  display:inline-block;font-family:var(--mono);font-size:9.5px;text-transform:uppercase;
  letter-spacing:.05em;border:1px solid var(--rule);padding:1px 6px;color:var(--grey);
  margin-left:6px;vertical-align:1px;
}
.strom .stitok.cerv{border-color:var(--red);color:var(--red)}
.strom .stitok.tichy{opacity:.65}
.strom-suhrn{
  font-family:var(--mono);font-size:11.5px;color:var(--grey);
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  padding:9px 0;margin:0 0 18px;
}
.strom-text{
  font-family:var(--mono);font-size:12px;line-height:1.5;background:var(--paper);
  border:1px solid var(--rule);padding:14px 16px;overflow-x:auto;margin:0;
}

/* ---------------------------------------------------------------- krok 4g */
/* Povinný disclaimer pri každej sekcii väzieb. Nie je to varovanie ani drobné
   písmo v päte — je to súčasť tvrdenia, preto má vlastný rám a je čitateľný. */
.disclaimer{
  border-left:3px solid var(--cerv,#C11733);
  background:rgba(0,0,0,.025);
  padding:12px 16px;margin:18px 0 0;
}
.disclaimer a{white-space:nowrap}

blockquote.citat{
  margin:14px 0;padding:14px 18px;
  border-left:3px solid #131313;background:rgba(0,0,0,.025);
  font-family:"Source Serif 4",Georgia,serif;
}

.pata-pravne{margin-top:6px}

/* Formulár podnetu na /pravo-na-odpoved/ */
.podnet-form{max-width:640px}
.podnet-form label{display:block;font-weight:600;margin-bottom:6px}
.podnet-form input,.podnet-form select,.podnet-form textarea{
  width:100%;padding:10px 12px;border:1px solid #cfcfc8;background:#fff;
  font:inherit;font-size:.95rem;border-radius:2px;
}
.podnet-form textarea{resize:vertical;min-height:140px}
.podnet-form input:focus,.podnet-form select:focus,.podnet-form textarea:focus{
  outline:2px solid #131313;outline-offset:1px;border-color:#131313;
}
.podnet-form button[disabled]{opacity:.55;cursor:progress}
.chyba{color:var(--cerv,#C11733);font-weight:600}

/* /interne/stopy/ — rozhodovanie o stopách (krok 7). Len na internej obrazovke. */
.rozh{min-width:210px}
.rozh label{display:block;font-weight:600;margin:6px 0 2px}
.rozh .rozh-pozn{width:100%;padding:5px 7px;border:1px solid #cfcfc8;background:#fff;
  font:inherit;font-size:.85rem;border-radius:2px}
.rozh-tlacidla{display:flex;gap:6px;margin:6px 0 4px}
.rozh-tlacidla button{flex:1;padding:6px 8px;border:1px solid #131313;background:#fff;
  font:inherit;font-size:.85rem;cursor:pointer;border-radius:2px}
.rozh-tlacidla button:hover{background:#131313;color:#fff}
.rozh-tlacidla button[disabled]{opacity:.45;cursor:progress}
.rozh-kopiruj{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;
  font:inherit;color:var(--grey)}
.hotovo{color:#1a6b3c;font-weight:600}

/* ---------- /pohlady/ — knižnica pohľadov (krok 11) --------------------- */
.pohlady-mriezka{
  display:grid;gap:14px;margin-top:12px;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
}
.pohlad-dlazdica{
  border:1px solid var(--rule);background:var(--paper);padding:14px 16px 12px;
  display:flex;flex-direction:column;gap:8px;border-radius:2px;
}
.pohlad-dlazdica:hover{border-color:var(--ink)}
.pohlad-dlazdica h4{margin:0}
.pohlad-dlazdica h4 a{color:var(--ink);text-decoration:none}
.pohlad-dlazdica h4 a:hover{color:var(--red);text-decoration:underline}
.pohlad-dlazdica p{margin:0;color:var(--grey)}
.pohlad-pata{
  margin-top:auto;padding-top:8px;border-top:1px solid var(--rule);
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;
}
.pocet-zobrazeni{color:var(--grey);white-space:nowrap}
.stitok{
  border:1px solid var(--rule);padding:1px 6px;color:var(--grey);
  font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;
}
/* Hviezdičky: kým pohľad nie je ohodnotený, sú to tlačidlá; potom už len prehľad. */
.hviezdy{display:flex;align-items:center;gap:1px}
.hviezda{
  background:none;border:0;padding:0 1px;font-size:17px;line-height:1;
  color:var(--rule);font-family:inherit;
}
button.hviezda{cursor:pointer}
.hviezda.plna{color:var(--grey)}
.hviezda.moja{color:var(--red)}
button.hviezda:hover,button.hviezda:hover ~ .hviezda{color:var(--red)}
.hviezdy-text{margin-left:6px;color:var(--grey);white-space:nowrap}
.pas{border-bottom:1px solid var(--rule)}

/* ---------- /tvrdenia/ — tvrdenia verzus dáta (krok 11) ---------------- */
.tvrdenie{border-left:3px solid var(--rule);padding:2px 0 2px 16px;margin:0 0 26px}
.tvrdenie blockquote{
  margin:0 0 8px;font-size:1.1rem;line-height:1.45;
}
.tvrdenie .kto{font-family:var(--mono);font-size:12px;color:var(--grey);
  text-transform:uppercase;letter-spacing:.04em}
.tvrdenie .data{margin:10px 0 6px}
.zaver{
  display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.05em;
  text-transform:uppercase;padding:2px 8px;border:1px solid var(--rule);
}
.zaver-potvrdene{border-color:#1a6b3c;color:#1a6b3c}
.zaver-ciastocne{border-color:#8A6D3B;color:#8A6D3B}
.zaver-nepotvrdene{border-color:var(--red);color:var(--red)}
.zaver-data_nestacia{border-color:var(--grey);color:var(--grey)}

/* ---------- /asistent/ — klikací editor grafu a hotové grafy ------------ */
.ed-panel{border:1px solid var(--rule);background:var(--paper);padding:20px 22px}
.ed-riadok{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:flex-end;margin-bottom:14px}
.ed-nadpis{margin:22px 0 10px}
.ed-rady{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px 18px;margin:6px 0 10px}
.ed-kategoria{border:1px solid var(--rule);background:var(--bg);margin:0;padding:8px 12px 10px;min-width:0}
.ed-kategoria legend{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--grey);padding:0 6px}
.ed-rad{display:block;font-size:15px;line-height:1.35;padding:4px 0;cursor:pointer}
.ed-rad input{accent-color:var(--red);margin-right:4px}
.ed-rad-info{font-family:var(--mono);font-size:11px;color:var(--grey);white-space:nowrap}
.ed-dvojica{display:flex;gap:6px}
.ed-dvojica select{min-width:0}
.ed-rychle{display:flex;flex-wrap:wrap;gap:6px}
button.stitok{background:var(--paper);cursor:pointer;padding:6px 10px;color:var(--ink)}
button.stitok:hover{border-color:var(--red);color:var(--red)}
.graf-svetly{background:#fff;padding:20px 20px 12px}
.graf-plocha-velka{height:440px}
.graf-akcie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;
  border:1px solid var(--rule);border-top:0;background:var(--bg);padding:12px 16px;margin-bottom:12px}
.hlasovanie{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hlasovanie .hviezda{font-size:26px;padding:0 2px}
.hlasovanie .hviezda.plna{color:var(--red)}
.hlas-popis{font-family:var(--nadpis);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:15px}
.graf-karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.graf-karta{
  text-align:left;background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--rule);
  padding:11px 14px;cursor:pointer;font-family:var(--serif);font-size:15px;line-height:1.35;color:var(--ink);
  display:flex;flex-direction:column;gap:6px;
}
.graf-karta:hover{border-color:var(--ink);border-left-color:var(--red)}
.graf-karta-info{font-family:var(--mono);font-size:11px;color:var(--grey)}
.graf-skupina{border-bottom:1px solid var(--rule);padding:4px 0}
.graf-skupina>summary{
  cursor:pointer;font-family:var(--nadpis);font-weight:700;font-size:19px;text-transform:uppercase;
  letter-spacing:.02em;padding:10px 0;
}
.graf-skupina>summary:hover{color:var(--red)}
.graf-skupina-pocet{font-family:var(--mono);font-size:11px;color:var(--grey);font-weight:400;
  border:1px solid var(--rule);padding:1px 6px;vertical-align:3px}
.graf-skupina .graf-karty{padding:4px 0 16px}
@media (max-width:860px){.graf-plocha-velka{height:340px}}
#asistent-vysledok{scroll-margin-top:90px}

/* ---------- zdieľanie ---------------------------------------------------- */
.zdielaj{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0}
.zdielaj-popis{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--grey);margin-right:4px}
.zdielaj-tl,main a.zdielaj-tl:not(.tlacidlo):not(.brand){
  font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;
  border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:6px 10px;cursor:pointer;
}
.zdielaj-tl:hover,main a.zdielaj-tl:not(.tlacidlo):not(.brand):hover{border-color:var(--red);color:var(--red);background:var(--paper)}
.zdielaj-hlaska{flex-basis:100%;font-family:var(--mono);font-size:11.5px;color:var(--red)}
/* krok 93: AI text príspevku pod tlačidlami zdieľania */
.zdielaj-ai{flex-basis:100%;margin-top:2px}
.zdielaj-ai summary{display:inline-block;cursor:pointer;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;
  letter-spacing:.04em;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:6px 10px}
.zdielaj-ai summary:hover,.zdielaj-ai[open] summary{border-color:var(--red);color:var(--red)}
.zdielaj-ai-vnutro{margin-top:8px;padding:10px 12px;border:1px solid var(--rule);background:var(--paper);max-width:760px}
.zdielaj-ai-riadok{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:6px 0}
.zdielaj-ai-siet{font-family:var(--mono);font-size:12px;height:28px;border:1px solid var(--rule);background:var(--paper);padding:0 6px}
.zdielaj-ai-vlastny,.zdielaj-ai-text{display:block;width:100%;box-sizing:border-box;font-family:var(--serif);font-size:15px;
  line-height:1.4;border:1px solid var(--rule);padding:8px;resize:vertical}
.zdielaj-ai-vlastny:focus,.zdielaj-ai-text:focus{outline:none;border-color:var(--ink)}
.zdielaj-ai-stav,.zdielaj-ai-pocet{font-family:var(--mono);font-size:11.5px;color:var(--grey);margin:4px 0}
.zdielaj-ai-stav.chyba,.zdielaj-ai-pocet.chyba{color:var(--red)}
.zdielaj-ai-poznamka{border-left:3px solid var(--red);padding:6px 10px;margin:8px 0;font-size:14.5px;background:rgba(193,23,51,.04)}
.zdielaj-ai-alt{font-size:13.5px;color:var(--grey);margin:6px 0 0}
.zdielaj-ai-odkaz{background:none;border:0;padding:0;color:var(--red);text-decoration:underline;cursor:pointer;font:inherit}
.zdielaj-ai-vyzva{margin:0;font-size:14.5px}
.zdielaj-ai .zdielaj-tl{height:28px;padding:0 10px;white-space:nowrap}
.odporucanie-preco{font-family:var(--serif);font-size:13.5px;text-transform:none;letter-spacing:0;line-height:1.35}

/* editor: rady v riadkoch, najpoužívanejšie zvýraznené, prepínač hodnôt, stav otázky vetou */
.ed-rady{display:block}
.ed-kategoria{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px 8px;padding:10px 12px 12px}
.ed-kategoria legend{float:none}
.ed-rad{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:var(--paper);
  padding:6px 10px;font-size:14.5px;line-height:1.25}
.ed-rad:hover{border-color:var(--ink)}
.ed-rad.casty{border-left:3px solid var(--red);font-weight:600}
.ed-rad:has(input:checked){border-color:var(--red);background:rgba(193,23,51,.06)}
.ed-rad input{margin:0}
.ed-rad{max-width:100%;box-sizing:border-box;flex-wrap:wrap}
@media (max-width:640px){.ed-rad-info{white-space:normal}}
.ed-oblubene{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 14px;padding:12px;
  border:1px solid var(--ink);background:var(--paper)}
.ed-oblubene .zdielaj-popis{flex-basis:100%;color:var(--ink);font-weight:500}
.ed-oblubene button{font-family:var(--serif);font-size:15px;font-weight:600;border:1px solid var(--ink);background:var(--paper);
  color:var(--ink);padding:8px 13px;cursor:pointer}
.ed-oblubene button:hover{border-color:var(--red);color:var(--red)}
.ed-oblubene button.zapnute{background:var(--ink);color:#fff}
.ed-prepinac{display:inline-flex;align-items:center;gap:8px;font-family:var(--serif);font-size:15px;text-transform:none;
  letter-spacing:0;color:var(--ink);cursor:pointer;padding:9px 0}
.ed-prepinac input{accent-color:var(--red);width:17px;height:17px}
.ai-stav{font-size:16px;margin:12px 0 4px;min-height:1.4em}
.ai-stav.pracuje{color:var(--grey)}
.ai-stav.otazka{border-left:3px solid var(--red);padding:8px 12px;background:var(--bg)}
.ai-stav.chyba{color:var(--red)}
.pole label.ed-prepinac,.ed-prepinac{font-family:var(--serif);font-size:15px;text-transform:none;letter-spacing:0;color:var(--ink)}
.pole .ed-prepinac input,.ed-prepinac input{min-width:0;width:17px;height:17px;padding:0;flex:none}

.pata-napiste{display:inline-block;border:1px solid currentColor;padding:6px 12px;font-weight:600;text-decoration:none}

.porovnanie-panel{border:1px solid var(--line,#E3E2DC);background:#fff;padding:14px 16px;margin:8px 0 18px}
.porovnanie-volba{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.porovnanie-volba select{min-width:130px}
.porovnanie-volba input[type=range]{flex:1;min-width:160px;accent-color:var(--red)}
.porovnanie-znak{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;color:#fff;font-weight:700}
.porovnanie-veta{font-weight:700;font-size:17px;margin:10px 0}

/* dielňa grafu: graf pripnutý pod hlavičkou, ovládanie hneď pri ňom */
.graf-lepkavy{position:sticky;top:var(--nav-v,64px);z-index:10;background:var(--bg);padding:10px 0 6px;border-bottom:2px solid var(--ink);margin-bottom:18px}
.graf-lepkavy.odopnuty{position:static}
.graf-lepkavy-hlava{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.graf-lepkavy-hlava h2{font-size:clamp(17px,2vw,24px);margin:0 0 6px;line-height:1.15}
.graf-plocha-dielna{height:clamp(240px,40vh,430px)}
.graf-lepkavy .graf-obal{margin:0;padding:8px 10px}
.graf-lista{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-top:8px}
.graf-lista-skupina{display:inline-flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.graf-lista select{padding:4px 6px;font-size:13px;width:auto;min-width:0}
.graf-lista .stitok{padding:3px 8px;font-size:12px}
.graf-prep{display:inline-flex;align-items:center;gap:5px;font-size:13px;cursor:pointer;white-space:nowrap}
.graf-prep input{accent-color:var(--red);width:15px;height:15px}
.graf-lepkavy #asistent-stav{margin:4px 0 0}
.ed-zbal{margin:0 0 18px}
.ed-zbal>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--rule)}
.ed-zbal>summary::-webkit-details-marker{display:none}
.ed-zbal>summary::before{content:"+";font-family:var(--mono,monospace);font-weight:700;width:18px;text-align:center}
.ed-zbal[open]>summary::before{content:"−"}
.ed-zbal-nadpis{font-family:var(--nadpis);font-weight:700;text-transform:uppercase;font-size:22px;letter-spacing:.01em}
.ed-zbal>.ed-panel,.ed-zbal>.graf-karty,.ed-zbal>p{margin-top:12px}
@media (max-width:700px){.graf-plocha-dielna{height:clamp(190px,34vh,300px)}}
@media (max-height:560px){.graf-lepkavy{position:static}}

/* predplatné a účet (spoločný komponent flotily) */
.pata-prevadzkovatel{margin-top:8px;font-size:12px}
.ds-plany{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:16px 0}
.ds-plan{border:1px solid var(--rule);background:var(--paper);padding:20px 22px;display:flex;flex-direction:column}
.ds-plan-hlavny{border:2px solid var(--ink)}
.ds-plan h3{margin:0 0 6px}.ds-cena{font-family:var(--nadpis);font-size:34px;font-weight:700;line-height:1.1}.ds-cena small{font-family:var(--serif);font-size:15px;font-weight:400;color:var(--grey)}
.ds-plan ul{margin:14px 0 18px;padding-left:18px;flex:1}.ds-plan li{margin-bottom:4px}
.ds-velke{font-family:var(--nadpis);font-size:24px;font-weight:700;margin:0 0 6px}
.ds-ok{border-left-color:#0E9F6E}
.ds-udaje{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 18px}.ds-udaje p{margin:0 0 12px}.ds-udaje button{grid-column:1/-1;justify-self:start}

.stav-prihlasenia{color:inherit;text-decoration:underline}.stav-prihlasenia.je{text-decoration:none;font-weight:600}.stav-prihlasenia.je:hover{text-decoration:underline}
@media (max-width:700px){.top-inner{flex-wrap:wrap;gap:2px 14px}}

/* plávajúci námet + pás výhod prihlásenia */
.namet-tl{position:fixed;right:18px;bottom:18px;z-index:40;background:var(--ink);color:#fff;border:0;padding:12px 18px;font-family:var(--nadpis);font-weight:700;font-size:16px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.namet-tl:hover,.namet-tl:focus-visible{background:var(--red)}
.namet-panel{position:fixed;right:18px;bottom:74px;z-index:41;width:min(380px,calc(100vw - 24px));background:var(--paper);border:2px solid var(--ink);padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:10px}
.namet-panel[hidden]{display:none}
.namet-hlava{display:flex;justify-content:space-between;align-items:center;font-size:17px}
.namet-zavri{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;padding:0 4px;color:var(--ink)}
.namet-typy{display:flex;gap:6px;flex-wrap:wrap}
.namet-panel textarea,.namet-panel input[type=email]{width:100%;font:inherit;font-size:16px;padding:10px;border:1px solid var(--rule);background:#fff;color:var(--ink);box-sizing:border-box}
.namet-kde{margin:0;font-size:13px;color:var(--grey);line-height:1.45}
.namet-akcie{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.namet-stav{margin:0;font-size:13px}
.pas-vyhody{border-top:2px solid var(--ink);background:var(--paper);margin-top:40px}
.pas-vyhody-vnutro{max-width:var(--sirka,1160px);margin:0 auto;padding:22px 16px;display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.pas-vyhody strong{font-size:18px}.pas-vyhody ul{margin:10px 0 0;padding-left:18px;columns:2;column-gap:32px;font-size:15px}.pas-vyhody li{break-inside:avoid;margin-bottom:4px}
.pas-vyhody-akcie{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media (max-width:700px){.pas-vyhody ul{columns:1}.namet-tl{right:12px;bottom:12px;padding:10px 14px;font-size:14px}.namet-panel{right:12px;bottom:62px}}
@media print{.namet-tl,.namet-panel,.pas-vyhody{display:none}}

.vyhody-prihlasenia{border:2px solid var(--ink);background:var(--paper);padding:18px 22px;margin:0 0 26px}.vyhody-prihlasenia h2{margin:0 0 10px;font-size:22px}.vyhody-prihlasenia ul{margin:0 0 10px;padding-left:18px}.vyhody-prihlasenia li{margin-bottom:6px}
.podnet-hodnotenie{margin-top:6px}.podnet-hodnotenie.zvyraznene{outline:2px solid var(--red);outline-offset:4px}
.hviezda{background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:#c9c8c2;padding:0 2px}.hviezda.plna,.hviezda:hover{color:var(--red)}
.namet-typy .stitok.zapnute{background:var(--ink);color:#fff;border-color:var(--ink)}
.ds-udaje [hidden]{display:none !important}

/* krok 86: námet na článok */
.clanok-panel{margin:14px 0;padding:16px;border:1px solid var(--ciara,#d9dee5);border-radius:10px;background:var(--plocha,#fff)}
.clanok-panel h3{margin-top:0}
.clanok-panel textarea,.clanok-panel input[type=text]{width:100%;box-sizing:border-box}
.clanok-karta{padding:14px 0;border-top:1px solid var(--ciara,#d9dee5)}
.clanok-karta.zvyraznene{outline:2px solid #0E9F6E;outline-offset:8px;border-radius:6px}
.clanok-lehota{font-weight:600}
.clanok-perex{font-size:1.08em}
.clanok-text{max-height:420px;overflow:auto;padding:12px 14px;border:1px solid var(--ciara,#d9dee5);border-radius:8px;margin:10px 0}
.clanok-suhlas{display:flex;gap:8px;align-items:flex-start;font-weight:400}
.clanok-suhlas input{width:18px;height:18px;flex:none;margin-top:3px}
.clanok-karta{scroll-margin-top:96px}

/* krok 87: stav údajov */
.su-tab{width:100%}.su-tab td.cislo,.su-tab th{white-space:nowrap}
.su-pruh-b{width:34%;min-width:120px}
.su-pruh{height:10px;background:var(--ciara,#d9dee5);border-radius:5px;overflow:hidden}
.su-pruh-v{height:100%;background:#0E9F6E;border-radius:5px}
#su-obsah h2{margin-top:36px}

/* krok 89: knižnica — hľadanie v šírke stránky, vybraný graf pláva hore */
.kniznica-filtre{max-width:var(--sirka);margin:0 auto 18px;padding:0 32px;box-sizing:border-box}
.kniznica-lepkavy{position:sticky;top:var(--nav-v,64px);z-index:10;max-width:calc(var(--sirka) - 64px);margin:0 auto 18px;background:var(--bg);box-shadow:0 6px 14px -10px rgba(0,0,0,.35)}
.kniznica-lepkavy .graf-plocha{height:clamp(180px,26vh,280px)}
.kniznica-lepkavy h4{margin:2px 90px 6px 0}
.kniznica-zavri{float:right;cursor:pointer}
@media (max-width:760px){.kniznica-filtre{padding:0 16px}.kniznica-lepkavy{max-width:calc(100% - 32px)}}
@media (max-height:560px){.kniznica-lepkavy{position:static}}
.tvrdenie-graf{display:inline-block;margin-top:6px;font-size:13px;padding:5px 10px}

/* krok 90: porovnanie dvoch oznámení */
.pp-hlava{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:8px 0 14px}
.pp-hlava select{width:auto;min-width:0;padding:5px 8px}
.pp-plus{color:#0a7d55;font-weight:600}.pp-minus{color:#b3261e;font-weight:600}
.pp-mriezka{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:14px 0}
.pp-zoznam{border:1px solid var(--ciara,#d9dee5);border-left-width:4px;padding:10px 14px;background:var(--plocha,#fff)}
.pp-zoznam h4{margin:0 0 6px;font-size:14px}.pp-zoznam ul{margin:0;padding-left:18px;font-size:14px}
.pp-pribudlo{border-left-color:#0a7d55}.pp-ubudlo{border-left-color:#b3261e}

/* krok 90: vysvetlivky v cenníku, tabuľka porovnania */
.ds-plan li{position:relative}
.ds-otaznik{width:18px;height:18px;line-height:16px;padding:0;border:1px solid currentColor;border-radius:50%;background:none;font-size:11px;font-weight:700;cursor:pointer;color:inherit;opacity:.7;vertical-align:middle}
.ds-otaznik:hover,.ds-otaznik:focus{opacity:1}
.ds-bublina{display:block;margin:6px 0 4px;padding:10px 12px;border:1px solid var(--ink,#111);background:var(--bg,#fff);font-size:13px;line-height:1.45;text-transform:none;letter-spacing:0;font-weight:400}
.ds-bublina[hidden]{display:none}
.priznania-porovnanie tbody th{border-bottom:1px solid var(--ciara,#d9dee5);font-weight:400;text-align:left}

/* krok 91: nástenky */
.nst-nastroje{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 20px}
.nst-form{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%;margin-top:6px}.nst-form input{flex:1 1 220px}
.nst-mriezka{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:18px}
.nst-graf{margin:0}.nst-graf h3{margin:0 0 8px;font-size:18px;line-height:1.2}.nst-graf .graf-plocha{height:clamp(220px,34vh,340px)}
.nst-odkaz{background:none;border:0;padding:0;font:inherit;color:var(--red);text-decoration:underline;cursor:pointer}
.nst-karta{display:flex;flex-direction:column;gap:4px;text-decoration:none}
.nst-zmaz{margin-left:auto}

/* krok 92: účet — pohľad zadávateľa, redakcia */
.clanok-moje{margin:8px 0;padding:8px 12px;border-left:3px solid var(--ciara,#d9dee5)}
.clanok-moje summary{cursor:pointer;font-weight:600}
.redakcia-sekcia{border:2px solid var(--ink,#111);margin-bottom:28px}
.redakcia-form textarea,.redakcia-form input[type=text]{width:100%;box-sizing:border-box}
.redakcia-form textarea{font-family:inherit;font-size:16px;line-height:1.55}
.redakcia-akcie{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.redakcia-form,.redakcia-form p{max-width:none}

.clanok-sprava{margin:10px 0;padding:10px 14px;background:var(--plocha,#fff);border-left:4px solid #0E9F6E}
.clanok-varovanie{margin:8px 0;padding:8px 12px;border-left:4px solid var(--red,#c8102e);font-weight:600}

/* krok 95: objednávkový formulár s parametrami opakovanej platby (GoPay) */
.ds-objednavka{border:2px solid var(--ink);background:var(--paper);padding:20px 24px;margin:18px 0}
.ds-objednavka h3{margin-top:0}.ds-objednavka h4{margin:14px 0 6px}
.ds-parametre{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:6px 16px;margin:0 0 14px}
.ds-parametre dt{font-weight:600}.ds-parametre dd{margin:0}
@media (max-width:640px){.ds-parametre{grid-template-columns:1fr}.ds-parametre dd{margin-bottom:8px}}
.ds-suhlas{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-weight:400;line-height:1.5}
.ds-suhlas input{width:20px;height:20px;flex:none;margin-top:3px}
.ds-objednavka .tlacidlo:disabled{opacity:.45;cursor:not-allowed}

/* krok 97: kompaktná lišta práce s grafom v pripnutej hlavičke */
.graf-akcie-lista{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.akcia-tl{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--ink,#111);background:var(--paper,#fff);color:var(--ink,#111);font:600 12px/1.2 var(--mono,monospace);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer;white-space:nowrap}
.akcia-tl:hover,.akcia-tl:focus-visible{background:var(--ink,#111);color:var(--paper,#fff)}
.akcia-tl.akcia-hlavna{background:var(--ink,#111);color:var(--paper,#fff)}
.akcia-tl.zapnute{background:var(--red,#c8102e);border-color:var(--red,#c8102e);color:#fff}
.akcia-tl[hidden]{display:none}
.akcie-menu{position:relative}
.akcie-menu>summary{list-style:none}.akcie-menu>summary::-webkit-details-marker{display:none}
.akcie-menu[open]>summary{background:var(--ink,#111);color:var(--paper,#fff)}
.akcie-menu-panel{position:absolute;left:0;top:calc(100% + 4px);z-index:30;min-width:280px;max-width:min(92vw,520px);padding:10px 12px;background:var(--paper,#fff);border:1px solid var(--ink,#111);box-shadow:0 10px 24px -12px rgba(0,0,0,.45)}
.akcie-menu-panel .zdielaj{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.akcie-menu-panel .zdielaj-popis{display:none}
#asistent-porovnanie>.ed-prepinac{display:none}
.akcie-menu-zavri{display:none}
/* krok 104: na mobile je menu zdieľania spodný panel cez celú šírku (predtým fixed s top:auto — otváralo sa mimo obrazovky) */
@media (max-width:640px){
  .akcia-tl{padding:5px 8px;font-size:11px}
  .akcie-menu[open]::before{content:"";position:fixed;inset:0;background:rgba(19,19,19,.45);z-index:40}
  .akcie-menu-panel{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:41;max-width:none;max-height:min(82vh,82dvh);overflow:auto;
    padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));border:0;border-top:3px solid var(--ink,#111);box-shadow:0 -12px 30px rgba(0,0,0,.25)}
  .akcie-menu-panel .zdielaj-tl{min-height:38px;padding:0 12px;font-size:13px}
  .akcie-menu-zavri{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 10px;padding:0;border:0;background:none;
    font:700 13px/1.2 var(--mono,monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--ink,#111);cursor:pointer}
  .akcie-menu-zavri::after{content:"✕";font-size:18px;line-height:1}
}

/* krok 98: vylepšenie zobrazenia */
.akcia-tl.akcia-vylepsi{border-color:var(--red,#c8102e);color:var(--red,#c8102e)}
.akcia-tl.akcia-vylepsi:hover{background:var(--red,#c8102e);color:#fff}
#graf-mierka{max-width:230px}

/* krok 100: kompaktné porovnanie A/B priamo pod pripnutým grafom */
.porovnanie-v-grafe .porovnanie-panel{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;margin:6px 0 4px;padding:6px 10px}
.porovnanie-volby{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.porovnanie-pridaj,.porovnanie-odober{height:26px;padding:0 8px;border:1px solid var(--rule);background:var(--paper);font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;color:var(--ink)}
.porovnanie-pridaj:hover,.porovnanie-odober:hover{border-color:var(--red);color:var(--red)}
.porovnanie-odober{padding:0 6px}
.porovnanie-v-grafe .porovnanie-volba{margin:0;gap:6px}
.porovnanie-v-grafe .porovnanie-volba select{min-width:0;padding:2px 6px;font-size:12px}
.porovnanie-v-grafe .porovnanie-volba input[type=range]{display:none}
.porovnanie-v-grafe .porovnanie-znak{width:20px;height:20px;line-height:20px;font-size:12px}
.porovnanie-v-grafe .porovnanie-rada{display:none}
.porovnanie-v-grafe .porovnanie-veta{margin:0;font-size:13px;line-height:1.3}
.porovnanie-v-grafe .tabobal{grid-column:1/-1;margin:0}
.porovnanie-v-grafe table{font-size:12px;margin:0}
.porovnanie-v-grafe th,.porovnanie-v-grafe td{padding:3px 8px}
.porovnanie-v-grafe .porovnanie-udaj{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:6px}
@media (max-width:760px){.porovnanie-v-grafe .porovnanie-panel{grid-template-columns:1fr}.porovnanie-v-grafe .porovnanie-veta{grid-column:1/-1}.porovnanie-v-grafe .porovnanie-udaj{max-width:140px}}

/* krok 102: výsledok mesačnej kontroly pri sledovanej osobe */
.sled-zoznam li{margin-bottom:10px}
.sled-kontrola{font-size:13px;margin-top:3px;padding:3px 8px;border-left:3px solid var(--ciara,#d9dee5)}
.sled-kontrola.sled-bez_zmeny,.sled-kontrola.sled-zaklad{border-left-color:#0E9F6E}
.sled-kontrola.sled-zmena{border-left-color:var(--red,#c8102e);font-weight:600}
.sled-kontrola.sled-nedostupne{border-left-color:#B7791F}

/* krok 104: mobil — pripnutý graf by zabral celú obrazovku (nadpis + 2 riadky tlačidiel + graf), preto sa na úzkych
   obrazovkách nepripína; a dotykové ciele majú aspoň 32 px (štítky obdobia, hviezdičky, prihlásenie, odkazy na zdroj) */
@media (max-width:640px){
  .graf-lepkavy,.kniznica-lepkavy{position:static}
  #graf-pripni{display:none}
  .graf-lista .stitok,button.stitok{min-height:32px}
  .hviezda,button.hviezda{min-width:30px;min-height:32px;line-height:32px}
  .stav-prihlasenia{display:inline-block;padding:8px 0}
  a.doklad,.doklad{padding:6px 4px;display:inline-block}
  .zdielaj-tl,main a.zdielaj-tl:not(.tlacidlo):not(.brand){min-height:36px}
}
/* krok 104: pásy „Najobľúbenejšie / Najviac zobrazené" sa dopĺňajú po načítaní — rezervované miesto, aby stránka neposkočila (CLS 0,35) */
#kniznica-pasy:empty{min-height:150px}
/* krok 104f: vzory porovnania a referenčné obdobie */
.porovnanie-vzory{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;grid-column:1/-1}
.porovnanie-vzor{max-width:100%;font-family:var(--mono);font-size:12px;height:28px;border:1px solid var(--red);color:var(--red);background:var(--paper);padding:0 6px}
.porovnanie-ref{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--grey)}
.porovnanie-ref select{margin-left:4px;height:28px;font-size:12px}
.porovnanie-vysvetlenie{grid-column:1/-1;margin:2px 0 4px;padding:6px 10px;border-left:3px solid var(--red);background:rgba(193,23,51,.05);font-size:13.5px;line-height:1.35}

/* krok 107: porovnanie nesmie rozťahovať stránku na mobile. Mriežka `auto 1fr` pustila dlhý text
   voľby vzoru („Kedy bol … podobný…") nad šírku obrazovky → stránka mala 575 px namiesto 384,
   prehliadač ju oddialil a pevné menu Zdieľať sa ukotvilo pod viditeľnú plochu. */
.porovnanie-v-grafe .porovnanie-panel{grid-template-columns:auto minmax(0,1fr)}
.porovnanie-v-grafe .porovnanie-panel>*,.porovnanie-vzory>*,.porovnanie-volby>*{min-width:0;max-width:100%}
.porovnanie-v-grafe select,.porovnanie-vzory select,.porovnanie-ref select{max-width:100%;text-overflow:ellipsis}
#asistent-porovnanie,.porovnanie-v-grafe{max-width:100%;min-width:0}
@media (max-width:640px){
  .porovnanie-v-grafe .porovnanie-panel{grid-template-columns:minmax(0,1fr)}
  .porovnanie-vzor{width:100%}
  .porovnanie-ref{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
  .porovnanie-ref select{margin-left:0;flex:1 1 140px}
}
@media (max-width:640px){html,body{overflow-x:hidden}}

/* Kalkulačka modelového dôchodku (/demografia/, krok 110) */
.kalk{border:1px solid var(--rule,#E3E2DC);padding:16px;margin:18px 0;background:rgba(0,0,0,.015)}
.kalk-polia{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 18px}
.kalk-polia label{display:flex;flex-direction:column;gap:4px;font-size:.88rem}
.kalk-polia input{padding:7px 9px;border:1px solid var(--rule,#E3E2DC);
  font-family:"IBM Plex Mono",monospace;font-size:.95rem;background:#fff}
.kalk-vysledok{margin-top:16px}
.kalk-vysledok table{width:100%;border-collapse:collapse}
.kalk-vysledok td{padding:5px 8px;border-bottom:1px solid var(--rule,#E3E2DC)}
tr.zvyraznene{background:rgba(193,23,51,.06)}

/* Bilancia Slovensko 2030 (/slovensko-2030/, krok 111).
   Pruh pokroku je ohranicený na 0-120 %, aby prekrocený ciel nerozhodil mierku
   ostatných pruhov; císlo pri pruhu je NEohranicené a stojí v texte, nie v šírke. */
.s2030-pokrok{margin:18px 0}
.s2030-riadok{display:grid;grid-template-columns:minmax(140px,1.6fr) minmax(120px,2.4fr) auto;
  gap:10px 14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--rule)}
.s2030-riadok .nazov{font-weight:600;font-size:.94rem}
.s2030-pruh{position:relative;height:14px;background:var(--rule);overflow:hidden}
.s2030-pruh-v{height:100%;background:var(--grey)}
.s2030-pruh-v.hotovo{background:var(--ink)}
.s2030-pruh-v.opacne{background:var(--red)}
/* ryska na 100 % = ciel; pri hranici 120 % je to 83,3 % šírky */
.s2030-pruh::after{content:"";position:absolute;top:0;bottom:0;left:83.33%;
  width:2px;background:var(--red)}
.s2030-cislo{font-family:var(--mono);font-size:.92rem;white-space:nowrap;text-align:right}
.s2030-cislo.opacne{color:var(--red)}
.s2030-legenda{font-size:.84rem;color:var(--grey);margin-top:10px}
@media (max-width:640px){
  .s2030-riadok{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .s2030-riadok .s2030-pruh{grid-column:1 / -1;order:3}
}
/* verdikty v bilancnej tabulke */
.verdikt{display:inline-block;padding:1px 7px;font-family:var(--mono);font-size:.8rem;
  white-space:nowrap;border:1px solid var(--rule)}
.verdikt.splnene{border-color:var(--ink);background:var(--ink);color:#fff}
.verdikt.ciastocne,.verdikt.takmer{border-color:var(--grey);color:var(--grey)}
.verdikt.nesplnene{border-color:var(--red);color:var(--red)}
.verdikt.opacny{border-color:var(--red);background:var(--red);color:#fff}
.verdikt.nenasli,.verdikt.prognoza{border-style:dashed;color:var(--grey)}
.s2030-tab td{vertical-align:top}
.s2030-tab .dovod{font-size:.86rem;color:var(--text)}
/* Slovensko a susedia — ceny palív (/ceny-energii/#susedia, 14.10.2026) */
.su-stav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 18px;margin:14px 0 16px}
.su-stav>div{border-left:3px solid var(--red);padding:2px 0 2px 10px;display:flex;flex-direction:column;gap:2px}
.su-stav b{font-family:var(--serif);font-size:17px}
.su-cap{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--grey)}
.su-tab tr.su-sk th,.su-tab tr.su-sk td,.su-tab td.su-sk{background:rgba(193,23,51,.06);font-weight:600}
.su-tab td.su-drahsie{color:var(--red)}
.su-tab td.su-lacnejsie{color:#2F5D7C}
.su-ovl{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 10px}
.su-skup{display:inline-flex;border:1px solid var(--ink)}
.su-skup button{height:28px;padding:0 10px;border:0;border-right:1px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:12px;cursor:pointer;white-space:nowrap}
.su-skup button:last-child{border-right:0}
.su-skup button:hover{color:var(--red)}
.su-skup button[aria-pressed="true"]{background:var(--ink);color:#fff}
.su-od{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--grey)}
.su-od select{height:28px;font-family:var(--mono);font-size:12px;border:1px solid var(--ink);background:var(--paper);padding:0 4px}
.su-krajiny{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.su-krajiny button{height:26px;padding:0 9px;border:1px solid var(--rule);background:var(--paper);font-family:var(--mono);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--grey)}
.su-krajiny button i{display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--rule)}
.su-krajiny button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink)}
.su-odkaz-r{margin:8px 0 0}
#susedia details.ed-zbal{margin:12px 0}
@media (max-width:700px){.su-ovl{gap:6px 8px}.su-skup button{padding:0 8px}}