/* KOMPONENT zaklad — .f-js, .f-mono, .f-mute, .f-mask, .f-fade, .f-neutral-bg, .f-light, .f-sr, .f-it, .f-btn-row (krok 4 knižnice, 30. 10. 2026).
   Vybraté z: framework-60a49123a667.css, style-a5de0145ecc1.css, userStyles-b7accc8e732d.css, ph-viz.css. Hodnoty z tokeny.css.
   Vytvoril tools/komponent_vyber.py — pravidlá v pôvodnom poradí. */

/* --- z framework-60a49123a667.css --- */
:root {  }
:root { --f-ink-5: hsla(210, 33.33%, 9.41%, 0.05); --f-ink-10: hsla(210, 33.33%, 9.41%, 0.1); --f-ink-20: hsla(210, 33.33%, 9.41%, 0.2); --f-ink-30: hsla(210, 33.33%, 9.41%, 0.3); --f-ink-40: hsla(210, 33.33%, 9.41%, 0.4); --f-ink-50: hsla(210, 33.33%, 9.41%, 0.5); --f-ink-60: hsla(210, 33.33%, 9.41%, 0.6); --f-ink-70: hsla(210, 33.33%, 9.41%, 0.7); --f-ink-80: hsla(210, 33.33%, 9.41%, 0.8); --f-ink-90: hsla(210, 33.33%, 9.41%, 0.9); --f-ink-d-1: hsla(210, 33.33%, 7.91%, 1); --f-ink-d-2: hsla(210, 33.33%, 6.4%, 1); --f-ink-d-3: hsla(210, 33.33%, 4.89%, 1); --f-ink-d-4: hsla(210, 33.33%, 3.39%, 1); --f-ink-l-1: hsla(210, 33.33%, 23.91%, 1); --f-ink-l-2: hsla(210, 33.33%, 38.4%, 1); --f-ink-l-3: hsla(210, 33.33%, 52.89%, 1); --f-ink-l-4: hsla(210, 33.33%, 67.39%, 1); --f-paper-5: hsla(48, 18.52%, 94.71%, 0.05); --f-paper-10: hsla(48, 18.52%, 94.71%, 0.1); --f-paper-20: hsla(48, 18.52%, 94.71%, 0.2); --f-paper-30: hsla(48, 18.52%, 94.71%, 0.3); --f-paper-40: hsla(48, 18.52%, 94.71%, 0.4); --f-paper-50: hsla(48, 18.52%, 94.71%, 0.5); --f-paper-60: hsla(48, 18.52%, 94.71%, 0.6); --f-paper-70: hsla(48, 18.52%, 94.71%, 0.7); --f-paper-80: hsla(48, 18.52%, 94.71%, 0.8); --f-paper-90: hsla(48, 18.52%, 94.71%, 0.9); --f-paper-d-1: hsla(48, 18.52%, 79.55%, 1); --f-paper-d-2: hsla(48, 18.52%, 64.4%, 1); --f-paper-d-3: hsla(48, 18.52%, 49.25%, 1); --f-paper-d-4: hsla(48, 18.52%, 34.09%, 1); --f-paper-l-1: hsla(48, 18.52%, 95.55%, 1); --f-paper-l-2: hsla(48, 18.52%, 96.4%, 1); --f-paper-l-3: hsla(48, 18.52%, 97.25%, 1); --f-paper-l-4: hsla(48, 18.52%, 98.09%, 1); --f-neutral-5: hsla(45, 16%, 90.2%, 0.05); --f-neutral-10: hsla(45, 16%, 90.2%, 0.1); --f-neutral-20: hsla(45, 16%, 90.2%, 0.2); --f-neutral-30: hsla(45, 16%, 90.2%, 0.3); --f-neutral-40: hsla(45, 16%, 90.2%, 0.4); --f-neutral-50: hsla(45, 16%, 90.2%, 0.5); --f-neutral-60: hsla(45, 16%, 90.2%, 0.6); --f-neutral-70: hsla(45, 16%, 90.2%, 0.7); --f-neutral-80: hsla(45, 16%, 90.2%, 0.8); --f-neutral-90: hsla(45, 16%, 90.2%, 0.9); --f-neutral-d-1: hsla(45, 16%, 75.76%, 1); --f-neutral-d-2: hsla(45, 16%, 61.33%, 1); --f-neutral-d-3: hsla(45, 16%, 46.9%, 1); --f-neutral-d-4: hsla(45, 16%, 32.47%, 1); --f-neutral-l-1: hsla(45, 16%, 91.76%, 1); --f-neutral-l-2: hsla(45, 16%, 93.33%, 1); --f-neutral-l-3: hsla(45, 16%, 94.9%, 1); --f-neutral-l-4: hsla(45, 16%, 96.47%, 1); --f-neutral-2-5: hsla(46.67, 11.39%, 84.51%, 0.05); --f-neutral-2-10: hsla(46.67, 11.39%, 84.51%, 0.1); --f-neutral-2-20: hsla(46.67, 11.39%, 84.51%, 0.2); --f-neutral-2-30: hsla(46.67, 11.39%, 84.51%, 0.3); --f-neutral-2-40: hsla(46.67, 11.39%, 84.51%, 0.4); --f-neutral-2-50: hsla(46.67, 11.39%, 84.51%, 0.5); --f-neutral-2-60: hsla(46.67, 11.39%, 84.51%, 0.6); --f-neutral-2-70: hsla(46.67, 11.39%, 84.51%, 0.7); --f-neutral-2-80: hsla(46.67, 11.39%, 84.51%, 0.8); --f-neutral-2-90: hsla(46.67, 11.39%, 84.51%, 0.9); --f-neutral-2-d-1: hsla(46.67, 11.39%, 70.99%, 1); --f-neutral-2-d-2: hsla(46.67, 11.39%, 57.47%, 1); --f-neutral-2-d-3: hsla(46.67, 11.39%, 43.95%, 1); --f-neutral-2-d-4: hsla(46.67, 11.39%, 30.42%, 1); --f-neutral-2-l-1: hsla(46.67, 11.39%, 86.99%, 1); --f-neutral-2-l-2: hsla(46.67, 11.39%, 89.47%, 1); --f-neutral-2-l-3: hsla(46.67, 11.39%, 91.95%, 1); --f-neutral-2-l-4: hsla(46.67, 11.39%, 94.42%, 1); --f-surface-5: hsla(210, 29.41%, 13.33%, 0.05); --f-surface-10: hsla(210, 29.41%, 13.33%, 0.1); --f-surface-20: hsla(210, 29.41%, 13.33%, 0.2); --f-surface-30: hsla(210, 29.41%, 13.33%, 0.3); --f-surface-40: hsla(210, 29.41%, 13.33%, 0.4); --f-surface-50: hsla(210, 29.41%, 13.33%, 0.5); --f-surface-60: hsla(210, 29.41%, 13.33%, 0.6); --f-surface-70: hsla(210, 29.41%, 13.33%, 0.7); --f-surface-80: hsla(210, 29.41%, 13.33%, 0.8); --f-surface-90: hsla(210, 29.41%, 13.33%, 0.9); --f-surface-d-1: hsla(210, 29.41%, 11.2%, 1); --f-surface-d-2: hsla(210, 29.41%, 9.07%, 1); --f-surface-d-3: hsla(210, 29.41%, 6.93%, 1); --f-surface-d-4: hsla(210, 29.41%, 4.8%, 1); --f-surface-l-1: hsla(210, 29.41%, 27.2%, 1); --f-surface-l-2: hsla(210, 29.41%, 41.07%, 1); --f-surface-l-3: hsla(210, 29.41%, 54.93%, 1); --f-surface-l-4: hsla(210, 29.41%, 68.8%, 1); --f-body-dark-5: hsla(210, 8.57%, 86.27%, 0.05); --f-body-dark-10: hsla(210, 8.57%, 86.27%, 0.1); --f-body-dark-20: hsla(210, 8.57%, 86.27%, 0.2); --f-body-dark-30: hsla(210, 8.57%, 86.27%, 0.3); --f-body-dark-40: hsla(210, 8.57%, 86.27%, 0.4); --f-body-dark-50: hsla(210, 8.57%, 86.27%, 0.5); --f-body-dark-60: hsla(210, 8.57%, 86.27%, 0.6); --f-body-dark-70: hsla(210, 8.57%, 86.27%, 0.7); --f-body-dark-80: hsla(210, 8.57%, 86.27%, 0.8); --f-body-dark-90: hsla(210, 8.57%, 86.27%, 0.9); --f-body-dark-d-1: hsla(210, 8.57%, 72.47%, 1); --f-body-dark-d-2: hsla(210, 8.57%, 58.67%, 1); --f-body-dark-d-3: hsla(210, 8.57%, 44.86%, 1); --f-body-dark-d-4: hsla(210, 8.57%, 31.06%, 1); --f-body-dark-l-1: hsla(210, 8.57%, 88.47%, 1); --f-body-dark-l-2: hsla(210, 8.57%, 90.67%, 1); --f-body-dark-l-3: hsla(210, 8.57%, 92.86%, 1); --f-body-dark-l-4: hsla(210, 8.57%, 95.06%, 1); --f-mute-dark-5: hsla(210, 8.24%, 66.67%, 0.05); --f-mute-dark-10: hsla(210, 8.24%, 66.67%, 0.1); --f-mute-dark-20: hsla(210, 8.24%, 66.67%, 0.2); --f-mute-dark-30: hsla(210, 8.24%, 66.67%, 0.3); --f-mute-dark-40: hsla(210, 8.24%, 66.67%, 0.4); --f-mute-dark-50: hsla(210, 8.24%, 66.67%, 0.5); --f-mute-dark-60: hsla(210, 8.24%, 66.67%, 0.6); --f-mute-dark-70: hsla(210, 8.24%, 66.67%, 0.7); --f-mute-dark-80: hsla(210, 8.24%, 66.67%, 0.8); --f-mute-dark-90: hsla(210, 8.24%, 66.67%, 0.9); --f-mute-dark-d-1: hsla(210, 8.24%, 56%, 1); --f-mute-dark-d-2: hsla(210, 8.24%, 45.33%, 1); --f-mute-dark-d-3: hsla(210, 8.24%, 34.67%, 1); --f-mute-dark-d-4: hsla(210, 8.24%, 24%, 1); --f-mute-dark-l-1: hsla(210, 8.24%, 72%, 1); --f-mute-dark-l-2: hsla(210, 8.24%, 77.33%, 1); --f-mute-dark-l-3: hsla(210, 8.24%, 82.67%, 1); --f-mute-dark-l-4: hsla(210, 8.24%, 88%, 1); --f-body-light-5: hsla(210, 10.45%, 26.27%, 0.05); --f-body-light-10: hsla(210, 10.45%, 26.27%, 0.1); --f-body-light-20: hsla(210, 10.45%, 26.27%, 0.2); --f-body-light-30: hsla(210, 10.45%, 26.27%, 0.3); --f-body-light-40: hsla(210, 10.45%, 26.27%, 0.4); --f-body-light-50: hsla(210, 10.45%, 26.27%, 0.5); --f-body-light-60: hsla(210, 10.45%, 26.27%, 0.6); --f-body-light-70: hsla(210, 10.45%, 26.27%, 0.7); --f-body-light-80: hsla(210, 10.45%, 26.27%, 0.8); --f-body-light-90: hsla(210, 10.45%, 26.27%, 0.9); --f-body-light-d-1: hsla(210, 10.45%, 22.07%, 1); --f-body-light-d-2: hsla(210, 10.45%, 17.87%, 1); --f-body-light-d-3: hsla(210, 10.45%, 13.66%, 1); --f-body-light-d-4: hsla(210, 10.45%, 9.46%, 1); --f-body-light-l-1: hsla(210, 10.45%, 38.07%, 1); --f-body-light-l-2: hsla(210, 10.45%, 49.87%, 1); --f-body-light-l-3: hsla(210, 10.45%, 61.66%, 1); --f-body-light-l-4: hsla(210, 10.45%, 73.46%, 1); --f-mute-light-5: hsla(212.31, 6.67%, 38.24%, 0.05); --f-mute-light-10: hsla(212.31, 6.67%, 38.24%, 0.1); --f-mute-light-20: hsla(212.31, 6.67%, 38.24%, 0.2); --f-mute-light-30: hsla(212.31, 6.67%, 38.24%, 0.3); --f-mute-light-40: hsla(212.31, 6.67%, 38.24%, 0.4); --f-mute-light-50: hsla(212.31, 6.67%, 38.24%, 0.5); --f-mute-light-60: hsla(212.31, 6.67%, 38.24%, 0.6); --f-mute-light-70: hsla(212.31, 6.67%, 38.24%, 0.7); --f-mute-light-80: hsla(212.31, 6.67%, 38.24%, 0.8); --f-mute-light-90: hsla(212.31, 6.67%, 38.24%, 0.9); --f-mute-light-d-1: hsla(212.31, 6.67%, 32.12%, 1); --f-mute-light-d-2: hsla(212.31, 6.67%, 26%, 1); --f-mute-light-d-3: hsla(212.31, 6.67%, 19.88%, 1); --f-mute-light-d-4: hsla(212.31, 6.67%, 13.76%, 1); --f-mute-light-l-1: hsla(212.31, 6.67%, 48.12%, 1); --f-mute-light-l-2: hsla(212.31, 6.67%, 58%, 1); --f-mute-light-l-3: hsla(212.31, 6.67%, 67.88%, 1); --f-mute-light-l-4: hsla(212.31, 6.67%, 77.76%, 1); --f-text-light-5: hsla(210, 21.05%, 14.9%, 0.05); --f-text-light-10: hsla(210, 21.05%, 14.9%, 0.1); --f-text-light-20: hsla(210, 21.05%, 14.9%, 0.2); --f-text-light-30: hsla(210, 21.05%, 14.9%, 0.3); --f-text-light-40: hsla(210, 21.05%, 14.9%, 0.4); --f-text-light-50: hsla(210, 21.05%, 14.9%, 0.5); --f-text-light-60: hsla(210, 21.05%, 14.9%, 0.6); --f-text-light-70: hsla(210, 21.05%, 14.9%, 0.7); --f-text-light-80: hsla(210, 21.05%, 14.9%, 0.8); --f-text-light-90: hsla(210, 21.05%, 14.9%, 0.9); --f-text-light-d-1: hsla(210, 21.05%, 12.52%, 1); --f-text-light-d-2: hsla(210, 21.05%, 10.13%, 1); --f-text-light-d-3: hsla(210, 21.05%, 7.75%, 1); --f-text-light-d-4: hsla(210, 21.05%, 5.36%, 1); --f-text-light-l-1: hsla(210, 21.05%, 28.52%, 1); --f-text-light-l-2: hsla(210, 21.05%, 42.13%, 1); --f-text-light-l-3: hsla(210, 21.05%, 55.75%, 1); --f-text-light-l-4: hsla(210, 21.05%, 69.36%, 1); --f-signal-max-5: hsla(37.97, 86.81%, 64.31%, 0.05); --f-signal-max-10: hsla(37.97, 86.81%, 64.31%, 0.1); --f-signal-max-20: hsla(37.97, 86.81%, 64.31%, 0.2); --f-signal-max-30: hsla(37.97, 86.81%, 64.31%, 0.3); --f-signal-max-40: hsla(37.97, 86.81%, 64.31%, 0.4); --f-signal-max-50: hsla(37.97, 86.81%, 64.31%, 0.5); --f-signal-max-60: hsla(37.97, 86.81%, 64.31%, 0.6); --f-signal-max-70: hsla(37.97, 86.81%, 64.31%, 0.7); --f-signal-max-80: hsla(37.97, 86.81%, 64.31%, 0.8); --f-signal-max-90: hsla(37.97, 86.81%, 64.31%, 0.9); --f-signal-max-d-1: hsla(37.97, 86.81%, 54.02%, 1); --f-signal-max-d-2: hsla(37.97, 86.81%, 43.73%, 1); --f-signal-max-d-3: hsla(37.97, 86.81%, 33.44%, 1); --f-signal-max-d-4: hsla(37.97, 86.81%, 23.15%, 1); --f-signal-max-l-1: hsla(37.97, 86.81%, 70.02%, 1); --f-signal-max-l-2: hsla(37.97, 86.81%, 75.73%, 1); --f-signal-max-l-3: hsla(37.97, 86.81%, 81.44%, 1); --f-signal-max-l-4: hsla(37.97, 86.81%, 87.15%, 1); }

