/*----------------------------------------------------------------------------------*
 * map.csswidth:30%;
 * Softoo Map styles 
 *
 * (c) Softoo Systems, 2011
 * www.softoo.co.th
 *
 *-----------------------------------------------------------------------------------*/
.cards 
{	display: grid;
	/* 
	This creates responsive columns without media queries.
	It fits as many columns as possible with a minimum width of 200px, 
	sharing the remaining space (1fr) equally.
	*/
	/*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
	grid-template-columns: auto auto auto;
	/* Adds space between the cards */
	gap: 1.0rem; 
	padding: 1.0rem 0; /* Optional: for spacing from screen edges */
}
.cards > div 
{	/*margin: auto;*/
	border: 1px solid #ddd;
	border-radius: 0.5rem;
	padding: 1.0rem;
	background-color: #f4f4f4;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	/* Ensures all cards in a row have the same height */
	display: flex;
	flex-direction: column;
}
.cards h4 +p 
{	font-size: 0.8rem;
	margin-top: 1em;
}