/* AN Answers — inherits the theme's tokens, with safe fallbacks. */
.an-ans {
	margin: 0 var(--an-gutter, 24px) 32px;
	padding: 24px 26px;
	background: var(--an-surface, #fff);
	border: 1px solid var(--an-line, #e0e0dc);
	border-left: 3px solid var(--an-primary, #1F6B4A);
	border-radius: var(--an-radius-lg, 14px);
	box-shadow: var(--an-shadow-1, 0 4px 16px rgba(0,0,0,.05));
	max-width: 90ch;
}
.an-ans-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.an-ans-badge {
	font-family: var(--an-font-mono, ui-monospace, monospace);
	font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
	color: var(--an-primary, #1F6B4A);
	background: color-mix(in srgb, var(--an-primary, #1F6B4A) 12%, transparent);
	border-radius: 999px; padding: 4px 10px;
}
.an-ans-head h2 {
	font-family: var(--an-font-editorial, Georgia, serif);
	font-size: 1.25rem; font-weight: 400; margin: 0;
	letter-spacing: -.015em; color: var(--an-text, #16181a);
}
.an-ans-body { display: flex; flex-direction: column; gap: 12px; }
.an-ans-p {
	margin: 0; font-family: var(--an-font-editorial, Georgia, serif);
	font-size: 1.0625rem; line-height: 1.6; color: var(--an-text, #16181a);
}
.an-ans-cite {
	font-family: var(--an-font-mono, monospace); font-size: .75em;
	color: var(--an-primary, #1F6B4A); text-decoration: none;
	vertical-align: super; margin-inline-start: 3px;
}
.an-ans-cite:hover { text-decoration: underline; }
.an-ans-src { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--an-line-soft, #ebebe7); }
.an-ans-src-l {
	font-family: var(--an-font-mono, monospace); font-size: 10px;
	letter-spacing: .14em; text-transform: uppercase; color: var(--an-text-3, #82878c);
}
.an-ans-src ol { margin: 8px 0 0; padding-inline-start: 20px; }
.an-ans-src li { font-size: .875rem; margin-bottom: 4px; }
.an-ans-src a { color: var(--an-text-2, #52565a); }
.an-ans-src a:hover { color: var(--an-accent, #B4501C); }
.an-ans-note { margin: 14px 0 0; font-size: .75rem; color: var(--an-text-3, #82878c); }
@media (max-width: 640px) { .an-ans { margin-inline: 16px; padding: 18px; } }