/**
 * Capabilities (#capabilities) — phase strip grid, cards, reduced motion.
 */

/* Phase strip: adapts when the number of cells changes in the editor. */
#capabilities .celtic-capabilities__strip {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

/* Description: light text on hover expand; hidden via Tailwind until group-hover. */
#capabilities .capability p {
	color: rgba(244, 239, 228, 0.78);
}

@media (prefers-reduced-motion: reduce) {
	#capabilities .capability,
	#capabilities .capability * {
		transition-duration: 0.01ms !important;
	}
}