/* KOMPONENT ph-archive-head — .ph-archive-head (krok 4 knižnice, 30. 10. 2026).
   Vybraté z: style-a5de0145ecc1.css, userStyles-b7accc8e732d.css. Hodnoty z tokeny.css.
   Vytvoril tools/komponent_vyber.py — pravidlá v pôvodnom poradí. */

/* --- z style-a5de0145ecc1.css --- */
.ph-archive-head { color: var(--c-fg); padding: 40px var(--f-pad) clamp(56px, 6vw, 88px); background: var(--c-bg); padding-left: var(--f-pad); padding-right: var(--f-pad); }
.ph-archive-head__top { row-gap: 12px; display: flex; flex-wrap: wrap; column-gap: 24px; }
/* 1. 11. 2026, krok 9 — zo style a userStyles (bez html body): nadpis zoznamu */
.ph-archive-title { margin: 0px; font-weight: 500; }
.ph-archive-title { font-size: var(--ts-stranka); max-width: none; line-height: var(--lh-display); text-wrap: balance; letter-spacing: var(--tr-stranka); }
.ph-archive-head__row { row-gap: 32px; display: flex; flex-wrap: wrap; column-gap: 6vw; align-items: flex-end; justify-content: space-between; grid-template-columns: repeat(12, minmax(0px, 1fr)); }
.ph-archive-head__row .ph-lead { grid-column-end: span 6; grid-column-start: 1; }
@media (max-width: 860px) { .ph-archive-head__row .ph-lead { grid-column-end: -1; grid-column-start: 1; } }
.ph-archive-head .f-fade { opacity: 0; }
.ph-archive-head__row > .ph-lead { flex-grow: 1; max-width: 760px; flex-basis: 520px; flex-shrink: 1; }

/* --- z userStyles-b7accc8e732d.css --- */
html body .ph-archive-head .f-mask > span { transition: none; animation: ph-rise var(--t-nabeh) var(--f-ease) both; animation-delay: calc(var(--d, 0ms) * .4); }
html body .ph-archive-head .f-fade { transition: none; animation: ph-fadein var(--t-zmena) var(--f-ease) both; animation-delay: calc(var(--d, 0ms) * .4); }
@media (prefers-reduced-motion: reduce) { html body .ph-archive-head .f-mask > span, html body .ph-archive-head .f-fade { animation: none; transform: none; opacity: 1; } }
html body .ph-archive-head__top { justify-content: space-between; padding-bottom: clamp(48px, 5vw, 72px); }
html body .ph-archive-head__row { margin-top: 64px; }
html body .ph-archive-head .ph-lead { max-width: 720px; }
@media (prefers-reduced-motion: reduce) { html.f-js body .ph-archive-head .f-mask > span, html.f-js body .ph-archive-head .f-fade { animation: none; transform: none; opacity: 1; } }