/* clanek-aeo.css, sdílený stylopis pro AEO/edukační články (série 2026).
   Značka: navy #032246, zlatá #b8862a/#906c63, krém #f8f3ef, Caudex/Big Shoulders/Source Sans, rohy 2px. */
.aeo { max-width: 760px; margin: 0 auto; padding: 0 20px; font-family: "Source Sans Pro", sans-serif; color: #2a2320; }
.aeo-eyebrow { font-family: "Big Shoulders Text", sans-serif; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; font-size: 11.5px; color: #906c63; margin: 0 0 10px; }
.aeo-h1 { font-family: Caudex, serif; font-weight: 400; font-size: clamp(28px, 5vw, 42px); line-height: 1.12; color: #032246; margin: 0 0 8px; }
.aeo-h1 em { font-style: italic; color: #906c63; }
.aeo-meta { font-family: "Big Shoulders Text", sans-serif; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #8a7068; margin: 0 0 4px; }
.aeo-updated { font-size: 12.5px; color: #8a7068; margin: 0 0 22px; }

/* Rychlá odpověď (AEO snippet, 40-60 slov, dává smysl i vytržený) */
.aeo-quick { background: #032246; color: #f5ecea; border-radius: 2px; padding: 18px 22px; margin: 0 0 26px; }
.aeo-quick .l { font-family: "Big Shoulders Text", sans-serif; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; font-size: 11px; color: #e2c074; display: block; margin: 0 0 8px; }
.aeo-quick p { margin: 0; font-size: 17px; line-height: 1.55; }
.aeo-quick strong { color: #fff; }

.aeo-intro { font-size: 18px; line-height: 1.62; color: #3a2f2a; margin: 0 0 24px; }
.aeo p { font-size: 16.5px; line-height: 1.68; margin: 0 0 16px; }
.aeo strong { color: #032246; }
.aeo a { color: #906c63; }

/* Nadpisy jako otázky (H2 = reálný dotaz) */
.aeo h2 { font-family: Caudex, serif; font-weight: 400; font-size: clamp(22px, 3.4vw, 30px); color: #032246; line-height: 1.22; margin: 38px 0 12px; }
.aeo h3 { font-family: Caudex, serif; font-weight: 400; font-size: 20px; color: #032246; margin: 26px 0 8px; }

/* Definiční box (AI ho snadno vytáhne jako snippet) */
.aeo-def { background: #fff; border: 1px solid rgba(144,108,99,.22); border-left: 3px solid #b8862a; border-radius: 2px; padding: 16px 18px; margin: 0 0 22px; }
.aeo-def .t { font-family: "Big Shoulders Text", sans-serif; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: 11px; color: #906c63; margin: 0 0 6px; }
.aeo-def p { margin: 0; font-size: 15.5px; line-height: 1.6; }

/* Callout / poznámka */
.aeo-note { font-size: 15.5px; line-height: 1.62; background: #faf6f2; border: 1px solid #ece2d8; border-left: 3px solid #906c63; border-radius: 2px; padding: 14px 18px; margin: 0 0 24px; }

/* Tabulky se zdrojem: jeden řádek jedno číslo */
.aeo-table-wrap { overflow-x: auto; margin: 0 0 8px; }
.aeo-table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 480px; }
.aeo-table th { font-family: "Big Shoulders Text", sans-serif; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #906c63; text-align: right; padding: 10px 12px; border-bottom: 2px solid #ece2d8; }
.aeo-table th:first-child { text-align: left; }
.aeo-table td { padding: 11px 12px; border-bottom: 1px solid #f0e7df; vertical-align: top; }
.aeo-table td:first-child { text-align: left; }
.aeo-table td { text-align: right; font-variant-numeric: tabular-nums; }
.aeo-table td.l { text-align: left; }
.aeo-table strong { color: #032246; }

/* Zdroj + datum pod tabulkou/číslem */
.aeo-src { font-size: 13px; line-height: 1.55; color: #8a7068; margin: 6px 0 26px; }
.aeo-src a { color: #906c63; }

/* Seznamy */
.aeo ul, .aeo ol { margin: 0 0 20px; padding-left: 22px; }
.aeo li { font-size: 16.5px; line-height: 1.6; margin: 0 0 8px; }

/* Časté otázky (+ FAQPage schema v hlavě) */
.aeo-faq { margin: 8px 0 26px; }
.aeo-faq-item { border-bottom: 1px solid #f0e7df; padding: 14px 0; }
.aeo-faq-item h3 { font-family: Caudex, serif; font-weight: 400; font-size: 18px; color: #032246; margin: 0 0 6px; }
.aeo-faq-item p { font-size: 15.5px; line-height: 1.6; margin: 0; color: #3a2f2a; }

/* Disclaimer (povinný) */
.aeo-disc { font-size: 12.5px; line-height: 1.6; color: #8a7068; background: #faf6f2; border: 1px solid #ece2d8; border-radius: 2px; padding: 14px 18px; margin: 26px 0 30px; }

/* CTA */
.aeo-cta { background: linear-gradient(135deg, #032246, #0a3464); border-radius: 2px; padding: 28px 26px; text-align: center; color: #f5ecea; margin: 0 0 26px; }
.aeo-cta h3 { font-family: Caudex, serif; font-weight: 400; font-size: 24px; margin: 0 0 8px; color: #fff; }
.aeo-cta p { font-size: 15.5px; color: rgba(245,236,234,.85); max-width: 46ch; margin: 0 auto 18px; }
.aeo-cta-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.aeo-btn { display: inline-block; font-family: "Big Shoulders Text", sans-serif; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: 13px; padding: 14px 24px; border-radius: 2px; text-decoration: none; border: 0; cursor: pointer; }
.aeo-btn.primary { background: linear-gradient(135deg, #e2c074, #b8862a); color: #032246; }
.aeo-btn.ghost { background: transparent; color: #f5ecea; border: 1px solid rgba(245,236,234,.5); }
.aeo-btn:hover { filter: brightness(1.05); }

/* Související */
.aeo-related { margin: 0 0 10px; }
.aeo-related .l { font-family: "Big Shoulders Text", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #906c63; margin: 0 0 8px; display: block; }
.aeo-related ul { margin: 0; padding-left: 18px; }
.aeo-related li { font-size: 15.5px; line-height: 1.7; }