/* Council cards retain the four-column desktop design, with readable pairs
 * for small screens. The contacts page has its own independent layout. */
@media (max-width: 73.74rem) {
	.hr-page--zastupitelstvo .hr-block--people-grid .hr-people-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2.5rem clamp(1rem, 3vw, 2rem);
	}
}

.hr-page--zastupitelstvo .hr-person,
.hr-page--zastupitelstvo .hr-person__details {
	min-width: 0;
}

.hr-page--zastupitelstvo .hr-person__photo {
	width: min(100%, 10.625rem);
	height: auto;
	aspect-ratio: 1;
}

.hr-page--zastupitelstvo .hr-person__email-domain {
	white-space: nowrap;
}

.hr-page--zastupitelstvo .hr-person { container-type: inline-size; }
.hradistko-site .hr-page--zastupitelstvo .hr-person a[href^="mailto:"] {
	font-size: clamp(0.75rem, 7cqi, 1rem);
	white-space: nowrap;
	overflow-wrap: normal;
}

@media (max-width: 37.49rem) {
	.hr-page--zastupitelstvo .hr-person__name {
		font-size: 1.125rem;
		line-height: 1.3;
	}

	.hr-page--zastupitelstvo .hr-person p {
		font-size: 0.875rem;
		line-height: 1.45;
	}

	.hr-page--zastupitelstvo .hr-person a {
		font-size: inherit;
		overflow-wrap: anywhere;
	}
}

@media (max-width: 22.49rem) {
	.hr-page--zastupitelstvo .hr-block--people-grid .hr-people-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}