/* ══════════════════════════════════════════════════════════════
   KALKULAČKA DÁVKY V NEZAMESTNANOSTI – /davka-v-nezamestnanosti-kalkulacka/
   Predpona .dn-*. Spoločné komponenty nástroja (hlavička, karty krokov,
   polia, prepínače, výsledok, graf, tabuľky) sú v kalkulacka-davky.css
   (.kd-*). Tu je len to, čo je špecifické pre túto stránku: textové sekcie
   pod nástrojom. Logika: davka-v-nezamestnanosti-kalkulacka.js, texty
   výsledku: skrytý blok #dn-texty na stránke.
   Farby vždy cez premenné --n-* zo style.css, aby fungoval tmavý režim
   (body.dark).
   Načítava sa za kalkulacka-davky.css (riadok STYL: v hlavičke obsahu).
   ══════════════════════════════════════════════════════════════ */

/* ── Textové sekcie ───────────────────────────────────────────── */
.dn-text p,.dn-text li{text-align:left}
.dn-text{max-width:820px}
.dn-text p{margin:0 0 14px;font-size:16.5px;line-height:1.7;color:var(--n-t2)}
.dn-text p strong,.dn-text li strong{color:var(--n-ink)}
.dn-text h3{margin:28px 0 10px;font-size:20px;line-height:1.3;color:var(--n-ink)}
.dn-text ul{margin:0 0 16px;padding:0 0 0 22px;display:flex;flex-direction:column;gap:9px;font-size:16.5px;line-height:1.65;color:var(--n-t2)}
.dn-text a{text-decoration:underline;text-underline-offset:3px}
.dn-stlpce{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 44px;align-items:start}
.dn-vzorec{margin:0 0 18px;padding:18px 22px;border-radius:18px;background:var(--n-modra);font-size:16px;line-height:1.7;color:var(--n-ink)}
.dn-vzorec b{display:block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--n-t3);margin-bottom:4px}
.dn-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}
.dn-karta-ch{background:var(--n-surf);border-radius:20px;padding:26px;box-shadow:var(--kd-karta);border:1px solid var(--n-line);transition:transform .2s}
.dn-karta-ch:hover{transform:translateY(-4px)}
.dn-karta-c{display:block;font-family:'Playfair Display',serif;font-size:40px;font-weight:700;line-height:1;color:var(--gold);margin-bottom:10px}
.dn-karta-ch h3{margin:0 0 8px;font-size:19px;line-height:1.35}
.dn-karta-ch p{margin:0;font-size:15px;line-height:1.6;color:var(--n-t2)}

@media(max-width:1020px){
  .dn-stlpce{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .dn-karta-ch{transition:none}
}