/**
 * Sablona 2026-008 Depo - vypis clanku (Cenik a navody; navrh ho nekresli - radky jako "Ceník, novinky a návody" na HP).
 * Markup jadra inc/clanky.php: #sekce > h1, .kategorie (kategorie clanku), .clanky_vypis (img, nadpis, uvod, odkaz).
 */
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: inline-flex; margin: 0 8px 16px 0; float: none; width: auto; }
body.sekce_clanky #sekce > .kategorie a {
    display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border: 1px solid var(--tpl-border); border-radius: var(--tpl-radius);
    background: var(--tpl-surface); color: var(--tpl-text); font-size: 14px; font-weight: 600; text-decoration: none;
}
body.sekce_clanky .clanky_vypis {
    display: grid; grid-template-columns: 120px minmax(0, 1fr); grid-template-areas: "foto nadpis" "foto uvod" "foto odkaz"; gap: 2px 16px;
    margin: 0; padding: 12px 16px; border: 1px solid var(--tpl-line); background: var(--tpl-surface); cursor: pointer; float: none; width: auto;
}
body.sekce_clanky .clanky_vypis + .clanky_vypis { border-top: 0; }
body.sekce_clanky .clanky_vypis:first-of-type { border-radius: var(--tpl-area-radius) var(--tpl-area-radius) 0 0; }
body.sekce_clanky .clanky_vypis:last-of-type { border-radius: 0 0 var(--tpl-area-radius) var(--tpl-area-radius); }
body.sekce_clanky .clanky_vypis:hover { background: var(--tpl-row-sel); }
body.sekce_clanky .clanky_vypis > img { grid-area: foto; display: block; width: 120px; height: 80px; margin: 0; object-fit: cover; border-radius: var(--tpl-thumb-radius); background: var(--tpl-surface-2); float: none; }
body.sekce_clanky .clanky_vypis_nadpis { grid-area: nadpis; }
body.sekce_clanky #prostredek .clanky_vypis_nadpis h2 { margin: 0; color: var(--tpl-text); font-size: 17px; line-height: 1.3; }
body.sekce_clanky .clanky_vypis_uvod { grid-area: uvod; color: var(--tpl-text-light); font-size: 14px; }
body.sekce_clanky .clanky_vypis_uvod p { margin: 0; }
body.sekce_clanky .clanky_odkaz { grid-area: odkaz; font-size: 14px; font-weight: 600; }
@media (max-width: 600px) {
    body.sekce_clanky .clanky_vypis { grid-template-columns: 72px minmax(0, 1fr); }
    body.sekce_clanky .clanky_vypis > img { width: 72px; height: 56px; }
}