#faceted-map {
	width: 100%;
	height: 45vw;
	position: relative;
	font-family: "area-normal", Verdana, Arial, sans-serif;
	.gm-svpc div {
		left: 0 !important;
	}

	.gm-svpc div {
		width: 40px;
		height: 40px;
	}
	.details {
		font-family: "area-normal", Verdana, Arial, sans-serif;
		font-size: 18px;
		line-height: 1.45;
		h2 {
			font-family: ernst, sans-serif;
			font-size: 20px;
			line-height: 26px;
			margin-top: 0;
		}
	}

	.school-type {
		display: inline-flex;
		align-items: center; /* vertically center dot + text */
		gap: 8px; /* space between dot and text */
		background: #eaf4f9;
		padding: 10px;
		text-transform: uppercase;
		font-weight: 800;
		color: #002677;
		font-size: 16px;
		margin-top: -20px;
	}
	.school-type .icon {
		font-family: "Font Awesome 5 Free"; /* Ensure you have Font Awesome loaded */
		font-weight: 900; /* solid style */
		content: "\f111"; /* fa-circle */
		font-size: 0.75em;
	}

	.gm-style-iw-chr > button.gm-ui-hover-effect {
		width: 24px !important;
		height: 24px !important;
		padding: 0 !important;
	}

	.gm-style-iw-chr > button.gm-ui-hover-effect > span[style*="mask-image"] {
		width: 12px !important;
		height: 12px !important;
		margin: 6px !important;
	}
}

#map-facets {
	padding: 16px;
	display: flex;
	flex-direction: row;
	flex: 1;
	gap: 16px;
}