/**
 * Sablona 2026-006 Garaz - vypis clanku (Poradna; navrh ho nekresli – mrizka 3 karet jako „Další články z poradny“:
 * fotka 3:2, nadpis Condensed verzalkami, bez ramecku). 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: 32px 24px; 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; min-height: 44px; padding: 0 16px; border: 1px solid var(--tpl-border-strong); border-radius: var(--tpl-radius); background: var(--tpl-surface); color: var(--tpl-text); font-size: 15px; 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; border: 0; background: none; float: none; width: auto; }
body.sekce_clanky .clanky_vypis > img { display: block; width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: cover; margin: 0 0 6px; border-radius: var(--tpl-area-radius); background: var(--tpl-surface-2); float: none; }
#prostredek body.sekce_clanky .clanky_vypis_nadpis h2,
body.sekce_clanky #prostredek .clanky_vypis_nadpis h2 { margin: 0; font-size: calc(22px - var(--tpl-head-shrink)); line-height: 1.2; text-transform: uppercase; }
body.sekce_clanky .clanky_vypis_nadpis a { color: var(--tpl-text); text-decoration: none; }
body.sekce_clanky .clanky_vypis_nadpis a:hover { text-decoration: underline; text-underline-offset: 3px; }
body.sekce_clanky .clanky_vypis_uvod { font-size: 15px; line-height: 1.5; 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 { display: inline-flex; align-items: center; min-height: 44px; margin-top: auto; font-size: 15px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@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); gap: 28px; } }