/*
 * TalentAstro / DIVSA — AEO answer block (v4.9.46, Phase 3c).
 *
 * Intentionally plain, semantic HTML underneath: <p>, <h2>, <dl>. An answer
 * engine can lift a <dl> of labelled facts; it cannot lift a gradient.
 * The styling here only makes it belong on the page — it never wraps the facts
 * in anything that hides them from a parser.
 */
.tap-aeo {
	margin: 18px 0 22px;
}

.tap-aeo-summary {
	font-size: 16px;
	line-height: 1.7;
	color: #3a2400;
	background: #fffaf0;
	border-left: 3px solid var(--tap-marigold, #f99000);
	border-radius: 0 12px 12px 0;
	padding: 12px 16px;
	margin: 0 0 16px;
}

.tap-aeo-title {
	font-size: 17px;
	margin: 0 0 10px;
	color: var(--tap-ink, #1e0a2e);
}

.tap-aeo-facts {
	margin: 0;
	border: 1px solid var(--tap-line, #ece6f2);
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
}

.tap-aeo-fact {
	display: grid;
	grid-template-columns: 190px 1fr;
	gap: 10px;
	padding: 10px 16px;
	border-bottom: 1px solid #f3eefa;
}

.tap-aeo-fact:last-child {
	border-bottom: 0;
}

.tap-aeo-facts dt {
	font-weight: 700;
	font-size: 13px;
	color: var(--tap-muted, #6b5b78);
	margin: 0;
}

.tap-aeo-facts dd {
	margin: 0;
	font-size: 14px;
	color: var(--tap-ink, #1e0a2e);
	line-height: 1.5;
}

@media (max-width: 640px) {
	.tap-aeo-fact {
		grid-template-columns: 1fr;
		gap: 2px;
	}
}