/*
 * Single Kandidát - scaffold styles.
 *
 * Intentionally minimal. This exists so the template has somewhere to hang
 * its design once that's decided; it only sets enough layout to make the
 * scaffold legible. The `section`, `container`, `h1` and `text` classes come
 * from Etch's global stylesheet and are already styled.
 */

.kandidat__container {
	display: grid;
	gap: 2rem;
}

@media (min-width: 48rem) {
	.kandidat__container {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
		align-items: start;
	}
}

.kandidat__image {
	display: block;
	width: 100%;
	height: auto;
}

.kandidat__numbers,
.kandidat__social {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kandidat__numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}

.kandidat__number {
	display: flex;
	flex-direction: column;
}

.kandidat__social {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}