/* Theme-context additions on top of the verbatim design port.
 * Kept separate so the four ported files (tokens/site/components/pages) stay a
 * clean mirror of the design bundle. Loaded last. */

/* Permission-graph pulse. The prototype used SVG SMIL <animate> that fires once
 * on mount; we drive the cycle from JS (cinematic.js) by toggling .is-pulse on
 * the current risky node, which lets prefers-reduced-motion suppress it. */
.perm-graph [data-risk] .perm-pulse {
	opacity: 0;
}
.perm-graph [data-risk].is-pulse .perm-pulse {
	transform-box: fill-box;
	transform-origin: center;
	animation: nth-perm-pulse 1.4s var(--ease-out-quart, ease-out) 1;
}
@keyframes nth-perm-pulse {
	0% {
		opacity: 0.4;
		r: 12;
	}
	100% {
		opacity: 0;
		r: 34;
	}
}
@media ( prefers-reduced-motion: reduce ) {
	.perm-graph [data-risk].is-pulse .perm-pulse {
		animation: none;
	}
}