/* --- z style-a5de0145ecc1.css --- */
:root { --f-pad-x: max(var(--f-pad), calc((100% - var(--f-max)) / 2)); /* 28. 10. 2026: čiara na tmavom 0,2 ako na svetlom (bolo .14) */ /* 28. 10. 2026: bežná čiara 0,2 (bolo .16) */ }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }   /* 31. 10. 2026: pri „obmedziť pohyb“ skok na kotvu bez plynulého rolovania */
body { color: var(--f-paper); margin: 0px; background: var(--f-ink); font-family: var(--font-f-font-sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration-line: none; text-decoration-color: initial; text-decoration-style: initial; text-decoration-thickness: initial; }
a:hover { opacity: 0.7; }
.f-mono { font-size: 11px; font-family: var(--font-f-font-mono); font-weight: 500; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; }
.f-mute { color: var(--c-mute); }   /* 31. 10.: tlmený text = farba plochy (predtým napevno pre tmavú) */
.f-light { color: var(--f-ink); background: var(--f-paper); }
.f-light .f-mute { color: var(--f-mute-light); }
.f-neutral-bg { color: var(--f-ink); background: var(--f-neutral); }
.f-neutral-bg .f-mute { color: var(--f-mute-light); }

/* SEKCIA .ph-sec — Knižnica D1 (3. 11. 2026, hotová). Farbu plochy určuje LEN trieda sekcie: bez triedy = tmavá,
   .f-light = svetlá, .f-neutral-bg = sivá. Sekcia si pozadie a písmo kreslí sama z farieb plochy (--c-*) — nezávisí od
   podkladu stránky ani od obsahu (predtým tmavá len vďaka tmavému body; na stránkach projektov so svetlým podkladom
   štyri sekcie prefarbovali pravidlá :has(obsah) — zrušené). Prvky v sekcii berú farby z --c-* (téma povrchu A2).
   Presunuté sem z web-ph.css (odsadenie, farby plochy). */
.ph-sec { padding: clamp(72px, 8.3vw, 120px) var(--f-pad) clamp(80px, 8.9vw, 128px); background: var(--c-bg); color: var(--c-fg);
  --c-fg: var(--f-paper); --c-bg: var(--f-ink); --c-on: var(--f-ink); --c-mute: var(--f-mute-dark); --c-body: var(--f-body-dark);
  --c-line: var(--f-line-d); --c-line-s: var(--f-line-d2); --c-line2: rgba(244,243,239,.35); --c-wash: rgba(244,243,239,.05);
  --rail-bg: var(--c-bg); }
.ph-sec:is(.f-light, .f-neutral-bg) { --c-fg: var(--f-ink); --c-bg: var(--f-paper); --c-on: var(--f-paper); --c-mute: var(--f-mute-light);
  --c-body: var(--f-body-light); --c-line: var(--f-line-l); --c-line-s: var(--f-line-l2); --c-line2: rgba(16,24,32,.35); --c-wash: rgba(16,24,32,.05); }
.ph-sec.f-neutral-bg { --c-bg: var(--f-neutral); }
.f-it { font-style: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; }
.f-mask { display: block; margin-top: -0.14em; overflow-x: hidden; overflow-y: hidden; padding-top: 0.14em; /* väčší spodný priestor, aby maska neorezávala dĺžne písmen (j, y, p, g) */ padding-bottom: 0.26em; margin-bottom: -0.19em; }
.f-mask > span { display: block; transition: transform var(--t-pomaly) var(--f-ease); transition-delay: var(--d, 0ms); }
.f-js .f-mask > span { transform: translateY(130%); }
.f-js .is-in .f-mask > span { transform: none; }
.f-fade { transition: opacity var(--t-nabeh) var(--f-ease); transition-delay: var(--d, 0ms); }
.f-js .f-fade { opacity: 0; }
.f-js .is-in .f-fade { opacity: 1; }
html, body { overflow-x: hidden; }

/* --- z userStyles-b7accc8e732d.css --- */
html body .f-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
:root { --c-fg: var(--f-paper); --c-bg: var(--f-ink); --c-on: var(--f-ink); --c-mute: var(--f-mute-dark); --c-body: var(--f-body-dark); --c-line: var(--f-line-d); --c-line-s: var(--f-line-d2); --c-line2: rgba(244,243,239,.35); --c-wash: rgba(244,243,239,.05); }
html:root, html:root body { overflow-x: clip; }
html body { --font-f-font-serif: "articulat-cf", Arial, sans-serif; }
:root {  }
html body { font-variant-numeric: lining-nums; }
html body em, html body i, html body cite { font-style: normal; }
:root {  }
:root {  }
html body [data-prj="max"] { --prj-grad: var(--f-max-grad); }
html body [style*="#F3B955,#E0823A"] { --ph-atom: var(--f-max-grad); --g: var(--f-max-grad); }
html body [style*="#7FC3E8,#5A86D6"] { --ph-atom: var(--prj-one); --g: var(--prj-one); }
html body [style*="#E98AB5,#8E6BD8"] { --ph-atom: var(--prj-studio); --g: var(--prj-studio); }
html body [style*="#DCE775,#9CC94B"] { --ph-atom: var(--prj-x); --g: var(--prj-x); }
:root {  }
html body .f-mask { clip-path: inset(0); }
html body .f-mask > span { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
:root { /* 25. 10. 2026: = stupeň Stredný 28 → 22 (predtým 52 → 30, potom 40 → 26 — pod tabuľkou bola veľká ako jej položky) */ /* PORADIE VRSTIEV celej stránky (28. 10. 2026) — miestne poradie vnútri prvku (0–5) ostáva číslom */ /* DĹŽKY ANIMÁCIÍ — 5 stupňov (28. 10. 2026, Martin). Oneskorenia a slučky nad 1,4 s sú výnimky. */ /* ROZOSTUP PÍSMEN — jeden na stupeň veľkosti (28. 10. 2026, Martin) */ /* RIADKOVANIE — 6 stupňov, vzdušná verzia (28. 10. 2026, Martin). Výnimky: 1 (jednoriadkové prvky), meno v úvode. */ /* mono popiska (.f-mono) — K2 28. 10. 2026 */ /* 28. 10. 2026 — FÁZA B auditu tokenov: hodnoty, ktoré sa opakovali priamo */ /* nadpis sekcie 72 → 40 */ /* nadpis podstránky / článku 130 (pri 1440) → 56 — fáza D, 28. 10. */ /* FUTUR MAX — začiatok prechodu */ /* FUTUR MAX — koniec prechodu = plná oranžová (tenké čiary, čísla) */ /* zaoblenie dosky (atómu) */ }
.f-btn-row { padding-top: 14px; }

/* --- z ph-viz.css --- */
:root { --ts-diag-cislo: clamp(9px, 1cqw, 10.5px); --ts-diag-t: min(2.25cqw, 24px); --ts-diag-s: min(1.5cqw, 16px); }
@media (max-width: 900px) { html, html body { overflow-x: clip; } }
@media (min-width: 901px) { html:root, html:root body { overflow-x: clip; } }