/* Detail článku: hlavička, fotka, perex, osnova, patička článku, komentáře, související. */

.hsz-clanek { padding: 0 var(--hsz-gutter); }
.hsz-clanek__hlava { max-width: 1120px; margin: 0 auto; padding-top: clamp(18px, 3vw, 44px); }
.hsz-clanek__typ { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: clamp(16px, 2vw, 26px); }
.hsz-clanek__rubrika { font: 600 13.5px/1 var(--hsz-sans); color: var(--hsz-red); text-decoration: none; }
.hsz-clanek__h1 { max-width: 920px; margin-top: clamp(12px, 1.4vw, 18px); font: 600 clamp(31px, calc(2.6vw + 21px), 58px)/1.08 var(--hsz-serif); letter-spacing: -0.022em; text-wrap: balance; }
.hsz-clanek__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin-top: clamp(18px, 2vw, 28px); font: 400 14px/1.35 var(--hsz-sans); }
.hsz-clanek__data { display: flex; gap: 22px; color: var(--hsz-ink-3); }
.hsz-clanek__data dt { font-size: 12px; color: var(--hsz-muted); }
.hsz-clanek__data dd { font-weight: 600; color: var(--hsz-ink); }
.hsz-clanek__foto { max-width: 1120px; margin: clamp(24px, 3vw, 40px) auto 0; }
.hsz-clanek__img, .hsz-clanek__foto .hsz-nahled-prazdny { width: 100%; aspect-ratio: 21/9; object-fit: cover; border-radius: 24px; background: var(--hsz-img); }
@media (max-width: 639px) {
	.hsz-clanek__foto { margin: 22px calc(-1 * var(--hsz-gutter)) 0; }
	.hsz-clanek__img { aspect-ratio: 4/3; border-radius: 0; }
}
.hsz-clanek__perex { max-width: 720px; margin: clamp(24px, 3vw, 44px) auto clamp(20px, 2vw, 28px); font: 500 clamp(19.5px, calc(.5vw + 17.5px), 24px)/1.5 var(--hsz-serif); letter-spacing: -0.005em; color: var(--hsz-ink); text-wrap: pretty; }
.hsz-clanek__obsah::after { content: ''; display: table; clear: both; }
.hsz-stranka .hsz-clanek__obsah { margin-top: clamp(24px, 3vw, 40px); }

/* Osnova */
.hsz-osnova { max-width: 720px; margin: clamp(28px, 3vw, 44px) auto; padding: clamp(18px, 2.4vw, 26px) clamp(18px, 2.6vw, 28px); border-radius: 22px; background: var(--hsz-powder); font-family: var(--hsz-sans); }
.hsz-osnova__hlava { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.hsz-osnova__nadpis { font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--hsz-red); }
.hsz-osnova__pocet { font-size: 13px; color: var(--hsz-muted-2); }
.hsz-prose .hsz-osnova__seznam, .hsz-osnova__seznam { margin: 10px 0 0; padding: 0; list-style: none; columns: 2 250px; column-gap: 28px; }
.hsz-osnova__seznam li { break-inside: avoid; margin: 0; padding: 9px 0; border-top: 1px solid oklch(0.9 0.025 10); }
.hsz-osnova__seznam li[hidden] { display: none; }
.hsz-prose .hsz-osnova a, .hsz-osnova a { color: var(--hsz-ink); text-decoration: none; }
.hsz-osnova__seznam > li > a { display: flex; gap: 10px; align-items: baseline; font-size: 15px; font-weight: 600; line-height: 1.35; }
.hsz-osnova__seznam > li > a:hover { color: var(--hsz-red); }
.hsz-osnova__cislo { flex: none; width: 18px; font: 600 14px var(--hsz-serif); color: var(--hsz-red); }
.hsz-osnova__subs { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 6px 0 0 28px; font-size: 13.5px; line-height: 1.35; }
.hsz-prose .hsz-osnova__subs a, .hsz-osnova__subs a { color: var(--hsz-ink-3); }
.hsz-osnova__subs a:hover { color: var(--hsz-red); }
.hsz-osnova__vice { margin-top: 8px; padding: 6px 0; border: 0; background: none; font: 600 14.5px var(--hsz-sans); color: var(--hsz-red); cursor: pointer; }

