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

/* --- z userStyles-b7accc8e732d.css --- */
/* 3. 11. 2026 (D1): sekcia „Ďalšie“ je tmavá TRIEDOU v HTML (bez .f-light / .f-neutral-bg) — vynútené pozadie a farby
   plochy cez :has(.lp-more) zrušené. Ostáva len čiara nad sekciou a silnejšia čiara nadpisu (vzhľad riadkov). */
html body .ph-sec:has(> .f-sechead + .lp-more) { border-top: 1px solid var(--c-line); }
html body .ph-sec:has(> .f-sechead + .lp-more) .f-sechead { border-top-color: color-mix(in srgb, var(--c-fg) 30%, transparent); }
html body .lp-more { display: flex; flex-direction: column; }
html body .lp-more__row { display: grid; grid-template-columns: 200px minmax(0,4fr) minmax(0,6fr) 24px; column-gap: 36px; align-items: baseline; padding: 26px 0; border-bottom: 1px solid var(--c-line); }
html body .lp-more__row:hover { opacity: 1; }
html body .lp-more > .lp-more__row:first-child { border-top: 1px solid color-mix(in srgb, var(--c-fg) 30%, transparent); }
html body .lp-more__p { display: flex; align-items: center; column-gap: 8px; color: var(--c-mute); }
html body .lp-more__t { font-size: 32px; font-weight: 500; line-height: var(--lh-nadpis); }
html body .lp-more__d { font-family: var(--font-f-font-serif); font-size: var(--ts-text-l); /* 18. 10.: bolo pevných 20 px aj na mobile */ line-height: 1.35; color: var(--c-body); text-wrap: pretty; }
html body .lp-more__arr { font-size: 20px; transition: transform var(--t-zmena) var(--f-ease); }
html body .lp-more__row:hover .lp-more__arr { transform: translateX(4px); }
html body .lp-more__row .f-atom { transition: transform var(--t-nabeh) var(--f-ease); }
html body .lp-more__row:hover .f-atom { transform: rotate(90deg); }
@media (max-width: 860px) { html body .lp-more__row { grid-template-columns: minmax(0,1fr) 24px; row-gap: 8px; } }
@media (max-width: 860px) { html body .lp-more__p, html body .lp-more__d { grid-column: 1 / 2; } }
@media (max-width: 860px) { html body .lp-more__arr { grid-column: 2; grid-row: 1; } }
html body .lp-more__t { letter-spacing: var(--tr-velky); }
html body .lp-more__d { line-height: var(--lh-odsek); letter-spacing: 0; font-weight: 400; }
html body .lp-more__p > span:not(.ph-lk) { border-radius: var(--f-atom-r); -webkit-mask: url(../../../uploads/atom.svg) no-repeat center / 100% 100%; mask: url(../../../uploads/atom.svg) no-repeat center / 100% 100%; }
html body .lp-more__p > .f-atom { display: none; }
html body .lp-more__t .ph-lk { font-size: 26px; }
html body .lp-more__p .ph-lk { font-size: 14px; }   /* 3. 11.: vektorové logo (ph-lk.css) — atómová maska riadku sa naň nevzťahuje (:not(.ph-lk) vyššie) */
html body .lp-more__row:has(.lp-more__t .ph-lk) .lp-more__p { display: none; }
html body .lp-more__row:has(.lp-more__t .ph-lk) .lp-more__t { grid-column: 1 / span 2; }
@media (max-width: 860px) { html body .lp-more__row:has(.lp-more__t .ph-lk) .lp-more__t { grid-column: 1 / 2; } }
html:root body .lp-more .lp-more__t { font-size: var(--ts-stredny); letter-spacing: var(--tr-stredny); }