/* ══ Podstránky — blog, článok, časté otázky ══════════════════════
   Nadstavba nad style.css. Formát optimalizovaný pre vyhľadávače
   (SEO) aj pre AI asistentov (GEO): odpoveď hneď na začiatku,
   nadpisy formulované ako otázky, pri každom čísle zdroj.
   ═══════════════════════════════════════════════════════════════ */

.sub{padding:0 0 96px}
.crumb{background:var(--bone);border-bottom:1px solid var(--line);padding:14px 0;font-size:13.5px}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--ink-45)}
.crumb li::after{content:"›";margin-left:8px;color:var(--line-2)}
.crumb li:last-child::after{content:""}
.crumb a{color:var(--ink-70);text-decoration:none}
.crumb a:hover{color:var(--navy);text-decoration:underline}

.ah{max-width:820px;margin:0 auto;padding:64px 0 34px}
.ah__k{display:flex;align-items:center;gap:14px;font:800 12px/1 var(--s);letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-600);margin:0 0 22px}
.ah h1{font-size:clamp(34px,5.4vw,64px);line-height:1;margin-bottom:22px}
.ah__lead{font:400 clamp(18px,2.1vw,23px)/1.5 var(--d);color:var(--ink-70);margin:0 0 24px}
.ah__m{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13.5px;color:var(--ink-45);
  padding-top:20px;border-top:1px solid var(--line-2)}

.afig{margin:0 0 44px}
.afig img{width:100%;aspect-ratio:16/8;object-fit:cover}
.afig figcaption{font-size:13px;color:var(--ink-45);padding-top:10px;max-width:820px;margin-inline:auto}

/* odpoveď hneď na začiatku — pre AI aj pre čitateľa */
.tldr{max-width:820px;margin:0 auto 44px;background:var(--navy);color:#fff;padding:32px 36px;
  border-left:7px solid var(--gold)}
.tldr h2{font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-family:var(--s);
  font-weight:800;color:var(--gold);margin-bottom:14px}