/* Patička článku */
.hsz-clanek__paticka { max-width: 720px; margin: clamp(40px, 4vw, 64px) auto 0; font-family: var(--hsz-sans); }
.hsz-stitky__nadpis { margin-bottom: 10px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--hsz-muted-2); }
.hsz-stitky__seznam { display: flex; flex-wrap: wrap; gap: 8px; }
.hsz-kontrola { display: flex; gap: 18px; align-items: flex-start; margin-top: 28px; padding: clamp(18px, 2.6vw, 28px); border: 1px solid var(--hsz-line); border-radius: 22px; background: var(--hsz-card); }
.hsz-kontrola__foto { flex: none; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: var(--hsz-powder); }
.hsz-kontrola__text { min-width: 0; }
.hsz-kontrola__nadpis { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--hsz-red); }
.hsz-kontrola__nadpis .hsz-ok { width: 15px; height: 15px; }
.hsz-kontrola__jmeno { margin-top: 6px; font: 600 22px/1.2 var(--hsz-serif); }
.hsz-kontrola__role { margin-top: 2px; font-size: 14px; color: var(--hsz-muted-3); }
.hsz-kontrola__bio { margin-top: 10px; }
.hsz-kontrola__bio summary { list-style: none; cursor: pointer; }
.hsz-kontrola__bio summary::-webkit-details-marker { display: none; }
.hsz-kontrola__ukazka { font: 400 15.5px/1.6 var(--hsz-serif); color: oklch(0.32 0.031 15); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hsz-kontrola__vice { display: inline-block; margin-top: 6px; padding: 4px 0; font: 600 14px var(--hsz-sans); color: var(--hsz-red); }
.hsz-kontrola__bio[open] .hsz-kontrola__ukazka { display: none; }
.hsz-kontrola__bio[open] summary { order: 2; }
.hsz-kontrola__bio p { font: 400 15.5px/1.6 var(--hsz-serif); color: oklch(0.32 0.031 15); }
.hsz-kontrola__bio[open] { display: flex; flex-direction: column; }
@media (max-width: 479px) { .hsz-kontrola { flex-direction: column; } }

.hsz-predchozi-dalsi { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; margin-top: 28px; }
.hsz-predchozi-dalsi a { display: block; padding: 16px 18px; border: 1px solid var(--hsz-line); border-radius: 18px; color: inherit; text-decoration: none; }
.hsz-predchozi-dalsi a:hover { border-color: var(--hsz-red); }
.hsz-predchozi-dalsi span { display: block; font-size: 12.5px; color: var(--hsz-muted-2); }
.hsz-predchozi-dalsi strong { display: block; margin-top: 6px; font: 600 16.5px/1.35 var(--hsz-serif); }
.hsz-predchozi-dalsi__dalsi { text-align: right; }

/* Komentáře */
.hsz-komentare { margin-top: clamp(44px, 4.4vw, 64px); }
.hsz-komentare__nadpis { margin-bottom: 16px; font: 600 26px/1.2 var(--hsz-serif); }
.hsz-komentare__seznam, .hsz-komentare__seznam .children { list-style: none; margin: 0; padding: 0; }
.hsz-komentar { border-top: 1px solid var(--hsz-line); }
.hsz-komentar__telo { padding: 18px 0; }
.hsz-komentar--odpoved { border-top: 0; margin-left: 52px; }
.hsz-komentar--odpoved > .hsz-komentar__telo { padding: 0 0 18px; }
.hsz-komentar__hlava { display: flex; align-items: center; gap: 12px; }
.hsz-komentar__ini { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--hsz-powder); color: var(--hsz-red-dark); font: 600 17px var(--hsz-serif); }
.hsz-komentar__znak { font-size: 36px; }
.hsz-komentar__kdo { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; }
.hsz-komentar__stitek { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; background: var(--hsz-red); color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.hsz-komentar__kdy { font-size: 12.5px; color: var(--hsz-muted); text-decoration: none; }
.hsz-komentar__text { margin: 10px 0 0 52px; font: 400 16px/1.6 var(--hsz-serif); color: oklch(0.3 0.031 15); overflow-wrap: anywhere; }
.hsz-komentar__text p { margin: 0 0 .7em; }
.hsz-komentar__text p:last-child { margin-bottom: 0; }
.hsz-komentar__ceka { margin: 8px 0 0 52px; font-size: 13px; color: var(--hsz-amber-text); }
.hsz-komentar__odpovedet { margin: 8px 0 0 52px; }
.hsz-komentar__odpovedet a { font-size: 13.5px; font-weight: 600; color: var(--hsz-red); text-decoration: none; }
.hsz-komentar--redakce > .hsz-komentar__telo { margin-top: 14px; padding: 16px; border-radius: 18px; background: var(--hsz-powder); }
.hsz-komentar--redakce > .hsz-komentar__telo .hsz-komentar__text, .hsz-komentar--redakce > .hsz-komentar__telo .hsz-komentar__odpovedet { margin-left: 0; color: oklch(0.28 0.036 15); }
.hsz-komentar--redakce:not(.hsz-komentar--odpoved) > .hsz-komentar__telo { margin-bottom: 18px; }
@media (max-width: 479px) {
	.hsz-komentar--odpoved { margin-left: 20px; }
	.hsz-komentar__text, .hsz-komentar__odpovedet, .hsz-komentar__ceka { margin-left: 0; }
}
.hsz-komentare .comment-navigation { display: flex; justify-content: space-between; margin: 12px 0; font-size: 14px; }

.hsz-form .comment-respond { margin-top: 8px; padding: clamp(18px, 2.6vw, 26px); border: 1px solid var(--hsz-line); border-radius: 22px; background: var(--hsz-card); }
.hsz-komentar .comment-respond { margin: 14px 0 0 52px; }
.hsz-form__nadpis { font: 600 19px var(--hsz-serif); }
.hsz-form__nadpis small { margin-left: 10px; font: 500 13.5px var(--hsz-sans); }
.hsz-form__nadpis small a { color: var(--hsz-red); }
.comment-form { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.comment-form p { margin: 0; }
.hsz-form__dvojice { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 12px; }
.hsz-form__pole textarea, .hsz-form__pole input { width: 100%; padding: 12px 14px; border: 1px solid oklch(0.86 0.012 25); border-radius: 14px; background: oklch(0.98 0.005 25); font: 15px/1.5 var(--hsz-sans); }
.hsz-form__pole input { height: 46px; border-radius: 12px; padding: 0 14px; }
.hsz-form__pole textarea { min-height: 110px; resize: vertical; }
.hsz-form__pole textarea:focus, .hsz-form__pole input:focus { outline: none; border-color: var(--hsz-red); box-shadow: 0 0 0 3px oklch(0.52 0.19 12 / .15); }
.hsz-form__souhlas { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.45; color: var(--hsz-ink-3); }
.hsz-form__souhlas input { margin-top: 2px; accent-color: var(--hsz-red); }
.comment-form .form-submit { margin-top: 2px; }
.comment-form .comment-notes, .comment-form .logged-in-as { font-size: 13.5px; color: var(--hsz-muted-2); }

.hsz-souvisejici { margin-top: clamp(44px, 5vw, 72px); }