/*
 * Plugin-side CSS for dynamic content components added beyond the code.html mock
 * (inline SVG chart tooltips, FAQ accordion, badges). All layout relies on the
 * Tailwind CDN enqueued by the theme; keep this file under 10 KB.
 */

.enp-chart-bar { transition: opacity 180ms ease; }
.enp-chart-bar:hover { opacity: 0.82; }

.enp-faq-item summary { cursor: pointer; list-style: none; }
.enp-faq-item summary::-webkit-details-marker { display: none; }
.enp-faq-item[open] summary .enp-faq-caret { transform: rotate(90deg); }
.enp-faq-caret { display: inline-block; transition: transform 180ms ease; }

.enp-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.15rem 0.5rem;
	font-size: 0.65rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background: #efeee3;
	color: #554242;
}