/**
 * Komponent: nagłówek sekcji (tools/components.py → section_head): nadtytuł + tytuł, obok opis albo przyciski;
 * wariant kd-section-head--center – wyśrodkowany, opis pod tytułem. Wygląd tytułu dopasuj do projektu.
 */

.kd-section-head .kd-section-head__titles > *,
.kd-section-head > p,
.kd-section-head .kd-section-head__title {
	margin: 0;
}

.kd-section-head .kd-section-head__title {
	text-wrap: balance;
}

.kd-section-head .kd-section-head__lead {
	max-width: 32rem;
	line-height: 1.6;
	text-wrap: pretty;
}

.kd-section-head--center .kd-section-head__lead {
	max-width: 42rem;
}

.kd-section-head .kd-section-head__lead a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 781px) {
	.kd-section-head:not(.kd-section-head--center) {
		flex-direction: column;
		align-items: flex-start;
	}
}