/* Príbeh AI grafika: živé farby, veľa priestoru a čitateľný kontrast. */
.pp-header { position: sticky; top: 0; z-index: 30; }
.pp-menu-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; }
.pp-menu-brand { display: inline-flex; align-items: center; gap: 14px; white-space: nowrap; }
.pp-menu-brand__content { display: grid; gap: 3px; }
.pp-menu-header__actions { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.pp-menu-control { display: inline-grid; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; place-items: center; border-radius: 50%; font-size: 1.05rem; line-height: 1; }
.pp-menu-control svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.pp-menu-header__actions > :last-child { display: none; }
@media (max-width: 767.98px) { .pp-menu-header { grid-template-columns: minmax(0, 1fr) auto; gap: 14px; } .pp-menu-header__actions { gap: 8px; } .pp-menu-header__actions > :last-child { display: inline-grid; } .pp-menu-desktop { display: none; } }
.story2-page { background: linear-gradient(180deg, #f8fcff 0%, #fff8ee 55%, #f8f4ff 100%); }
.story2-theme-toggle:hover,.story2-theme-toggle:focus-visible { background: linear-gradient(135deg, #7146b4, #1297bb); outline: 3px solid rgb(255 193 83 / .62); outline-offset: 3px; }
.story2-hero { background: radial-gradient(circle at 5% 18%, rgb(37 222 216 / .38), transparent 28%), radial-gradient(circle at 90% 84%, rgb(143 84 255 / .36), transparent 32%), linear-gradient(126deg, #15266d, #087caa 51%, #4258bd); }
.story2-hero .story-eyebrow { color: #ffe17f; }
.story2-hero h1 { max-width: 13ch; }
.story2-hero .story-hero-figure { transform: rotate(1.5deg); }
.story2-hero .story-hero-figure img { aspect-ratio: 16 / 9; object-fit: cover; object-position: center; }
.story2-page .story-disclaimer { background: linear-gradient(125deg, #fff2cc, #f7f2ff); color: #513d66; }
.story2-page .story-disclaimer::before { content: "✦"; color: #7b4ee2; }
.story2-chapter:nth-of-type(odd) h2 { color: #214ca0; }
.story2-chapter:nth-of-type(even) h2 { color: #813f8f; }
.story2-chapter blockquote { background: linear-gradient(125deg, #e7fbff, #f6edff); color: #263d82; border-left: 5px solid #ff9f42; }
.story2-page .story-figure img { aspect-ratio: 3 / 2; object-fit: cover; }
.story2-cta { background: radial-gradient(circle at 88% 13%, rgb(255 211 93 / .35), transparent 24%), linear-gradient(124deg, #432174, #126fa3 56%, #04a4a8); }
html[data-theme=dark] .story2-page { background: linear-gradient(180deg, #101b39, #1d1b39 60%, #102e3c); }
html[data-theme=dark] .story2-page .story-chapter { border-color: rgb(173 209 255 / .18); }
html[data-theme=dark] .story2-page .story-chapter > p:not(.story-eyebrow) { color: #d3deef; }
html[data-theme=dark] .story2-page .story-index nav { border-color: #5489c8; }
html[data-theme=dark] .story2-page .story-disclaimer { background: linear-gradient(125deg, #3c3154, #1d4054); color: #f0e9ff; }
@media (max-width: 760px) { .story2-hero .story-hero-figure { transform: none; } .story2-hero h1 { max-width: 15ch; } }