/*  ==========================================================================
	Cross-page transitions — added June 2026 polish pass
	Shared by index.php, bodygraph.html and energy-weather.html: every page
	that links this file opts into cross-document View Transitions, so
	navigating between them dissolves through the shared near-black instead
	of flashing white. Browsers without @view-transition support (and anyone
	with prefers-reduced-motion) simply get a normal instant navigation.
	========================================================================== */

@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}

	/* Slow, even dissolve: the old page settles out a touch faster than the
	   new one arrives, so the warm dark ground carries the hand-off. */
	::view-transition-old(root) {
		animation: hd-page-out 0.45s ease both;
	}
	::view-transition-new(root) {
		animation: hd-page-in 0.65s ease both;
	}

	@keyframes hd-page-out {
		to { opacity: 0; }
	}
	@keyframes hd-page-in {
		from { opacity: 0; }
	}
}