/* KOMPONENT nadpis-sekcie — .ph-h2, .ph-lead, .ph-art-intro, .ph-about (krok 4 knižnice, 30. 10. 2026).
   Vybraté z: style-a5de0145ecc1.css, userStyles-b7accc8e732d.css, ph-koncepty.css. Hodnoty z tokeny.css.
   Vytvoril tools/komponent_vyber.py — pravidlá v pôvodnom poradí.
   1. 11. 2026, krok 9: bez výnimiek „important“ (23×) a bez html body / html:root body. Zvonka nadpis, perex ani text nič neprebíja
   (overené na všetkých stránkach); medzery za nadpisom vyhrajú nad :has(+ .f-figcap.is-below) vyššou špecificitou.
   Väzby #o-mne a .lp-page ostávajú (bez nich by pravidlá platili aj inde). Jediná zmena: inline style="max-width: 1000px"
   na nadpise v interných skúškach _ilu-*.html (generuje ilustracia_omne.py --skuska) už platí — výnimka „important“ ho prebíjal. */

/* --- z style-a5de0145ecc1.css --- */
.ph-lead { font-size: clamp(22px, 1.95vw, 28px); margin: 0px; font-family: var(--font-f-font-serif); text-wrap-mode: initial; text-wrap-style: pretty; }
.ph-h2 { font-size: clamp(40px, 5vw, 72px); margin: 0px; line-height: var(--lh-display); text-wrap-mode: initial; text-wrap-style: balance; }
.ph-about { row-gap: 40px; display: grid; column-gap: var(--f-gap); grid-template-columns: repeat(12, minmax(0px, 1fr)); }
.ph-about .ph-h2 { grid-column-end: span 5; grid-column-start: 1; }
@media (max-width: 860px) { .ph-about .ph-h2 { grid-column-end: -1; grid-column-start: 1; } }
.ph-about__text { color: var(--c-fg); row-gap: 22px; display: flex; font-size: clamp(18px, 1.4vw, 20px); font-family: var(--font-f-font-serif); flex-direction: column; grid-column-end: span 6; grid-column-start: 7; }
@media (max-width: 860px) { .ph-about__text { grid-column-end: -1; grid-column-start: 1; } }
.ph-about__text p { margin: 0px; text-wrap-mode: initial; text-wrap-style: pretty; }
.ph-art-intro { display: grid; column-gap: var(--f-gap); margin-bottom: clamp(56px, 6.7vw, 96px); grid-template-columns: repeat(12, minmax(0px, 1fr)); }
.ph-art-intro .ph-h2 { grid-column-end: span 6; grid-column-start: 1; }
@media (max-width: 860px) { .ph-art-intro .ph-h2 { grid-column-end: -1; grid-column-start: 1; } }
/* .ph-max__text .ph-lead (blok FUTUR MAX na úvode) → web-ph.css (D3, 3. 11. 2026) */

/* --- z userStyles-b7accc8e732d.css --- */
.ph-sec .ph-h2 { font-size: var(--ts-sekcia); line-height: var(--lh-display); text-wrap: balance; margin-top: 0; margin-right: 0; margin-bottom: 0; max-width: min(14em, calc(100vw - 2 * var(--f-pad) - 240px - 2 * var(--f-gap))); }
@media (min-width: 861px) { .ph-about { display: flex; flex-direction: column; row-gap: 0; } }
@media (min-width: 861px) { .ph-about__text { margin-top: 40px; max-width: 720px; grid-column: auto; } }
@media (min-width: 861px) { .ph-art-intro { display: flex; flex-direction: column; margin-bottom: 0; padding-bottom: 0; } }
@media (min-width: 861px) { .ph-art-intro > .ph-lead { max-width: 720px; } }
@media (max-width: 860px) { .ph-sec .ph-h2 { max-width: none; } }
.ph-about__text p:has(> .f-link) { margin-top: 8px; }
@media (min-width: 1680px) { .ph-sec > .ph-lead { max-width: 720px; } }
.ph-h2, .ph-sec .ph-h2 { font-weight: 600; }
.ph-h2, .ph-sec .ph-h2 { letter-spacing: var(--tr-sekcia); }
.ph-about__text { line-height: var(--lh-odsek); letter-spacing: 0; font-weight: 400; }
.ph-lead { line-height: var(--lh-uvod); letter-spacing: -0.0075em; font-weight: 400; }
.ph-sec :is(.ph-h2, .ph-max-h) { display: flow-root; }
.ph-art-intro { row-gap: var(--f-sp-text); }
.ph-art-intro > .ph-lead { margin-top: 0; }
.ph-sec .ph-about { row-gap: 0; }
.ph-sec .ph-about > .ph-about__text { margin-top: var(--f-sp-text); }
.ph-art-intro + :is(.ph-quotes, .ph-cards) { margin-top: var(--f-sp-obsah); }
.ph-sec > .ph-h2 + .ph-work { margin-top: var(--f-sp-obsah); }
.ph-sec > .ph-h2 + .lpc-addr { margin-top: var(--f-sp-text); }
.ph-sec > :is(.ph-h2, .ph-about, .ph-lead) + .lpc-kv { margin-top: var(--f-sp-obsah); }   /* 1. 11. 2026: aj po úvodnom odseku (FUTUR X, podmienky nákupu); na ph.pixilo.sk taká dvojica nie je */
.ph-sec > .ph-h2 + .ph-principles { margin-top: var(--f-sp-obsah); }
.ph-art-intro > .ph-lead { grid-column: 1 / -1; }
.ph-art-intro--dark > .ph-lead { color: var(--f-paper); }
main .ph-lead { font-size: var(--ts-stredny); letter-spacing: var(--tr-stredny); }
/* #o-mne (úvodná sekcia O mne s ilustráciou) a .lp-page (medzera nadpis → obsah na stránkach projektov) → web-ph.css
   (D3, 3. 11. 2026 — vec Petrovho webu, nie komponentu) */
.ph-sec:not(.f-light):not(.f-neutral-bg):not(.ph-maxcta) .ph-about__text { color: var(--c-body); }
.ph-lead.ph-lead--sec { max-width: 720px; margin-top: 40px; }

/* --- z ph-koncepty.css --- */
.ph-art-intro + :is(.kp--uvod, .ph-rail--kk) { margin-top: var(--f-sp-obsah); }