/* * AI stránky v dizajne infowebu (prototyp 11. 9. 2026). * * Samostatný súbor namiesto zásahu do style.less/style.css — kompilovaný bundle * sa tým nemení a nasadenie je jeden súbor. Predloha = textové stránky webu * (.section-encryption-team v style.less, napr. Teamwork): nadpisy centrované, * primárna modrá, normálna váha; odstavce 18 px, zarovnané do bloku, stĺpec * 700 px. Farba textu sa dedí z body (svetlá #858585 / tmavá #878C9E), takže * tmavá schéma (.color-scheme-dark na ) funguje bez ďalších pravidiel. */ .section-ai { max-width: 1200px; margin: 0 auto; padding: 0 50px 50px; box-sizing: border-box; } .section-ai .container { max-width: 700px; margin: 40px auto 0; } .ai-page { font-size: 18px; line-height: 1.3em; } .ai-page h1, .ai-page h2 { text-align: center; color: #359BCE; font-weight: normal; } .ai-page h1 { font-size: 32px; line-height: 1.25; margin: 0 0 40px; } .ai-page h2 { font-size: 24px; line-height: 1.3; margin: 56px 0 20px; } .ai-page h3 { font-size: 20px; line-height: 1.3; font-weight: normal; color: #359BCE; margin: 32px 0 10px; } .ai-page p { font-size: 18px; line-height: 1.3em; text-align: justify; margin: 0 0 18px; } .ai-page a { color: #359BCE; text-decoration: none; } .ai-page a:hover { text-decoration: underline; } .ai-page ul, .ai-page ol { margin: 0 0 20px; padding-left: 26px; } .ai-page li { margin: 0 0 8px; text-align: left; } .ai-page table { width: 100%; border-collapse: collapse; margin: 16px 0 28px; font-size: 17px; } .ai-page th, .ai-page td { border: 1px solid #dddfe1; padding: 12px 14px; text-align: left; vertical-align: top; } .ai-page th { background: #f3f3f3; font-weight: normal; } .color-scheme-dark .ai-page th, .color-scheme-dark .ai-page td { border-color: #59596A; } .color-scheme-dark .ai-page th { background: #191922; } /* otázky a odpovede — kartičky ako na stránke FAQ, ale vždy otvorené */ .ai-faq-item { border: 1px solid #dddfe1; border-radius: 20px; padding: 25px; margin: 0 0 12px; } .color-scheme-dark .ai-faq-item { background: #191922; border-color: #59596A; } .ai-faq-item h3 { margin: 0 0 10px; } .ai-faq-item p:last-child { margin-bottom: 0; } .ai-summary { border-left: 4px solid #359BCE; padding: 4px 0 4px 22px; margin: 56px 0 0; } .ai-summary h2 { text-align: left; margin-top: 0; } .ai-related ul { list-style: none; padding: 0; } .ai-related li { margin: 0 0 10px; } .ai-page .ai-updated { font-size: 15px; text-align: center; opacity: 0.7; margin: 40px 0 0; } @media screen and (max-width: 760px) { .section-ai { padding: 0 20px 40px; } .section-ai .container { margin-top: 20px; } .ai-page h1 { font-size: 28px; } .ai-page p { text-align: left; } .ai-page table { display: block; overflow-x: auto; } }