/*
 * AI stránky v dizajne webu Axial (14. 9. 2026).
 *
 * ⚠️ Súbor je ZÁMERNE mimo www/css. Webloader sleduje všetky *.css a *.less vo www/css
 * (watchFiles v config.neon) a nový alebo zmenený súbor tam spustí prekompilovanie hlavného
 * CSS balíka. Na produkcii chýba trieda CssMin, takže to zhodí celý web. Stalo sa 14. 9. 2026.
 *
 * Samostatný súbor namiesto zásahu do style.less — hlavný bundle sa nemení a nasadenie
 * je jeden súbor; načítava sa len na AI stránkach (blok head v AiContent/page.latte).
 * Základ je typografia detailu článku (.page-text .text zo style.less). Tu sú len prvky,
 * ktoré články nemajú: tabuľky, číslované kroky, kartičky otázok, zhrnutie.
 * Farby podľa style.less: @primary-color #f8ad00, @text-color #2c2c2c, @bg-color #f2f5fb.
 * Selektory začínajú .page-text, aby prebili pravidlá .page-text .text z hlavného štýlu.
 */

.page-text .ai-page .ai-lead {
    font-size: 18px;
    line-height: 1.8em;
}

.page-text .ai-page section + section {
    margin-top: 10px;
}

.page-text .ai-page h2 {
    margin-top: 50px;
}

.page-text .ai-page h3 {
    margin-top: 25px;
}

.page-text .ai-page a {
    color: #2c2c2c;
    text-decoration: underline;
    text-decoration-color: #f8ad00;
    text-underline-offset: 3px;
}

.page-text .ai-page a:hover {
    color: #f8ad00;
}

/* číslované kroky — reset v style.less zrušil odsadenie aj čísla */
.page-text .ai-page ol {
    list-style: decimal;
    padding-left: 24px;
    margin: 0 0 40px;
}

.page-text .ai-page ol li {
    padding-left: 6px;
    margin-bottom: 8px;
}

.page-text .ai-page ol li::marker {
    color: #f8ad00;
    font-weight: 600;
}

/* tabuľky — v článkoch nie sú, na AI stránkach ich je 51 z 63 */
.page-text .ai-page .ai-table {
    overflow-x: auto;
    margin: 10px 0 40px;
}

.page-text .ai-page table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.5;
}

.page-text .ai-page th,
.page-text .ai-page td {
    border: 1px solid #e3e6ec;
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
}

.page-text .ai-page th {
    background: #f2f5fb;
    font-weight: 600;
}

/* otázky a odpovede — kartičky, vždy otvorené */
.page-text .ai-page .ai-faq-item {
    border: 1px solid #e3e6ec;
    border-left: 4px solid #f8ad00;
    padding: 20px 25px;
    margin: 0 0 12px;
}

.page-text .ai-page .ai-faq-item h3 {
    margin: 0 0 8px;
}

.page-text .ai-page .ai-faq-item p {
    margin-bottom: 0;
    line-height: 1.8em;
}

.page-text .ai-page .ai-summary {
    background: #f2f5fb;
    padding: 25px 30px;
    margin-top: 50px;
}

.page-text .ai-page .ai-summary h2 {
    margin-top: 0;
}

.page-text .ai-page .ai-summary p {
    margin-bottom: 0;
}

.page-text .ai-page .ai-updated {
    font-size: 13px;
    opacity: 0.6;
    margin: 40px 0 0;
}

@media screen and (max-width: 760px) {
    .page-text .ai-page .ai-lead {
        font-size: 16px;
    }

    .page-text .ai-page .ai-faq-item {
        padding: 16px 18px;
    }

    .page-text .ai-page .ai-summary {
        padding: 20px;
    }
}