/**
 * Strona Kontakt.
 *
 * Gdzie: CZTERY strony grupy `kontakt` — polska, ukraińska, angielska i rosyjska.
 *
 * Dlaczego osobny arkusz, a nie `subpages.css`: ten wspólny plik ma dziś dwie reguły,
 * a `.main_container` i `.title_regulations` każda podstrona definiuje u siebie —
 * regulaminy, cennik, MNP i dorejestracja mają własne kopie o różnych szerokościach.
 * Dopisanie ich do wspólnego arkusza zmieniłoby układ tamtym stronom, więc idziemy
 * tą samą drogą co one.
 *
 * Kolejkowany PO `klucz-subpages` — tak samo jak pozostałe arkusze podstron.
 * Barwy z zmiennych motywu, żeby zmiana palety objęła i tę stronę.
 */

.main_container {
	display: flex;
	flex-direction: column;

	/* Węziej niż listy dokumentów: to jest tekst do czytania, a nie tabela.
	   Wiersz dłuższy niż mniej więcej 70 znaków męczy przy czytaniu. */
	max-width: 46rem;
	min-width: 300px;

	padding-left: 35px;
	padding-right: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.title_regulations {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 50px;

	font-size: 2.875rem;
	font-weight: 600;
	text-align: center;

	border-bottom: 2px solid var(--pakiet-red);
}

.main_container section {
	margin-bottom: var(--klucz-blok-y, 2rem);
}

.main_container section:last-child {
	margin-bottom: 0;
}

.main_container h2 {
	margin: 0 0 0.75rem;

	font-size: 1.5rem;
	font-weight: 600;
	color: var(--pakiet-ink, #515555);
}

.main_container p {
	margin: 0 0 0.75rem;

	line-height: 1.6;
	color: var(--pakiet-ink, #515555);
}

.main_container ul {
	margin: 0;
	padding: 0;

	list-style: none;
}

.main_container li {
	/* Odstęp między wierszami większy niż w akapicie: to lista danych do odczytania
	   po jednej pozycji, a nie tekst ciągły. */
	padding: 0.35rem 0;

	line-height: 1.5;
	border-bottom: 1px solid var(--pakiet-line, #ded9d2);
}

.main_container li:last-child {
	border-bottom: none;
}

.main_container a {
	color: var(--pakiet-red);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.main_container a:hover,
.main_container a:focus-visible {
	text-decoration-thickness: 2px;
}

/* Dane spółki: same numery rejestrowe, więc drobniej i spokojniej niż reszta. */
.main_container section:last-child li {
	font-size: 0.9375rem;
	color: var(--pakiet-muted, #6f6b68);
}

@media (max-width: 600px) {
	.title_regulations {
		font-size: 2rem;
		margin-bottom: 30px;
	}

	.main_container {
		padding-left: 20px;
		padding-right: 20px;
	}
}