.tldr p{font:400 19px/1.55 var(--d);color:#EAF0F8;margin:0}
.tldr p+p{margin-top:12px}
.tldr b{color:#fff}
/* Odkaz v tmavom bloku dedil modrú z globálnych štýlov — na tmavomodrom
   podklade mal kontrast 1,6 : 1, teda prakticky neviditeľný. */
.tldr a{color:#F0C860;text-underline-offset:3px}
.tldr a:hover{color:#fff}

.prose{max-width:820px;margin:0 auto;font-size:17.5px;line-height:1.72}
.prose h2{font-size:clamp(26px,3.4vw,38px);margin:52px 0 16px;line-height:1.1}
.prose h3{font-size:clamp(20px,2.4vw,26px);margin:36px 0 12px;line-height:1.15}
.prose p{color:var(--ink-70);margin:0 0 1.15em}
.prose b,.prose strong{color:var(--ink)}
.prose>ul,.prose>ol{color:var(--ink-70);margin:0 0 1.3em;padding-left:22px;display:grid;gap:9px}
.prose a{color:var(--blue)}
.prose figure{margin:36px 0}
.prose figure img{width:100%}
.prose figcaption{font-size:13px;color:var(--ink-45);padding-top:9px}

.tbl{width:100%;border-collapse:collapse;margin:26px 0 12px;font-size:16px}
.tbl caption{text-align:left;font-size:13.5px;color:var(--ink-45);padding-bottom:10px}
.tbl th,.tbl td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line-2)}
.tbl thead th{border-bottom:2px solid var(--navy);font:800 12px/1.3 var(--s);letter-spacing:.1em;
  text-transform:uppercase;color:var(--navy)}
.tbl td:last-child,.tbl th:last-child{text-align:right;white-space:nowrap;font-family:var(--d);font-weight:800}
/* textová varianta — posledný stĺpec nie je suma, nezarovnáva sa doprava */
.tbl--t td:last-child,.tbl--t th:last-child{text-align:left;white-space:normal;
  font-family:inherit;font-weight:inherit}
.tbl tfoot td{border-top:2px solid var(--navy);border-bottom:0;font-weight:800;color:var(--navy);padding-top:14px}

.zdroj{background:var(--bone);border-left:5px solid var(--gold);padding:20px 24px;margin:30px 0;font-size:15px;color:var(--ink-70)}
.zdroj b{color:var(--ink)}
.pozor{background:#FDF3E3;border-left:5px solid #C08F13;padding:20px 24px;margin:30px 0;font-size:15.5px;color:#6E4B00}
.pozor b{color:#4A3200}

/* otázky na konci článku */
.qa{max-width:820px;margin:60px auto 0;border-top:2px solid var(--navy)}
.qa h2{font-size:clamp(24px,3vw,34px);margin:26px 0 10px}
.qa details{border-bottom:1px solid var(--line-2)}
.qa summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative;
  font:800 19px/1.3 var(--d);color:var(--navy)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;
  border-right:2.5px solid var(--gold-600);border-bottom:2.5px solid var(--gold-600);
  transform:translateY(-70%) rotate(45deg);transition:.25s}
.qa details[open] summary::after{transform:translateY(-20%) rotate(-135deg)}
.qa details p{margin:0;padding:0 0 20px;color:var(--ink-70);font-size:16.5px}

.next{max-width:820px;margin:60px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.next a{display:block;padding:24px;background:var(--bone);border:1px solid var(--line);
  text-decoration:none;color:inherit;transition:.18s}
.next a:hover{border-color:var(--navy);transform:translateY(-3px)}
.next span{display:block;font:800 11.5px/1 var(--s);letter-spacing:.13em;text-transform:uppercase;
  color:var(--gold-600);margin-bottom:10px}
.next b{display:block;font:800 19px/1.2 var(--d);color:var(--navy)}

/* výpis blogu */
.blist{padding:64px 0 96px}
.blist__h{max-width:760px;margin-bottom:52px}
.blist__h .flag{margin-bottom:22px}
.blist__h h1{font-size:clamp(36px,5.6vw,68px);margin-bottom:18px}
.blist__h p{color:var(--ink-70);font-size:18.5px}
.blist__g{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.blist__g .post{background:var(--paper)}
.bfeat{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);margin-bottom:26px;
  text-decoration:none;color:inherit;transition:.2s;background:var(--paper)}
.bfeat:hover{border-color:var(--navy);box-shadow:0 20px 44px -24px rgba(7,27,55,.5)}
.bfeat img{width:100%;height:100%;object-fit:cover;min-height:300px}
.bfeat__b{padding:44px}
.bfeat__b h2{font-size:clamp(26px,3.2vw,38px);line-height:1.08;margin-bottom:14px}
.bfeat__b p{color:var(--ink-70);margin:0}

@media (max-width:1080px){
  .blist__g{grid-template-columns:1fr 1fr}
  .bfeat{grid-template-columns:1fr}
  .bfeat img{min-height:220px}
}
@media (max-width:720px){
  .blist__g,.next{grid-template-columns:1fr}
  .ah{padding:40px 0 26px}
  .tldr{padding:24px 22px}
  .bfeat__b{padding:28px 22px}
  .tbl{font-size:15px}
  .tbl th,.tbl td{padding:10px 6px}
}

/* široké tabuľky sa posúvajú vo vlastnom kontajneri, nerozbíjajú stránku */
.tblw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:26px 0 12px}
.tblw .tbl{margin:0;min-width:440px}

/* karty kľúčových údajov (stránka Voľby 2026) */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);max-width:820px;margin:0 auto 46px}
.fact{background:var(--paper);padding:20px 18px}
.fact__l{display:block;font:800 10.5px/1.2 var(--s);letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-45);margin-bottom:12px}
.fact b{display:block;font:800 clamp(20px,2.4vw,26px)/1.05 var(--d);color:var(--navy);letter-spacing:-.03em}
.fact i{display:block;font-style:normal;font-size:12.5px;color:var(--ink-45);margin-top:6px;line-height:1.35}
.prose>ol{color:var(--ink-70);margin:0 0 1.3em;padding-left:22px;display:grid;gap:9px}
@media (max-width:720px){.facts{grid-template-columns:1fr 1fr}}

/* drobné pomocné triedy — nahrádzajú inline štýly, aby mohlo byť CSP prísne */
.m0{margin:0}
.mt20{margin-top:20px}
.mt44{margin:44px auto 0}
.mt72{margin-top:72px}
.wnarrow{max-width:820px}
.soon{opacity:.72}