/* ══════════════════════════════════════════════════════════════
   KALKULAČKA MATERSKÉHO – /materska-kalkulacka/  (.md-*)
   Spoločné komponenty nástroja (hlavička, karty krokov, polia, prepínače,
   výsledok, časová os, 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. Výpočet: materska-kalkulacka-jadro.js, formulár a výsledok:
   materska-kalkulacka.js, texty výsledku: #md-texty na stránke.
   Farby len cez premenné --n-* a --acc/--green/--gold zo style.css, takže
   tmavý režim (body.dark) funguje sám.
   Načítava sa za kalkulacka-davky.css (riadok STYL: v hlavičke obsahu).
   ══════════════════════════════════════════════════════════════ */

/* ── textové sekcie ── */
.md-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin-bottom:24px}
.md-karta-text,.md-panel{background:var(--n-surf);border-radius:24px;padding:28px;box-shadow:var(--kd-karta);border-top:6px solid var(--n-titul)}
.md-karta-text:nth-child(2){border-top-color:var(--gold)}
.md-karta-text:nth-child(3){border-top-color:var(--green)}
.md-karta-text h3,.md-panel h3{margin:0 0 14px;font-size:21px;color:var(--n-ink)}
.md-karta-text ul{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:10px;font-size:15.5px;line-height:1.55;color:var(--n-t2)}
.md-karta-text strong,.md-panel strong{color:var(--n-ink)}
.md-dva-stlpce{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;align-items:start}
.md-dole{margin-top:28px}
.md-panel{border-top-color:var(--gold)}
.md-panel p{margin:0 0 12px;font-size:15.5px;line-height:1.65;color:var(--n-t2)}
.md-panel p:last-child{margin-bottom:0}
.md-panel a{text-decoration:underline;text-underline-offset:3px}
.md-tab-dvojica{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:28px;align-items:start}
.md-tab-nadpis{margin:0 0 12px;font-size:20px}
.md-kroky-pr{margin:0 0 14px;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:15.5px;line-height:1.6;color:var(--n-t2)}
.md-poznamka{margin-top:28px;padding:24px 28px;border-radius:20px;background:var(--n-zlta)}
.md-poznamka h3{margin:0 0 8px;font-size:19px}
.md-poznamka p{margin:0;font-size:15.5px;line-height:1.65;color:var(--n-ink)}
.md-chyby{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}
.md-chyba{background:var(--n-surf);border-radius:20px;padding:26px;box-shadow:var(--kd-karta);transition:transform .2s}
.md-chyba:hover{transform:translateY(-4px)}
.md-chyba-c{display:block;font-family:'Playfair Display',serif;font-size:40px;font-weight:700;line-height:1;color:var(--gold);margin-bottom:10px}
.md-chyba h3{margin:0 0 8px;font-size:19px;line-height:1.35}
.md-chyba p{margin:0;font-size:15px;line-height:1.6;color:var(--n-t2)}

@media(max-width:640px){
  .md-karta-text,.md-panel{padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){
  .md-chyba{transition:none}
}