/* Homepage section: phase groups + tiles */
.fdc-phase-group { margin-bottom: 32px; }
.fdc-phase-group:last-child { margin-bottom: 0; }
.fdc-phase-heading {
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: 10px 16px;
	border-radius: 8px;
	margin: 0 0 16px;
}
.fdc-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 16px;
}
.fdc-tile {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
.fdc-tile-img { width: 100%; height: 110px; object-fit: cover; display: block; }
.fdc-tile-icon { width: 100%; height: 110px; display: flex; align-items: center; justify-content: center; font-size: 40px; background: #f2f2f0; }
.fdc-tile-name { padding: 12px 12px 2px; font-weight: 800; font-size: 18px; }
.fdc-tile-homes { padding: 0 12px 14px; font-size: 15px; font-weight: 800; color: #333; }

/* Single community page: contact block + events button */
.fdc-single { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e5e5e2; }
.fdc-single-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.fdc-badge { color: #fff; font-weight: 800; font-size: 13px; letter-spacing: .03em; text-transform: uppercase; padding: 6px 14px; border-radius: 999px; }
.fdc-homes { font-weight: 700; color: #444; }
.fdc-single-contact p { margin: 0 0 8px; font-size: 15px; }
.fdc-single-contact a { color: #1a5d3a; }
.fdc-events-btn {
	display: inline-block;
	margin-top: 12px;
	background: #1a5d3a;
	color: #fff;
	font-weight: 800;
	font-size: 16px;
	padding: 14px 28px;
	border-radius: 8px;
	text-decoration: none;
}
.fdc-magazine-btn {
	display: block;
	margin-top: 20px;
	background: #c68a00;
	color: #fff;
	font-weight: 800;
	font-size: 16px;
	padding: 14px 28px;
	border-radius: 8px;
	text-decoration: none;
	text-align: center;
	max-width: 320px;
}
.fdc-events-btn { display: block; text-align: center; max-width: 320px; }

@media (max-width: 640px) {
	.fdc-tiles { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}