/* KOMPONENT ph-toc — .ph-toc (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-toc { display: flex; flex-direction: column; }
.ph-toc__list { display: flex; padding-top: 14px; border-bottom: 1px solid var(--c-line); flex-direction: column; }
.ph-toc__item { color: var(--c-mute); display: grid; font-size: 14px; border-top: 1px solid var(--c-line); line-height: var(--lh-uvod); padding: 10px 0px; grid-template-columns: 32px minmax(0px, 1fr); }
/* 3. 11. 2026 (G4): aktívna položka a menovka „Obsah“ vo farbe písma plochy (--c-fg), nie napevno tmavé — funguje aj na tmavej */
.ph-toc__item.is-active { color: var(--c-fg); font-weight: 500; border-top-color: var(--c-fg); }
.ph-toc__n { font-size: 11px; font-family: var(--font-f-font-mono); }

/* OBSAH NAD TEXTOM ČLÁNKU (.ph-main > .ph-toc): dva stĺpce bez čiar medzi položkami. 3. 11. 2026 (G4): bez html body
   (špecificita .ph-main > .ph-toc … aj tak vyššia než základ komponentu) */
.ph-main > .ph-toc { max-width: 720px; padding-bottom: 40px; margin-bottom: 56px; border-bottom: 1px solid var(--c-line); }
.ph-main > .ph-toc .ph-toc__list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 32px; row-gap: 8px; padding-top: 0; border: 0; }
.ph-main > .ph-toc .ph-toc__list > * { border: 0; padding: 0; font-size: var(--ts-ui); line-height: var(--lh-uvod); }
@media (max-width: 600px) { .ph-main > .ph-toc .ph-toc__list { grid-template-columns: minmax(0,1fr); } }
.ph-main > .ph-toc__h { margin: 0 0 16px; font-family: var(--font-f-font-mono); font-size: var(--ts-popis); text-transform: uppercase; color: var(--c-fg); }
.ph-main > .ph-toc__h + .ph-toc { border-top: 1px solid var(--c-line); padding-top: 20px; }

/* 1. 11. 2026 (Martin: „číslovanie opticky oprav aj na článku na obsahu“): rovnako ako D8 Číslované odrážky — číslo sedí
   na účiari textu a posunie sa hore o rozdiel výšok veľkých písmen (1cap textu − 1cap čísla) + 1 px optická korekcia */
@property --ph-toc-cap { syntax: "<length>"; inherits: true; initial-value: 0px; }
/* 5. 11. 2026 (Martin): G4 späť na vrch VEĽKÉHO písmena textu + 1 px (zmena na vrch malých písmen zo 4. 11. zrušená) */
.ph-toc__item { align-items: baseline; --ph-toc-cap: 1cap; }
.ph-toc__n { position: relative; top: calc(1cap - var(--ph-toc-cap) + 1px); }
html body :is(.f-sechead__t, .lpc-lab, .kk__prj, .ph-quote__role, .ph-br__k, .ph-principle__items, .ph-bq__n, .ph-toc__n,
  .vz-lab b, .vz-legend b) { font-weight: 500; line-height: var(--lh-popis); letter-spacing: var(--tr-popis); }