/**
 * v2.27.16 presentation-only polish.
 *
 * Loaded after the protected Interactive Map and THE NINE styles. This file
 * intentionally leaves their locked owner CSS byte-identical and applies only
 * narrow visual overrides.
 */

/* Match the FAQ kicker to the readable dark-gold used by CONTINUE EXPLORING. */
.ags-nine-section--faq .ags-nine-kicker {
	color: #8a6428;
}

/*
 * Location related-content lives inside a detail panel capped at 370px on
 * desktop and presented as a bottom sheet on mobile. A three-column grid is
 * therefore never a readable layout. Bind the card layout to the component
 * itself rather than viewport breakpoints so browser zoom and text zoom cannot
 * squeeze the cards into narrow columns.
 */
.ags-map-panel .ags-map-related__list {
	grid-template-columns: minmax(0, 1fr);
	grid-auto-rows: auto;
}

.ags-map-panel .ags-map-related__item {
	height: auto;
	min-height: 0;
}

.ags-map-panel .ags-map-related__link {
	width: 100%;
	max-width: 100%;
	align-self: stretch;
}