.km-index{width:min(1132px,100%);margin-inline:auto}
.km-intro{max-width:68ch;font-size:1.125rem}
.km-topics{display:flex;flex-wrap:wrap;gap:.55rem;margin-block:1.4rem 2rem}
.km-topics a{display:block;padding:.5rem .85rem;border:1px solid #d9d4c9;border-radius:7px;text-decoration:none;background:#fff}
.km-topics a:hover,.km-topics a:focus-visible{background:#efe9df}
.km-index .article-list{display:block}
.km-topic{margin-block:1.8rem;scroll-margin-top:8rem}
.km-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.km-card{display:block;padding:1rem 1.15rem;background:#fff;border:1px solid #e4dfd6;border-radius:12px;text-decoration:none;color:inherit}
.km-card:hover,.km-card:focus-visible{border-color:#916044}
.km-card h3{margin:0 0 .35rem;font-size:1.1rem;line-height:1.35}
.km-card p,.km-quick p{margin:0}
.km-quick{max-width:75ch;margin:1.5rem 0;padding:1rem 1.2rem;background:#f1ebe1;border-left:3px solid #916044;border-radius:0 8px 8px 0}
.km-quick strong{display:block;margin-bottom:.25rem}
.km-toc a,.km-reading a{text-underline-offset:.15em}
.guide-article [id^="cast-"],.guide-article #kontrola,.guide-article #prakticky-priklad,.page-content #prakticky-priklad,.page-content [id^="tema-"]{scroll-margin-top:9rem}
@media(max-width:620px){.km-grid{grid-template-columns:1fr}.km-card{padding:.85rem 1rem}}

.km-index .article-list .km-topic{margin-block:2rem 2.8rem}
.km-index .article-list .km-card{display:block;padding:1.05rem 1.2rem;background:#fffdf9;border-color:#ded6ca;border-radius:13px}
.km-index .article-list .km-card:hover,.km-index .article-list .km-card:focus-visible{border-color:#916044}
.km-index .article-list .km-card h3{margin:0 0 .4rem;font-size:1.125rem;line-height:1.35}
.km-index .article-list .km-card p{margin:0;color:#505c53}
.km-index .article-list .km-card img{display:block;width:100%;height:auto;aspect-ratio:2.4/1;object-fit:cover;border-radius:7px;margin-bottom:.8rem}