/* ═══════════════════════════════════════════════
   PROJECT:  AEO Site Suite — AI Blog Writer Plugin
   FILE:     assets/css/takeaways.css
   VERSION:  v1.01
   UPDATED:  2026-08-03 10:35 AM CT
   CHANGES:  Initial build (new in v1.01) — front-end Key Takeaways box.
   ═══════════════════════════════════════════════ */

/* Rounded light-green box with a green border. Checkmark + text together —
   never color alone. Dark green text on light green: 4.5:1+ contrast. */

.aeo-cs-takeaways-box {
	background: #dcfce7;
	border: 2px solid #15803d;
	border-radius: 12px;
	padding: 20px 24px;
	margin: 0 0 28px;
}

.aeo-cs-takeaways-heading {
	font-size: 20px;
	font-weight: 700;
	color: #14532d;
	margin: 0 0 12px;
}

.aeo-cs-takeaways-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.aeo-cs-takeaways-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 16px;
	line-height: 1.5;
	color: #14532d;
	margin: 0 0 10px;
	padding: 0;
}

.aeo-cs-takeaways-list li:last-child {
	margin-bottom: 0;
}

.aeo-cs-takeaways-check {
	font-weight: 700;
	color: #14532d;
	flex-shrink: 0;
}