/* Články: čitelné odstavce a tabulka dostupná i na úzkém displeji. */
.clanek-meta { color: var(--text); font-size: .9rem; margin-top: 24px; }
.clanek-meta a, .clanek__obsah a:not(.btn) { text-decoration: underline; text-underline-offset: .2em; }
.clanek-foto { margin-block: 32px 0; }
.clanek-foto .obr { max-height: 620px; }
.clanek-foto figcaption { max-width: 76ch; margin: 12px auto 0; font-size: .88rem; }
.clanek { padding-top: clamp(36px, 6vw, 72px); }
.clanek__obsah { max-width: 920px; font-size: 1.06rem; line-height: 1.8; }
.clanek__obsah section { margin-top: clamp(40px, 6vw, 64px); scroll-margin-top: 130px; }
.clanek__obsah h2 { font-size: clamp(1.7rem, 3.6vw, 2.5rem); line-height: 1.2; margin-bottom: .75em; }
.clanek__obsah h3 { font-size: clamp(1.22rem, 2.4vw, 1.5rem); line-height: 1.35; margin-top: 1.7em; }
.clanek__obsah ul, .clanek__obsah ol { padding-left: 1.4em; margin-block: 1em 1.5em; }
.clanek__obsah ul { list-style: disc; }
.clanek__obsah ol { list-style: decimal; }
.clanek__obsah li { margin-bottom: .6em; padding-left: .2em; }
.clanek-shrnuti, .clanek-obsah, .clanek-poptavka { padding: clamp(20px, 4vw, 32px); background: var(--papir); }
.clanek-shrnuti { border-left: 3px solid var(--les); }
.clanek-shrnuti h2 { font-size: clamp(1.4rem, 2.8vw, 1.85rem); }
.clanek-obsah { margin-top: 24px; background: transparent; border: 1px solid var(--linka); }
.clanek-obsah ul { margin-bottom: 0; }
.clanek-tabulka { overflow-x: auto; margin-block: 24px; }
.clanek-tabulka table { border-collapse: collapse; width: 100%; min-width: 580px; font-size: .93rem; line-height: 1.6; }
.clanek-tabulka caption { text-align: left; font-weight: 600; margin-bottom: 12px; }
.clanek-tabulka th, .clanek-tabulka td { padding: 14px 16px; border-bottom: 1px solid var(--linka); text-align: left; vertical-align: top; }
.clanek-tabulka thead { background: var(--papir); }
.clanek-tabulka tbody th { width: 23%; }
.clanek-dotaz { padding-block: 20px; border-bottom: 1px solid var(--linka); }
.clanek-dotaz h3 { margin-top: 0; }
.clanek-poptavka { margin-top: 48px; }
.clanek-poptavka .btn { white-space: normal; }
.poradna-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 4vw, 56px); }
@media (max-width: 650px) {
  .poradna-grid { grid-template-columns: minmax(0, 1fr); }
  .clanek__obsah { font-size: 1rem; }
}