/* ENP dynamic-content styles. Tailwind (theme CDN) does the heavy lifting; this only
 * covers what utilities can't express for generated tables / charts / prose. Keep < 10 KB (R7). */

.enp-article h2 { scroll-margin-top: 5rem; }

/* FAQ <details> — hide the native marker (we use a Material Symbols chevron). */
.enp-article details > summary { list-style: none; }
.enp-article details > summary::-webkit-details-marker { display: none; }
.enp-article details[open] > summary { margin-bottom: .25rem; }

/* Inline SVG charts scale to container. */
.enp-chart svg { max-width: 100%; height: auto; }

/* Prose (E-E-A-T pages) link + spacing niceties. */
.enp-prose h2 { margin-top: 1.75rem; }
.enp-prose p, .enp-prose ul { margin-bottom: 1rem; }
.enp-prose a { word-break: break-word; }

/* SVG tooltip bubble (enp-charts.js). */
.enp-tip {
	position: fixed;
	z-index: 60;
	pointer-events: none;
	background: #041627;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 8px;
	border-radius: 6px;
	transform: translate(-50%, -120%);
	white-space: nowrap;
	opacity: 0;
	transition: opacity .12s;
}
.enp-tip.show { opacity: 1; }