/**
 * Sablona 2026-005 Technik - vypis clanku (Poradna; navrh ho nekresli – mrizka 3 karet jako „Další články“, ANALYZA kap. 3).
 * Markup jadra inc/clanky.php: #sekce > h1, .kategorie (kategorie clanku), .clanky_vypis (img, nadpis, uvod, odkaz).
 */
body.sekce_clanky #sekce { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tpl-grid-gap); align-items: stretch; }
body.sekce_clanky #sekce > :not(.clanky_vypis) { grid-column: 1 / -1; }
body.sekce_clanky #sekce > .cl,
body.sekce_clanky #sekce > .cb,
body.sekce_clanky #sekce > .clanek_obsah:empty { display: none; }
body.sekce_clanky #sekce > .kategorie { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
body.sekce_clanky #sekce > .kategorie a { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border: 1px solid var(--tpl-border); border-radius: 18px; background: var(--tpl-surface); color: var(--tpl-text); font-size: 14px; font-weight: 600; text-decoration: none; }
body.sekce_clanky #sekce > .kategorie a:hover { border-color: var(--tpl-primary); }
body.sekce_clanky .clanky_vypis { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0 0 16px; border: 1px solid var(--tpl-border); border-radius: var(--tpl-card-radius); overflow: hidden; background: var(--tpl-surface); float: none; width: auto; }
body.sekce_clanky .clanky_vypis:hover { box-shadow: var(--tpl-shadow-hover); }
body.sekce_clanky .clanky_vypis > img { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; margin: 0; background: var(--tpl-surface-2); float: none; }
body.sekce_clanky .clanky_vypis > :not(img) { margin-left: 16px; margin-right: 16px; }
#prostredek body.sekce_clanky .clanky_vypis_nadpis h2,
body.sekce_clanky #prostredek .clanky_vypis_nadpis h2 { margin: 8px 0 0; font-size: calc(18px - var(--tpl-head-shrink)); line-height: 1.3; }
body.sekce_clanky .clanky_vypis_nadpis a { color: var(--tpl-text); }
body.sekce_clanky .clanky_vypis_uvod { font-size: 14px; color: var(--tpl-text-light); }
body.sekce_clanky .clanky_vypis_uvod p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.sekce_clanky .clanky_odkaz { margin-top: auto; font-size: 14px; font-weight: 600; }
@media (max-width: 1024px) { body.sekce_clanky #sekce { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { body.sekce_clanky #sekce { grid-template-columns: minmax(0, 1fr); } }