/**
 * Sekcja: treść wpisu.
 * Figma 14557:5089 — biała kolumna 886 px wyśrodkowana (padding 156 po bokach kadru),
 * 100 px w pionie, 75 px między leadem i treścią. Lead 20/30 w wadze 500,
 * nagłówki śródtytułów 24/33,6 w zieleni, akapity 16/24, cytat z pionową kreską 1 px.
 */

.single-news-body {
	background-color: var(--color-surface);
	padding-block: 100px;
}

.single-news-body__inner {
	max-width: 886px;
	margin-inline: auto;
}

.single-news-body__lead {
	margin: 0;
	font-size: var(--fs-body-lg);
	font-weight: 500;
	line-height: var(--lh-body);
	color: var(--color-body);
}

.single-news-body__lead + .single-news-body__content {
	margin-top: 75px;
}

/* --- treść z edytora --- */

.single-news-body__content > * {
	margin-block: 0 25px;
}

.single-news-body__content > *:last-child {
	margin-bottom: 0;
}

.single-news-body__content h2,
.single-news-body__content h3,
.single-news-body__content h4 {
	max-width: 640px;
	margin-top: 30px;
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 400;
	line-height: var(--lh-h5);
	letter-spacing: var(--ls-heading);
	color: var(--color-primary);
}

.single-news-body__content h2:first-child,
.single-news-body__content h3:first-child {
	margin-top: 0;
}

.single-news-body__content p,
.single-news-body__content li {
	font-size: var(--fs-body-sm);
	line-height: var(--lh-body);
	color: var(--color-body);
}

.single-news-body__content ul,
.single-news-body__content ol {
	padding-left: var(--space-md);
}

.single-news-body__content li + li {
	margin-top: var(--space-xs);
}

.single-news-body__content a {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.single-news-body__content a:hover {
	color: var(--color-secondary);
}

.single-news-body__content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--radius-sm);
}

/* Cytat 14557:5095: padding 36 w pionie, przerwa 20 do kreski, odstęp 30 od sąsiadów. */
.single-news-body__content blockquote {
	margin-block: 30px;
	padding: 36px 20px 36px 20px;
	border-left: 1px solid var(--color-primary);
}

.single-news-body__content blockquote p {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 400;
	line-height: var(--lh-h5);
	letter-spacing: var(--ls-heading);
	color: var(--color-primary);
}

.single-news-body__content blockquote p + p {
	margin-top: var(--space-sm);
}

@media (max-width: 991px) {
	.single-news-body {
		padding-block: var(--space-section);
	}

	.single-news-body__lead + .single-news-body__content {
		margin-top: var(--space-lg);
	}
}