/* ═══════════════════════════════════════════════
   PROJECT:  AEO Site Suite — AI Blog Writer Plugin
   FILE:     assets/css/blocks.css
   VERSION:  v1.05
   UPDATED:  2026-08-04 07:48 AM CT
   CHANGES:  Initial build (new in v1.05) — front-end styles for the Quick
             Answer box and the FAQ section blocks.
   ═══════════════════════════════════════════════ */

/* The Quick Answer — rounded light-blue box, solid blue border, lightbulb
   icon + text heading together (never color alone). Dark blue text on
   light blue: 4.5:1+ contrast. No italics. */

.aeo-cs-quick-answer-box {
	background: #dbeafe;
	border: 2px solid #1d4ed8;
	border-radius: 12px;
	padding: 20px 24px;
	margin: 0 0 28px;
}

.aeo-cs-quick-answer-heading {
	font-size: 20px;
	font-weight: 700;
	color: #1e3a8a;
	margin: 0 0 10px;
}

.aeo-cs-quick-answer-text {
	font-size: 18px;
	line-height: 1.6;
	color: #1e3a8a;
	margin: 0;
}

/* FAQ section — H2 heading, bold H3 questions, always-visible answers
   (no accordion: hidden answers are worthless to AI crawlers). */

.aeo-cs-faq-section {
	margin: 28px 0 0;
}

.aeo-cs-faq-question {
	font-size: 20px;
	font-weight: 700;
	margin: 22px 0 8px;
}

.aeo-cs-faq-answer {
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 16px;
}